@layer warp.inputs{:root,[data-expression=balanced],[data-expression=quiet]{--warp-field-shake:0}[data-expression=vivid]{--warp-field-shake:1}:where(:is([data-scope=field]>[data-part=control],[data-scope=checkbox]>[data-part=control],[data-scope=radio]>[data-part=control],[data-scope=switch]>[data-part=track],[data-scope=segmented],[data-scope=chip],[data-scope=choice-card],[data-scope=otp] [data-part=cell],[data-scope=dropzone],[data-scope=quantity],[data-scope=editable] [data-part=preview],[data-scope=knob])[data-sweep]){position:relative}:where(:is([data-scope=field]>[data-part=control],[data-scope=checkbox]>[data-part=control],[data-scope=radio]>[data-part=control],[data-scope=switch]>[data-part=track],[data-scope=segmented],[data-scope=chip],[data-scope=choice-card],[data-scope=otp] [data-part=cell],[data-scope=dropzone],[data-scope=quantity],[data-scope=editable] [data-part=preview],[data-scope=knob])[data-sweep])>:where([data-part=sweep],[data-part=sweep-base]){box-sizing:border-box;pointer-events:none;border-radius:inherit;border:0 solid;position:absolute;inset:0}:where(:is([data-scope=field]>[data-part=control],[data-scope=checkbox]>[data-part=control],[data-scope=radio]>[data-part=control],[data-scope=switch]>[data-part=track],[data-scope=segmented],[data-scope=chip],[data-scope=choice-card],[data-scope=otp] [data-part=cell],[data-scope=dropzone],[data-scope=quantity],[data-scope=editable] [data-part=preview],[data-scope=knob])[data-sweep])>:where([data-part=sweep]:empty){border-width:var(--warp-sweep-width)}:where(:is([data-scope=field]>[data-part=control],[data-scope=checkbox]>[data-part=control],[data-scope=radio]>[data-part=control],[data-scope=switch]>[data-part=track],[data-scope=segmented],[data-scope=chip],[data-scope=choice-card],[data-scope=otp] [data-part=cell],[data-scope=dropzone],[data-scope=quantity],[data-scope=editable] [data-part=preview],[data-scope=knob])[data-sweep])>:where([data-part=sweep-base]:empty){border-width:var(--warp-sweep-base-width)}:where(:is([data-scope=field]>[data-part=control],[data-scope=checkbox]>[data-part=control],[data-scope=radio]>[data-part=control],[data-scope=switch]>[data-part=track],[data-scope=segmented],[data-scope=chip],[data-scope=choice-card],[data-scope=otp] [data-part=cell],[data-scope=dropzone],[data-scope=quantity],[data-scope=editable] [data-part=preview],[data-scope=knob])[data-sweep])>:where([data-part=sweep-base]){z-index:1;color:var(--_base,var(--warp-color-sweep-base));clip-path:inset(0 0 0 calc((100% - var(--_sr)) * var(--_a,0)) round var(--warp-sweep-radius))}:where(:is([data-scope=field]>[data-part=control],[data-scope=checkbox]>[data-part=control],[data-scope=radio]>[data-part=control],[data-scope=switch]>[data-part=track],[data-scope=segmented],[data-scope=chip],[data-scope=choice-card],[data-scope=otp] [data-part=cell],[data-scope=dropzone],[data-scope=quantity],[data-scope=editable] [data-part=preview],[data-scope=knob])[data-sweep])>:where([data-part=sweep]){z-index:2;color:var(--_tint,var(--warp-color-sweep));opacity:1;clip-path:inset(0 var(--_sr) 0 var(--_sl) round var(--warp-sweep-radius))}:where(:is([data-scope=field]>[data-part=control],[data-scope=checkbox]>[data-part=control],[data-scope=radio]>[data-part=control],[data-scope=switch]>[data-part=track],[data-scope=segmented],[data-scope=chip],[data-scope=choice-card],[data-scope=otp] [data-part=cell],[data-scope=dropzone],[data-scope=quantity],[data-scope=editable] [data-part=preview],[data-scope=knob])[data-sweep])>[data-part=icon]>:where([data-part=sweep],[data-part=sweep-base]){pointer-events:none;border:0;border-radius:0;position:absolute;inset:0}:where(:is([data-scope=field]>[data-part=control],[data-scope=checkbox]>[data-part=control],[data-scope=radio]>[data-part=control],[data-scope=switch]>[data-part=track],[data-scope=segmented],[data-scope=chip],[data-scope=choice-card],[data-scope=otp] [data-part=cell],[data-scope=dropzone],[data-scope=quantity],[data-scope=editable] [data-part=preview],[data-scope=knob])[data-sweep])>[data-part=icon]>:where([data-part=sweep-base]){color:var(--warp-color-text-subtle);clip-path:inset(0 0 0 calc((100% - var(--_sr)) * var(--_a,0)))}:where(:is([data-scope=field]>[data-part=control],[data-scope=checkbox]>[data-part=control],[data-scope=radio]>[data-part=control],[data-scope=switch]>[data-part=track],[data-scope=segmented],[data-scope=chip],[data-scope=choice-card],[data-scope=otp] [data-part=cell],[data-scope=dropzone],[data-scope=quantity],[data-scope=editable] [data-part=preview],[data-scope=knob])[data-sweep])>[data-part=icon]>:where([data-part=sweep]){color:var(--warp-color-sweep);clip-path:inset(0 var(--_sr) 0 var(--_sl))}:where(:is([data-scope=field]>[data-part=control],[data-scope=checkbox]>[data-part=control],[data-scope=radio]>[data-part=control],[data-scope=switch]>[data-part=track],[data-scope=segmented],[data-scope=chip],[data-scope=choice-card],[data-scope=otp] [data-part=cell],[data-scope=dropzone],[data-scope=quantity],[data-scope=editable] [data-part=preview],[data-scope=knob])[data-sweep]:is(:focus-visible,:has(:focus-visible),[data-focus]))>:where([data-part=sweep]:empty),:where([data-scope=field])>:where([data-part=control]:focus-within)>:where([data-part=sweep]:empty){border-width:calc(var(--warp-sweep-width) + 1px)}:where([data-scope=field][data-invalid])>:where([data-part=control])>:where([data-part=sweep]),:where(:is([data-scope=field]>[data-part=control],[data-scope=checkbox]>[data-part=control],[data-scope=radio]>[data-part=control],[data-scope=switch]>[data-part=track],[data-scope=segmented],[data-scope=chip],[data-scope=choice-card],[data-scope=otp] [data-part=cell],[data-scope=dropzone],[data-scope=quantity],[data-scope=editable] [data-part=preview],[data-scope=knob])[data-sweep][data-invalid])>:where([data-part=sweep]){color:var(--warp-color-sweep-critical)}:where([data-scope=field][data-invalid])>:where([data-part=control])>:where([data-part=sweep-base]),:where(:is([data-scope=field]>[data-part=control],[data-scope=checkbox]>[data-part=control],[data-scope=radio]>[data-part=control],[data-scope=switch]>[data-part=track],[data-scope=segmented],[data-scope=chip],[data-scope=choice-card],[data-scope=otp] [data-part=cell],[data-scope=dropzone],[data-scope=quantity],[data-scope=editable] [data-part=preview],[data-scope=knob])[data-sweep][data-invalid])>:where([data-part=sweep-base]){clip-path:inset(0 0 0 100% round var(--warp-sweep-radius))}:where([data-scope=field][data-invalid])>:where([data-part=control])>[data-part=icon]>:where([data-part=sweep]){color:var(--warp-color-sweep-critical)}:where([data-scope=field]){align-content:start;min-inline-size:0}:where([data-scope=field])>:where([data-part=control]){align-items:center;gap:var(--warp-space-related);block-size:auto;min-block-size:var(--warp-field-height);padding-inline:var(--_lead) var(--warp-pad-control);cursor:text;display:flex}:where([data-scope=field][data-size=sm]){--warp-field-height:max(calc(var(--warp-control-sm) + 4px), var(--warp-target-min))}:where([data-scope=field][data-size=lg]){--warp-field-height:max(calc(var(--warp-control-lg) + 6px), var(--warp-target-min))}:where([data-scope=field]) :where([data-part=input]){block-size:auto;inline-size:auto;min-inline-size:0;caret-color:var(--warp-color-sweep);font-variant-numeric:var(--_num,normal);text-align:var(--_align,start);flex:1;align-self:stretch;padding-inline:0}:where([data-scope=field]) :where(input[data-part=input]){min-block-size:calc(var(--warp-field-height) - 2px)}:where([data-scope=field]) :where([data-part=input][type=search])::-webkit-search-cancel-button{display:none}:where([data-scope=field]) :where([data-part=input][type=number]){appearance:textfield}:where([data-scope=field]) :where([data-part=input][type=number])::-webkit-inner-spin-button{appearance:none;margin:0}:where([data-scope=field]) :where([data-part=input][type=number])::-webkit-outer-spin-button{appearance:none;margin:0}:where([data-scope=field]) :where([data-part=input]:-webkit-autofill){-webkit-text-fill-color:var(--warp-color-text);transition:background-color 600000s}:where([data-scope=field])>:where([data-part=control]:has(>textarea)),:where([data-scope=field])>:where([data-part=control][data-wrap]){align-items:flex-start}:where([data-scope=field]) :where(textarea[data-part=input]){white-space:pre-wrap;overflow-wrap:anywhere;resize:none;field-sizing:content;padding-block:calc((var(--warp-field-height) - 1.5em) / 2);min-block-size:calc(1.5em * var(--_rows,3) + var(--warp-field-height) - 1.5em);max-block-size:calc(1.5em * max(10, var(--_rows,3)) + var(--warp-field-height) - 1.5em);line-height:1.5;overflow:auto}:where([data-scope=field])>:where([data-part=control]:is(:has(>textarea),[data-wrap]))>:where([data-part=icon]),:where([data-scope=field]:not([data-variant=classic],[data-fields=classic] [data-scope=field]:not([data-variant=floating])))>:where([data-part=control]:is(:has(>textarea),[data-wrap]):not(:hover,:focus-within,[data-filled],:has([data-part=input]:not(:placeholder-shown))))>:where([data-part=label]){inset-block-start:calc(var(--warp-field-height) / 2)}:where([data-scope=field])>:where([data-part=control])>:where(:not([data-part=sweep],[data-part=sweep-base],[data-part=icon],[data-part=label],[data-part=mask],[data-part=carrier],[data-scope=popup],[data-scope=select])){z-index:3;position:relative}:where([data-scope=field]) :where(:is([data-part=prefix],[data-part=suffix])){color:var(--warp-color-text-subtle);font-size:var(--warp-text-control-size);white-space:nowrap;-webkit-user-select:none;user-select:none;opacity:0;transition:opacity var(--warp-duration-fast);flex:none}:where([data-scope=field])>:where([data-part=control]:is(:hover,:focus-within,[data-filled],:has([data-part=input]:not(:placeholder-shown))))>:where(:is([data-part=prefix],[data-part=suffix])),:where([data-scope=field]:is([data-lift],[data-variant=classic]))>:where([data-part=control])>:where(:is([data-part=prefix],[data-part=suffix])),:where([data-fields=classic]) :where([data-scope=field]:not([data-variant=floating]))>:where([data-part=control])>:where(:is([data-part=prefix],[data-part=suffix])){opacity:1}:where([data-scope=field]) :where([data-part=prefix]){margin-inline-end:calc(var(--warp-space-related) * -1 + 1px)}:where([data-scope=field]) :where([data-part=suffix]){margin-inline-start:calc(var(--warp-space-related) * -1 + 1px)}:where([data-scope=field]) :where(:is([data-part=action],[data-part=clear])){--_s:24px;inline-size:var(--_s);block-size:var(--_s);border-radius:var(--warp-radius-mark);color:var(--warp-color-text-subtle);cursor:pointer;transition:color var(--warp-duration-fast), background-color var(--warp-duration-fast), opacity var(--warp-duration-fast);background:0 0;border:0;flex:none;place-items:center;margin-inline:-4px;padding:0;display:inline-grid}:where([data-scope=field]) :where(:is([data-part=action],[data-part=clear])):before{content:"";inset:min(0px, calc((var(--_s) - var(--warp-hit-min)) / 2));position:absolute}:where([data-scope=field]) :where(:is([data-part=action],[data-part=clear]):hover){color:var(--warp-color-text);background:color-mix(in oklab, currentColor calc(var(--warp-state-hover) * 100%), transparent)}:where([data-scope=field]) :where(:is([data-part=action],[data-part=clear]):focus-visible){outline:var(--warp-focus-width) solid var(--warp-color-focus);outline-offset:0}:where([data-scope=field]) :where(:is([data-part=action],[data-part=clear],[data-part=end],[data-part=indicator])) :where(svg){inline-size:var(--warp-icon-md);block-size:var(--warp-icon-md)}:where([data-scope=field]) :where([data-part=action][aria-pressed=true]){color:var(--warp-color-sweep)}:where([data-scope=field])>:where([data-part=control]:has([data-part=input]:placeholder-shown)) :where([data-part=clear]){visibility:hidden;opacity:0}:where([data-scope=field]) :where([data-part=end]){color:var(--warp-color-text-subtle);flex:none;display:inline-flex}:where([data-scope=field]) :where([data-part=spinner]){border:1.5px solid var(--warp-color-border-strong);border-block-start-color:var(--warp-color-sweep);block-size:14px;inline-size:14px;animation:warp-field-spin calc(.7s / max(.4, var(--warp-motion-scale))) linear infinite;border-radius:50%;flex:none}:where([data-scope=field]:not([data-loading])) :where([data-part=spinner]){display:none}:where([data-motion=reduce]) :where([data-scope=field] [data-part=spinner]){border-color:var(--warp-color-sweep);animation:1.6s ease-in-out infinite alternate warp-field-pulse}@media (prefers-reduced-motion:reduce){:where(:root:not([data-motion=full])) :where([data-scope=field] [data-part=spinner]){border-color:var(--warp-color-sweep);animation:1.6s ease-in-out infinite alternate warp-field-pulse}}@keyframes warp-field-pulse{0%{opacity:1}to{opacity:.45}}:where([data-scope=field]) :where([data-part=status]){color:var(--warp-color-positive-text);flex:none;display:none}:where([data-scope=field][data-valid]:not([data-loading])) :where([data-part=status]){animation:warp-fade-in var(--warp-duration-base) var(--warp-ease-out);display:inline-flex}:where([data-scope=field]) :where([data-part=status]) :where(svg){inline-size:var(--warp-icon-md);block-size:var(--warp-icon-md)}:where([data-scope=field])>:where([data-part=message]){align-items:baseline;gap:var(--warp-space-related);min-inline-size:0;padding-inline:2px;display:flex}:where([data-scope=field]:not([data-invalid]))>:where([data-part=message]:not(:has([data-part=hint],[data-part=counter]))){display:none}:where([data-scope=field]) :where([data-part=hint]){color:var(--warp-color-text-subtle)}:where([data-scope=field]) :where([data-part=error]){color:var(--warp-color-critical-text);align-items:flex-start;gap:5px;display:none}:where([data-scope=field]) :where([data-part=error]) :where(svg){flex:none;block-size:13px;inline-size:13px;margin-block-start:.05em}:where([data-scope=field][data-invalid]) :where([data-part=error]){animation:warp-msg-in var(--warp-message-duration) var(--warp-label-float-ease);display:inline-flex}:where([data-scope=field][data-invalid]) :where([data-part=hint]){display:none}:where([data-scope=field]) :where([data-part=counter]){color:var(--warp-color-text-subtle);font-variant-numeric:tabular-nums;flex:none;margin-inline-start:auto}:where([data-scope=field]) :where([data-part=counter][data-level=near]){color:var(--warp-color-caution-text)}:where([data-scope=field]) :where([data-part=counter][data-level=over]){color:var(--warp-color-critical-text);font-weight:500}:where([data-part=live]){clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:clip}:where([data-scope=field][data-readonly])>:where([data-part=control]){background:0 0}:where([data-scope=field][data-readonly])>:where([data-part=control])>:where([data-part=sweep-base]){border-style:dashed}:where([data-scope=field][data-shake])>:where([data-part=control]),:where([data-scope=otp][data-shake]){--_shk:calc(var(--warp-field-shake) * var(--warp-motion-scale) * 1px);animation:warp-field-shake calc(var(--warp-duration-slow) * 1.1) var(--warp-ease-out)}:where([data-motion=reduce]) :where([data-scope=field][data-shake]>[data-part=control],[data-scope=otp][data-shake]){animation:none}@media (prefers-reduced-motion:reduce){:where([data-scope=field][data-shake])>:where([data-part=control]),:where([data-scope=otp][data-shake]){animation:none}}:where([data-scope=field][data-lift]:not([data-variant=classic],[data-fields=classic] [data-scope=field]:not([data-variant=floating]))) :where([data-part=label]){font-size:var(--warp-label-float-size);font-weight:var(--warp-label-float-weight);letter-spacing:var(--warp-label-float-tracking);text-transform:uppercase;background-color:var(--_notch-color,var(--warp-field-notch,var(--warp-color-surface)));background-image:var(--_notch-image,none);background-size:var(--_notch-size,auto);background-position:var(--_notch-pos,0 0);background-repeat:no-repeat;padding-inline:4px;inset-block-start:var(--warp-label-float-offset);inset-inline-start:calc(var(--warp-pad-control) - 4px);transform:none}:where([data-scope=field][data-lift]) :where([data-char]){color:var(--warp-color-label-rest)}:where([data-scope=field][data-lift=active]) :where([data-char]){color:var(--warp-color-label-active)}:where([data-scope=field][data-lift]) :where([data-part=input])::placeholder{color:var(--warp-color-text-subtle)}:where([data-scope=field][data-invalid]) :where([data-char]){color:var(--warp-color-critical-text)}:where([data-scope=field][data-appearance=line])>:where([data-part=control]){--_lead:0px;--warp-sweep-radius:0px;background:0 0;border-radius:0;padding-inline-end:0}:where([data-scope=field][data-appearance=line])>:where([data-part=control]:has(>[data-part=icon])){--_lead:26px}:where([data-scope=field][data-appearance=line])>:where([data-part=control])>:where([data-part=icon]){inset-inline-start:0}:where([data-scope=field][data-appearance=line])>:where([data-part=control])>:where([data-part=sweep],[data-part=sweep-base]){border-width:var(--warp-sweep-base-width) 0 0;border-radius:0;block-size:0;inset:auto 0 0}:where([data-scope=field][data-appearance=line])>:where([data-part=control])>:where([data-part=sweep-base]){color:var(--warp-color-sweep-base)}:where([data-scope=field][data-appearance=line])>:where([data-part=control])>:where([data-part=sweep]){border-top-width:var(--warp-sweep-width)}:where([data-scope=field][data-appearance=line])>:where([data-part=control]:focus-within)>:where([data-part=sweep]){border-top-width:calc(var(--warp-sweep-width) + 1px)}:where([data-scope=field][data-appearance=line]:not([data-variant=classic],[data-fields=classic] [data-scope=field]:not([data-variant=floating]))) :where([data-part=label]){background:0 0;padding-inline:0}:where([data-scope=field][data-appearance=line]:not([data-variant=classic],[data-fields=classic] [data-scope=field]:not([data-variant=floating])))>:where([data-part=control]:is(:hover,:focus-within,[data-filled],:has([data-part=input]:not(:placeholder-shown)))) :where([data-part=label]){inset-block-start:-4px;inset-inline-start:0}:where([data-scope=field])>:where([data-part=control][data-wrap]) :where([data-part=input]){--_grow:max(0px, calc((var(--warp-hit-min) - 28px) / 2));min-block-size:calc(28px + 2 * var(--_grow));margin-block:calc(-1 * var(--_grow))}@keyframes warp-field-spin{to{rotate:1turn}}@keyframes warp-caret{50%{opacity:0}}@keyframes warp-field-pop{0%{scale:calc(1 - .18 * var(--warp-motion-scale))}}@keyframes warp-field-shake{15%{translate:calc(var(--_shk) * -6) 0}35%{translate:calc(var(--_shk) * 5) 0}55%{translate:calc(var(--_shk) * -3) 0}75%{translate:calc(var(--_shk) * 2) 0}}}