.number-field{min-width:0;color:var(--color-graphite,#20201e)}.number-field+.number-field{margin-top:16px}.number-field .number-field__label{margin:0 0 8px;font-size:12px;font-weight:500;line-height:1.5;display:block}.number-field__control{border-bottom:1px solid var(--color-stone,#767670);align-items:center;max-width:220px;min-height:48px;display:flex}.number-field__control:focus-within{border-bottom-color:currentColor}.number-field .number-field__step{width:44px;height:44px;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:2px;flex:0 0 44px;place-items:center;padding:0;transition:transform .14s,background-color .14s;display:grid}.number-field__step:hover:not(:disabled){background:var(--color-muted,#f2f2ef)}.number-field__step:active:not(:disabled){transform:scale(.92)}.number-field .number-field__step:disabled{opacity:.3;cursor:not-allowed}.number-field__value{flex:1;justify-content:center;align-items:baseline;gap:4px;min-width:0;display:flex}.number-field input{appearance:textfield;width:100%;min-width:0;height:44px;color:inherit;font:inherit;font-variant-numeric:tabular-nums;text-align:center;background:0 0;border:0;border-radius:2px;padding:0;font-size:16px;font-weight:500}.number-field input::-webkit-inner-spin-button{appearance:none;margin:0}.number-field input::-webkit-outer-spin-button{appearance:none;margin:0}.number-field__suffix{color:var(--color-stone,#767670);flex-shrink:0;padding-right:8px;font-size:12px}.number-field .number-field__control :is(input,button):focus-visible{outline:2px solid var(--color-graphite,#20201e);outline-offset:2px}@media (prefers-reduced-motion:reduce){.number-field__step{transition:none}}