@layer warp.inputs{:where([data-scope=strength]){font-size:var(--warp-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(--warp-color-border);border-radius:2px;block-size:3px;position:relative;overflow:clip}:where([data-scope=strength]) :where(i):after{content:"";background:var(--_t,var(--warp-color-sweep));clip-path:inset(0 100% 0 0);transition:clip-path var(--warp-sweep-duration) var(--warp-sweep-ease);position:absolute;inset:0}:where([data-scope=strength]) :where(b){font:600 10px/1 var(--warp-label-font);letter-spacing:var(--warp-label-float-tracking);text-transform:uppercase;text-align:end;min-inline-size:7ch;color:var(--warp-color-text-subtle)}:where([data-scope=strength][data-score="1"]){--_t:var(--warp-color-critical-solid)}:where([data-scope=strength][data-score="2"]){--_t:var(--warp-color-caution-solid)}:where([data-scope=strength]:is([data-score="3"],[data-score="4"])){--_t:var(--warp-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(--warp-color-critical-text)}:where([data-scope=strength][data-score="2"]) :where(b){color:var(--warp-color-caution-text)}:where([data-scope=strength]:is([data-score="3"],[data-score="4"])) :where(b){color:var(--warp-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(--warp-border-hairline) solid var(--warp-color-border-control);border-radius:var(--warp-radius-mark);block-size:26px;inline-size:26px;color:var(--warp-color-text);cursor:pointer;transition:background-color var(--warp-duration-fast), color var(--warp-duration-fast), border-color var(--warp-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(--warp-hit-min)) / 2)) -2px;position:absolute}:where([data-scope=field]) :where([data-part=stepper]) :where(button:hover){border-color:var(--warp-color-sweep);color:var(--warp-color-sweep)}:where([data-scope=field]) :where([data-part=stepper]) :where(button:active){background:var(--warp-color-accent-soft)}:where([data-scope=field]) :where([data-part=stepper]) :where(button:disabled){opacity:var(--warp-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],[data-part=clear])){--_s:40px;margin-inline:0}@media (pointer:coarse){:where(:root:not([data-pointer])) :where([data-scope=field] :is([data-part=action],[data-part=clear])){--_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(--warp-text-control-size);font-variant-numeric:tabular-nums;white-space:pre;color:#0000;opacity:0;transition:opacity var(--warp-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(--warp-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]){font-variant-numeric:tabular-nums}:where([data-scope=quantity]){block-size:var(--warp-control-md);border-radius:var(--warp-radius-control);--warp-sweep-radius:var(--warp-radius-control);background:var(--warp-color-field);align-items:stretch;display:inline-flex}:where([data-scope=quantity]) :where(button){z-index:3;inline-size:max(var(--warp-control-md), var(--warp-hit-min));color:var(--warp-color-text);cursor:pointer;border-radius:inherit;transition:color var(--warp-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(--warp-color-sweep)}:where([data-scope=quantity]) :where(button:disabled){opacity:var(--warp-opacity-disabled);cursor:not-allowed;color:var(--warp-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(--warp-color-text);font:500 var(--warp-text-control-size)/var(--warp-text-control-leading) var(--warp-text-body-font);font-variant-numeric:tabular-nums;background:0 0;border:0;outline:none;position:relative}:where([data-scope=otp]){gap:var(--warp-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]){max-inline-size:calc(var(--warp-control-lg) - 2px);block-size:calc(var(--warp-field-height) + 6px);border-radius:var(--warp-radius-control);--warp-sweep-radius:var(--warp-radius-control);background:var(--warp-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(--warp-font-mono);font-variant-numeric:tabular-nums;color:var(--warp-color-text);position:relative}:where([data-scope=otp]) :where([data-part=char]:not(:empty)){animation:warp-field-pop var(--warp-duration-base) var(--warp-ease-pop)}:where([data-scope=otp]) :where([data-part=cell][data-pin]) :where([data-part=char]:empty):after{content:"";background:var(--warp-color-sweep);block-size:22px;inline-size:1.5px;animation:1s steps(2,jump-none) infinite warp-caret;display:block}:where([data-scope=otp]) :where([data-part=sep]){background:var(--warp-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(--warp-space-related);min-block-size:var(--warp-field-height);min-inline-size:0;display:flex}:where([data-scope=editable]) :where([data-part=preview]){all:unset;box-sizing:border-box;min-block-size:var(--warp-control-md);border-radius:var(--warp-radius-control);--warp-sweep-radius:var(--warp-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])>:where(svg){z-index:3;block-size:14px;inline-size:14px;color:var(--warp-color-text-subtle);opacity:0;transition:opacity var(--warp-duration-fast);position:relative}:where([data-scope=editable]) :where([data-part=preview]:is(:hover,:focus-visible))>:where(svg){opacity:1;color:var(--warp-color-sweep)}:where([data-scope=editable]) :where([data-part=text]){z-index:3;text-overflow:ellipsis;white-space:nowrap;position:relative;overflow:clip}:where([data-scope=editable]) :where([data-part=editor]){flex:1;align-items:center;gap:4px;min-inline-size:0;display:flex}:where([data-scope=editable][data-editing]) :where([data-part=preview]),:where([data-scope=editable]:not([data-editing])) :where([data-part=editor]){display:none}:where([data-scope=editable]) :where([data-part=editor])>:where([data-scope=field]){flex:1}}