@apply flex flex-col gap-1;@apply hidden;@apply w-fit;@apply px-1;@apply inline-flex h-9 items-center overflow-hidden rounded-field border bg-field text-sm text-field-foreground shadow-field outline-none;.number-field__group{border-width:var(--border-width-field);border-color:var(--color-field-border);transition:background-color .15s var(--ease-smooth),border-color .15s var(--ease-smooth),box-shadow .15s var(--ease-out)}@apply motion-reduce:transition-none;@media (hover:hover){@apply bg-field-hover;.number-field__group:hover:not(:focus-within),.number-field__group[data-hovered=true]:not([data-focus-within=true]){border-color:var(--color-field-border-hover)}}@apply status-focused-field;.number-field__group[data-focus-within=true],.number-field__group:focus-within{border-color:var(--color-field-border-focus);background-color:var(--color-field-focus)}@apply status-invalid-field;.number-field__group[data-invalid=true]{background-color:var(--color-field-focus);border-color:var(--color-field-border-invalid)}@apply status-disabled;@apply flex-1 rounded-none border-0 bg-transparent px-3 py-2 text-base tabular-nums shadow-none outline-none sm:text-sm;@apply rounded-l-none;@apply rounded-r-none;@apply outline-none;@apply flex h-full w-10 items-center justify-center rounded-none bg-transparent text-field-foreground outline-none;.number-field__increment-button,.number-field__decrement-button{border-width:var(--border-width-field);border-color:var(--color-field-border);transition:background-color .15s var(--ease-smooth),border-color .15s var(--ease-smooth);border-style:solid}@apply motion-reduce:transition-none;.number-field__increment-button,.number-field__decrement-button{cursor:var(--cursor-interactive)}@apply bg-field-foreground/10;:is(.number-field__increment-button,.number-field__decrement-button):active,:is(.number-field__increment-button,.number-field__decrement-button)[data-pressed=true]{transform:scale(.97)}@apply status-disabled;@apply size-4;@apply rounded-l-none rounded-r-field border-l border-field-placeholder/15;@apply rounded-l-field rounded-r-none border-r border-field-placeholder/15;@apply bg-on-surface shadow-none;@media (hover:hover){@apply bg-on-surface-hover;}.number-field__group--on-surface:focus-within,.number-field__group--on-surface[data-focus-within=true]{background-color:var(--color-on-surface-focus)}@apply status-invalid-field;.number-field__group--on-surface[data-invalid=true]{background-color:var(--color-on-surface-focus);border-color:var(--color-field-border-invalid)}@apply bg-transparent;@apply w-full;@apply w-full;