@layer slean.reset,slean.tokens,slean.base,slean.components,slean.compositions,slean.utilities;@layer slean.components{:where([data-slean=number-field]){box-sizing:border-box;display:inline-flex;align-items:stretch;min-block-size:var(--slean-control-height-md);border:1px solid var(--slean-control-border);border-radius:var(--slean-radius-md);background:var(--slean-control-bg);color:var(--slean-fg);color-scheme:var(--slean-color-scheme);font-size:var(--slean-text-sm);transition:border-color var(--slean-duration-fast) var(--slean-ease),box-shadow var(--slean-duration-fast) var(--slean-ease)}:where([data-slean=number-field] [data-slean-part=input]){flex:1 1 auto;min-inline-size:4ch;inline-size:7ch;margin:0;padding-block:0;padding-inline:var(--slean-space-2);border:0;background:transparent;color:inherit;font:inherit;font-variant-numeric:tabular-nums;text-align:center}:where([data-slean=number-field] [data-slean-part=input]:focus-visible){outline-color:transparent}:where([data-slean=number-field] :is([data-slean-part=decrement],[data-slean-part=increment])){display:inline-grid;place-items:center;flex:none;inline-size:var(--slean-control-height-md);margin:0;padding:0;border:0;border-radius:calc(var(--slean-radius-md) - 1px);background:transparent;color:var(--slean-control-icon);cursor:pointer;-webkit-tap-highlight-color:transparent}:where([data-slean=number-field] :is([data-slean-part=decrement],[data-slean-part=increment])):before{content:"";inline-size:1rem;block-size:1rem;background:currentColor;-webkit-mask:var(--slean-icon-minus) center / contain no-repeat;mask:var(--slean-icon-minus) center / contain no-repeat}:where([data-slean=number-field] [data-slean-part=increment]):before{-webkit-mask-image:var(--slean-icon-plus);mask-image:var(--slean-icon-plus)}@media(hover:hover){:where([data-slean=number-field]:not(:has(:disabled)):hover){border-color:var(--slean-control-border-hover)}:where([data-slean=number-field] :is([data-slean-part=decrement],[data-slean-part=increment]):not(:disabled):hover){background:var(--slean-muted);color:var(--slean-fg)}}:where([data-slean=number-field]:has([data-slean-part=input]:focus-visible)){border-color:var(--slean-control-border-focus);box-shadow:var(--slean-control-ring)}:where([data-slean=number-field][data-status=warning]){border-color:var(--slean-warning)}:where([data-slean=number-field][data-status=warning]:has([data-slean-part=input]:focus-visible)){box-shadow:var(--slean-control-ring-warning)}:where([data-slean=number-field]:has([data-slean-part=input]:is(:user-invalid,[aria-invalid=true])),[data-slean=number-field][data-status=error]){border-color:var(--slean-danger)}:where([data-slean=number-field]:has([data-slean-part=input]:is(:user-invalid,[aria-invalid=true]):focus-visible),[data-slean=number-field][data-status=error]:has([data-slean-part=input]:focus-visible)){box-shadow:var(--slean-control-ring-danger)}:where([data-slean=number-field]:has([data-slean-part=input]:disabled)){border-color:var(--slean-control-border-disabled);background:var(--slean-control-bg-disabled);color:var(--slean-fg-muted);cursor:not-allowed}:where([data-slean=number-field] :is([data-slean-part=decrement],[data-slean-part=increment]):disabled){color:var(--slean-fg-muted);opacity:.5;cursor:not-allowed}:where([data-slean=number-field]:has([data-slean-part=input]:disabled) [data-slean-part]){cursor:not-allowed}@media(scripting:enabled){:where([data-slean=number-field]:has([data-slean-part=increment]) [data-slean-part=input]){appearance:textfield}:where([data-slean=number-field] [data-slean-part=input])::-webkit-inner-spin-button{appearance:none;margin:0}}@media(scripting:none){:where([data-slean=number-field] :is([data-slean-part=decrement],[data-slean-part=increment])){display:none}}@media(pointer:coarse){:where([data-slean=number-field]){font-size:var(--slean-text-md)}}@media(forced-colors:active){:where([data-slean=number-field]){border-color:FieldText}:where([data-slean=number-field] :is([data-slean-part=decrement],[data-slean-part=increment])):before{forced-color-adjust:none;background:ButtonText}:where([data-slean=number-field]:has([data-slean-part=input]:disabled)){border-color:GrayText;color:GrayText}:where([data-slean=number-field] :is([data-slean-part=decrement],[data-slean-part=increment]):disabled){opacity:1}:where([data-slean=number-field] :is([data-slean-part=decrement],[data-slean-part=increment]):disabled):before{background:GrayText}}}