@layer components{[data-ui=number-field-scrub-area]{cursor:ew-resize}[data-ui=number-field-control-group]{--surface-low:var(--color-surface-container-low);align-items:center;gap:var(--spacing-8);border:1px solid var(--color-surface-container-highest);border-radius:var(--radius-md);background-color:var(--color-surface-container-lowest);width:120px;height:36px;box-shadow:0 1px 2px 0 color-mix(in srgb, currentcolor 3%, transparent);padding:var(--spacing-2) var(--spacing-4);transition:background-color var(--transition-expressive-fast-effects), border-color var(--transition-expressive-fast-effects), box-shadow var(--transition-expressive-fast-effects), color var(--transition-expressive-fast-effects);display:flex}[data-ui=number-field-control-group]:has(input:focus-within){border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in oklab, var(--color-primary) 35%, transparent)}[data-ui=number-field-control-group][data-disabled]{background-color:var(--surface-low);box-shadow:none;border-color:#0000}[data-ui=number-field-control-group] [data-slot=number-field-input]{text-align:center;width:100%;height:100%;color:var(--color-on-surface);-moz-appearance:textfield;background-color:#0000;border-color:#0000;outline:0}[data-ui=number-field-control-group] [data-slot=number-field-input]::-webkit-outer-spin-button{-webkit-appearance:none}[data-ui=number-field-control-group] [data-slot=number-field-input]::-webkit-inner-spin-button{-webkit-appearance:none}[data-ui=number-field-control-group] [data-slot=number-field-input][data-disabled]{color:color-mix(in srgb, var(--color-on-surface) 38%, transparent)}}