@layer veneer.inputs{:where([data-scope=strength]){font-size:var(--veneer-text-caption-size);grid-template-columns:repeat(4,1fr) auto;align-items:center;gap:4px;padding-inline:2px;display:grid}:where([data-scope=strength]) :where(i){background:var(--veneer-color-border);border-radius:2px;block-size:3px;position:relative;overflow:clip}:where([data-scope=strength]) :where(i):after{content:"";background:var(--_t,var(--veneer-color-sweep));clip-path:inset(0 100% 0 0);transition:clip-path var(--veneer-sweep-duration) var(--veneer-sweep-ease);position:absolute;inset:0}:where([data-scope=strength]) :where(b){font:600 10px/1 var(--veneer-label-font);letter-spacing:var(--veneer-label-float-tracking);text-transform:uppercase;text-align:end;min-inline-size:7ch;color:var(--veneer-color-text-subtle)}:where([data-scope=strength][data-score="1"]){--_t:var(--veneer-color-critical-solid)}:where([data-scope=strength][data-score="2"]){--_t:var(--veneer-color-caution-solid)}:where([data-scope=strength][data-score="3"]),:where([data-scope=strength][data-score="4"]){--_t:var(--veneer-color-positive-solid)}:where([data-scope=strength][data-score="1"]) :where(i:nth-child(-n+1)):after,:where([data-scope=strength][data-score="2"]) :where(i:nth-child(-n+2)):after,:where([data-scope=strength][data-score="3"]) :where(i:nth-child(-n+3)):after,:where([data-scope=strength][data-score="4"]) :where(i):after{clip-path:inset(0)}:where([data-scope=strength][data-score="1"]) :where(b){color:var(--veneer-color-critical-text)}:where([data-scope=strength][data-score="2"]) :where(b){color:var(--veneer-color-caution-text)}:where([data-scope=strength]:is([data-score="3"],[data-score="4"])) :where(b){color:var(--veneer-color-positive-text)}:where([data-scope=field]) :where([data-part=stepper]){flex:none;gap:4px;margin-inline-end:-6px;display:flex}:where([data-scope=field]) :where([data-part=stepper]) :where(button){border:var(--veneer-border-hairline) solid var(--veneer-color-border-control);border-radius:var(--veneer-radius-mark);block-size:26px;inline-size:26px;color:var(--veneer-color-text);cursor:pointer;transition:background-color var(--veneer-duration-fast), color var(--veneer-duration-fast), border-color var(--veneer-duration-fast);background:0 0;place-items:center;padding:0;display:grid;position:relative}:where([data-scope=field]) :where([data-part=stepper]) :where(button):before{content:"";inset:min(0px, calc((100% - var(--veneer-hit-min)) / 2)) -2px;position:absolute}:where([data-scope=field]) :where([data-part=stepper]) :where(button:hover){border-color:var(--veneer-color-sweep);color:var(--veneer-color-sweep)}:where([data-scope=field]) :where([data-part=stepper]) :where(button:active){background:var(--veneer-color-accent-soft)}:where([data-scope=field]) :where([data-part=stepper]) :where(button:disabled){opacity:var(--veneer-opacity-disabled);cursor:not-allowed}:where([data-scope=field]) :where([data-part=stepper]) :where(svg){block-size:12px;inline-size:12px}:where([data-pointer=coarse]) :where([data-scope=field] [data-part=stepper] button){block-size:40px;inline-size:40px}@media (pointer:coarse){:where(:root:not([data-pointer])) :where([data-scope=field] [data-part=stepper] button){block-size:40px;inline-size:40px}}:where([data-pointer=coarse]) :where([data-scope=field] :is([data-part=action]:not([data-scope=field] :is([data-scope=checklist]) :not([data-scope=field] :is([data-scope=checklist]) [data-scope=field] *)),[data-part=clear]:not([data-scope=field] [data-scope=chips] :not([data-scope=field] [data-scope=chips] [data-scope=field] *)))){--_s:40px;margin-inline:0}@media (pointer:coarse){:where(:root:not([data-pointer])) :where([data-scope=field] :is([data-part=action]:not([data-scope=field] :is([data-scope=checklist]) :not([data-scope=field] :is([data-scope=checklist]) [data-scope=field] *)),[data-part=clear]:not([data-scope=field] [data-scope=chips] :not([data-scope=field] [data-scope=chips] [data-scope=field] *)))){--_s:40px;margin-inline:0}}:where([data-scope=field][data-kind=number]){--_num:tabular-nums}:where([data-scope=field]) :where([data-part=scrub]){cursor:ew-resize;-webkit-user-select:none;user-select:none;touch-action:pan-y}:where([data-pointer=coarse]) :where([data-scope=field] [data-part=scrub]){cursor:default}:where([data-scope=field]) :where([data-part=mask]){z-index:2;pointer-events:none;font-size:var(--veneer-text-control-size);font-variant-numeric:tabular-nums;white-space:pre;color:#0000;opacity:0;transition:opacity var(--veneer-duration-fast);align-items:center;display:flex;position:absolute;inset-block:0;inset-inline-start:var(--_lead)}:where([data-scope=field]) :where([data-part=mask]) :where(em){color:var(--veneer-color-text-subtle);opacity:.7;font-style:normal}:where([data-scope=field])>:where([data-part=control]:is(:focus-within,[data-filled]))>:where([data-part=mask]){opacity:1}:where([data-scope=field][data-kind=mask]) :where([data-part=input]:not([data-scope=field] [data-scope=palette] :not([data-scope=field] [data-scope=palette] [data-scope=field] *))){font-variant-numeric:tabular-nums}:where([data-scope=quantity]){block-size:var(--veneer-control-md);border-radius:var(--veneer-radius-control);--veneer-sweep-radius:var(--veneer-radius-control);background:var(--veneer-color-field);align-items:stretch;display:inline-flex}:where([data-scope=quantity]) :where(button){z-index:3;inline-size:max(var(--veneer-control-md), var(--veneer-hit-min));color:var(--veneer-color-text);cursor:pointer;border-radius:inherit;transition:color var(--veneer-duration-fast);background:0 0;border:0;place-items:center;padding:0;display:grid;position:relative}:where([data-scope=quantity]) :where(button:hover){color:var(--veneer-color-sweep)}:where([data-scope=quantity]) :where(button:disabled){opacity:var(--veneer-opacity-disabled);cursor:not-allowed;color:var(--veneer-color-text)}:where([data-scope=quantity]) :where(button) :where(svg){block-size:14px;inline-size:14px}:where([data-scope=quantity]) :where(input){z-index:3;text-align:center;inline-size:4ch;color:var(--veneer-color-text);font:500 var(--veneer-text-control-size)/var(--veneer-text-control-leading) var(--veneer-text-body-font);font-variant-numeric:tabular-nums;background:0 0;border:0;outline:none;position:relative}:where([data-scope=otp]){gap:var(--veneer-space-related);align-items:center;min-inline-size:0;max-inline-size:100%;display:flex;position:relative}:where([data-scope=otp])>:where(input){z-index:4;opacity:.001;color:#0000;caret-color:#0000;letter-spacing:2em;background:0 0;border:0;outline:none;margin:0;padding:0;font-size:16px;position:absolute;inset:0}:where([data-scope=otp]) :where([data-part=cell]:not([data-scope=otp] [data-scope=scroll-grid] :not([data-scope=otp] [data-scope=scroll-grid] [data-scope=otp] *))){max-inline-size:calc(var(--veneer-control-lg) - 2px);block-size:calc(var(--veneer-field-height) + 6px);border-radius:var(--veneer-radius-control);--veneer-sweep-radius:var(--veneer-radius-control);background:var(--veneer-color-field);flex:1 1 0;place-items:center;min-inline-size:28px;display:grid}:where([data-scope=otp]) :where([data-part=char]){z-index:3;font:500 20px/1 var(--veneer-font-mono);font-variant-numeric:tabular-nums;color:var(--veneer-color-text);position:relative}:where([data-scope=otp]) :where([data-part=char]:not(:empty)){animation:veneer-field-pop var(--veneer-duration-base) var(--veneer-ease-pop)}:where([data-scope=otp]) :where([data-part=cell][data-pin]) :where([data-part=char]:empty):after{content:"";background:var(--veneer-color-sweep);block-size:22px;inline-size:1.5px;animation:1s steps(2,jump-none) infinite veneer-caret;display:block}:where([data-scope=otp]) :where([data-part=sep]:not([data-scope=otp] [data-scope=rte] :not([data-scope=otp] [data-scope=rte] [data-scope=otp] *))){background:var(--veneer-color-border-strong);flex:none;block-size:1px;inline-size:8px}:where([data-scope=otp][data-masked]) :where([data-part=char]:not(:empty)){font-size:0}:where([data-scope=otp][data-masked]) :where([data-part=char]:not(:empty)):before{content:"";background:currentColor;border-radius:50%;block-size:9px;inline-size:9px;display:block}:where([data-scope=editable]){align-items:center;gap:var(--veneer-space-related);min-block-size:var(--veneer-field-height);min-inline-size:0;display:flex}:where([data-scope=editable]) :where([data-part=preview]:not([data-scope=editable] :is([data-scope=artifact],[data-scope=emoji],[data-scope=gradient],[data-scope=prejoin]) :not([data-scope=editable] :is([data-scope=artifact],[data-scope=emoji],[data-scope=gradient],[data-scope=prejoin]) [data-scope=editable] *))){all:unset;box-sizing:border-box;min-block-size:var(--veneer-control-md);border-radius:var(--veneer-radius-control);--veneer-sweep-radius:var(--veneer-radius-control);--_base:transparent;cursor:text;align-items:center;gap:6px;max-inline-size:100%;margin-inline:-8px;padding-inline:8px;display:inline-flex;position:relative}:where([data-scope=editable]) :where([data-part=preview]:not([data-scope=editable] :is([data-scope=artifact],[data-scope=emoji],[data-scope=gradient],[data-scope=prejoin]) :not([data-scope=editable] :is([data-scope=artifact],[data-scope=emoji],[data-scope=gradient],[data-scope=prejoin]) [data-scope=editable] *)))>:where(svg){z-index:3;block-size:14px;inline-size:14px;color:var(--veneer-color-text-subtle);opacity:0;transition:opacity var(--veneer-duration-fast);position:relative}:where([data-scope=editable]) :where([data-part=preview]:is(:hover,:focus-visible):not([data-scope=editable] :is([data-scope=artifact],[data-scope=emoji],[data-scope=gradient],[data-scope=prejoin]) :not([data-scope=editable] :is([data-scope=artifact],[data-scope=emoji],[data-scope=gradient],[data-scope=prejoin]) [data-scope=editable] *)))>:where(svg){opacity:1;color:var(--veneer-color-sweep)}:where([data-scope=editable]) :where([data-part=text]:not([data-scope=editable] :is([data-scope=announcement],[data-scope=hover-scope],[data-scope=linkcard],[data-scope=notification],[data-scope=palette],[data-scope=save-bar],[data-scope=sortable],[data-scope=truncate]) :not([data-scope=editable] :is([data-scope=announcement],[data-scope=hover-scope],[data-scope=linkcard],[data-scope=notification],[data-scope=palette],[data-scope=save-bar],[data-scope=sortable],[data-scope=truncate]) [data-scope=editable] *))){z-index:3;text-overflow:ellipsis;white-space:nowrap;position:relative;overflow:clip}:where([data-scope=editable]) :where([data-part=editor]:not([data-scope=editable] [data-scope=table] :not([data-scope=editable] [data-scope=table] [data-scope=editable] *))){flex:1;align-items:center;gap:4px;min-inline-size:0;display:flex}:where([data-scope=editable][data-editing]) :where([data-part=preview]:not([data-scope=editable] :is([data-scope=artifact],[data-scope=emoji],[data-scope=gradient],[data-scope=prejoin]) :not([data-scope=editable] :is([data-scope=artifact],[data-scope=emoji],[data-scope=gradient],[data-scope=prejoin]) [data-scope=editable] *))),:where([data-scope=editable]:not([data-editing])) :where([data-part=editor]:not([data-scope=editable] [data-scope=table] :not([data-scope=editable] [data-scope=table] [data-scope=editable] *))){display:none}:where([data-scope=editable]) :where([data-part=editor]:not([data-scope=editable] [data-scope=table] :not([data-scope=editable] [data-scope=table] [data-scope=editable] *)))>:where([data-scope=field]){flex:1}}