@layer components{[data-ds=number-input]{--number-h:var(--spacing-control-md);--number-w:var(--spacing-field-sm);--number-edge:var(--color-line-control);--number-fill:var(--color-field);--number-ring:var(--color-accent);--number-radius:var(--radius-control);gap:var(--spacing-gap-inline);block-size:var(--number-h);align-self:flex-start}[data-ds=number-input][data-width=xs]{--number-w:var(--spacing-field-xs)}[data-ds=number-input][data-width=md]{--number-w:var(--spacing-field-md)}[data-ds=number-input][data-width=value]{--number-w:3ch}[data-ds=number-input][data-size=lg]{--number-h:var(--spacing-control-lg)}[data-ds=number-input]>[data-part=box]{gap:var(--spacing-gap-inline);padding-inline:var(--spacing-pad-control-md);border:var(--border-control) solid var(--number-edge);border-radius:var(--number-radius);background-color:var(--number-fill);color:var(--color-fg);font-size:var(--text-body);transition-property:background-color,border-color;transition-duration:var(--duration-instant);transition-timing-function:var(--ease-standard)}[data-ds=number-input][data-size=lg]>[data-part=box]{font-size:var(--text-title)}@media (hover:hover){[data-ds=number-input]:not([data-state=invalid])>[data-part=box]:hover{--number-edge:var(--color-fg-muted)}}[data-ds=number-input][data-state=invalid]{--number-edge:var(--color-danger);--number-fill:var(--color-danger-soft);--number-ring:var(--color-danger)}[data-ds=number-input]>[data-part=box]:focus-within{--number-fill:var(--color-field-focus);border-color:var(--number-ring);box-shadow:inset 0 0 0 1px var(--number-ring)}[data-ds=number-input] [data-part=input]{inline-size:max(var(--number-w), calc((var(--number-chars,0) + .5) * 1ch));color:inherit;font:inherit;text-align:end;background:0 0;border:0;border-radius:0;outline:none;flex:none;padding:0}[data-ds=number-input] [data-part=input]::placeholder{color:var(--color-fg-subtle)}[data-ds=number-input] [data-part=prefix],[data-ds=number-input] [data-part=suffix]{color:var(--color-fg-muted);font-size:var(--text-label)}[data-ds=number-input]>[data-part=decrease],[data-ds=number-input]>[data-part=increase]{inline-size:var(--number-h);block-size:var(--number-h);border:var(--border-control) solid var(--color-line-control);background-color:var(--color-field);color:var(--color-fg-muted);cursor:pointer;touch-action:manipulation}[data-ds=number-input][data-stepping]{gap:0}[data-ds=number-input][data-stepping]>[data-part=box]{border-radius:0}[data-ds=number-input]>[data-part=decrease]{border-inline-end-width:0;border-start-start-radius:var(--number-radius);border-end-start-radius:var(--number-radius)}[data-ds=number-input]>[data-part=increase]{border-inline-start-width:0;border-start-end-radius:var(--number-radius);border-end-end-radius:var(--number-radius)}@media (hover:hover){[data-ds=number-input]>[data-part=decrease]:hover:enabled,[data-ds=number-input]>[data-part=increase]:hover:enabled{background-color:var(--color-hover);color:var(--color-fg)}}[data-ds=number-input]>[data-part=decrease]:active:enabled,[data-ds=number-input]>[data-part=increase]:active:enabled{background-color:var(--color-pressed)}[data-ds=number-input] :disabled{cursor:not-allowed;opacity:.45}[data-ds=number-input]>[data-part=decrease]:disabled,[data-ds=number-input]>[data-part=increase]:disabled{opacity:1}[data-ds=number-input]>:is([data-part=decrease],[data-part=increase]):disabled>*{opacity:.45}@media (width<53.76rem){:where(:root[data-text-size="112"]) [data-ds=number-input]{--number-radius:var(--radius-xl)}}@media (width<60rem){:where(:root[data-text-size="125"]) [data-ds=number-input]{--number-radius:var(--radius-xl)}}@media (width<67.2rem){:where(:root[data-text-size="140"]) [data-ds=number-input]{--number-radius:var(--radius-xl)}}@media (width<76.8rem){:where(:root[data-text-size="160"]) [data-ds=number-input]{--number-radius:var(--radius-xl)}}@media (width<48rem){:where(:root:not([data-text-size])) [data-ds=number-input]{--number-radius:var(--radius-xl)}}[data-ds=slider]{--slider-thumb:var(--spacing-control-sm);gap:var(--spacing-gap-field)}[data-ds=slider]>[data-part=rail]{min-inline-size:var(--spacing-field-md);gap:var(--spacing-gap-inline)}[data-ds=slider] [data-part=track]{block-size:var(--spacing-control-md);accent-color:var(--color-accent);cursor:pointer;touch-action:manipulation;margin:0}[data-ds=slider] [data-part=track]::-webkit-slider-thumb{inline-size:var(--slider-thumb);block-size:var(--slider-thumb)}[data-ds=slider][data-state=unset] [data-part=track]{opacity:.6}[data-ds=slider] [data-part=marks]{block-size:var(--text-caption--line-height);margin-inline:calc(var(--slider-thumb) / 2)}[data-ds=slider] [data-part=mark]{color:var(--color-fg-muted);font-size:var(--text-caption);line-height:var(--text-caption--line-height);inset-inline-start:var(--mark-at);translate:-50%}}