@layer base{.number-field{display:inline-flex}.number-field-group{height:calc(var(--size-field,.25rem) * 10);border-radius:var(--radius-field,.25rem);border-width:var(--border,1px);border-style:solid;border-color:var(--color-base-300);background-color:var(--color-base-100);align-items:stretch;display:inline-flex;overflow:hidden}.number-field-input{text-align:center;width:3.5rem;color:var(--color-base-content);font:inherit;font-variant-numeric:tabular-nums;-moz-appearance:textfield;background:0 0;border:0;outline:none}.number-field-input::-webkit-inner-spin-button,.number-field-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.number-field-button{background:var(--color-base-200);width:2.25rem;color:var(--color-base-content);cursor:pointer;-webkit-user-select:none;user-select:none;border:0;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .15s;display:inline-flex}.number-field-button:hover{background-color:var(--color-base-300)}.number-field-button:disabled{opacity:var(--disabled-opacity,.5);cursor:default}.number-field-button svg{width:1rem;height:1rem;display:block}.number-field-decrement{border-inline-end:1px solid var(--color-base-300)}.number-field-increment{border-inline-start:1px solid var(--color-base-300)}.number-field-button:focus-visible{outline:var(--focus-width,2px) solid var(--color-primary);outline-offset:-2px}.number-field:has(.number-field-input:focus-visible){outline:var(--focus-width,2px) solid var(--color-primary);outline-offset:var(--focus-offset,2px)}}