.number-field{min-width:0;color:var(--color-graphite,#20201e)}.number-field+.number-field{margin-top:16px}.number-field .number-field__label{display:block;margin:0 0 8px;font-size:12px;font-weight:500;line-height:1.5}.number-field__control{display:flex;align-items:center;min-height:48px;max-width:220px;border-bottom:1px solid var(--color-stone,#767670)}.number-field__control:focus-within{border-bottom-color:currentColor}.number-field .number-field__step{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:0;border-radius:2px;background:transparent;color:inherit;cursor:pointer;transition:transform .14s ease,background-color .14s ease;touch-action:manipulation}.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{display:flex;align-items:baseline;justify-content:center;flex:1;min-width:0;gap:4px}.number-field input{appearance:textfield;min-width:0;width:100%;height:44px;padding:0;border:0;border-radius:2px;background:transparent;color:inherit;font:inherit;font-size:16px;font-weight:500;font-variant-numeric:tabular-nums;text-align:center}.number-field input::-webkit-inner-spin-button,.number-field input::-webkit-outer-spin-button{appearance:none;margin:0}.number-field__suffix{flex-shrink:0;padding-right:8px;font-size:12px;color:var(--color-stone,#767670)}.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}}