.number-input{position:relative;display:flex;align-items:stretch;width:100%;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-trigger);font-family:inherit;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;overflow:hidden;isolation:isolate}.number-input:hover:not(.is-disabled){border-color:var(--border-color-strong)}.number-input:focus-within{border-color:var(--text-primary);box-shadow:0 0 0 3px var(--border-color-light)}.number-input.is-disabled{opacity:.55;cursor:not-allowed}.number-input__affix{display:flex;align-items:center;font-size:13px;font-weight:500;color:var(--text-tertiary);user-select:none;white-space:nowrap;flex-shrink:0}.number-input__affix--prefix{padding-inline-start:12px}.number-input__affix--suffix{padding-inline-end:4px}.number-input__value-area{position:relative;flex:1;min-width:0;display:flex;align-items:stretch}.number-input__field{position:absolute;inset:0;width:100%;height:100%;padding:11px 14px;border:none;background:transparent;font-family:inherit;font-size:14px;font-weight:500;outline:none;-webkit-appearance:none;-moz-appearance:textfield;appearance:none;color:transparent;-webkit-text-fill-color:transparent;caret-color:var(--text-primary);font-variant-numeric:tabular-nums;z-index:2}.number-input__field::-webkit-inner-spin-button,.number-input__field::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.number-input__field::placeholder{color:transparent;-webkit-text-fill-color:transparent}.number-input__display{position:relative;flex:1;min-width:0;padding:11px 14px;display:flex;align-items:center;font-family:inherit;font-size:14px;font-weight:500;color:var(--text-primary);font-variant-numeric:tabular-nums;pointer-events:none;overflow:hidden;white-space:nowrap;z-index:1}.number-input__display.is-placeholder{color:var(--text-tertiary);font-weight:400}.number-input__digit{display:inline-block;transform:translateY(0);will-change:transform,opacity,filter}.number-input__digit--ghost{position:absolute;top:11px;inset-inline-start:14px;pointer-events:none}.number-input__affix--prefix+.number-input__value-area .number-input__display,.number-input__affix--prefix+.number-input__value-area .number-input__field{padding-inline-start:4px}.number-input__affix--prefix+.number-input__value-area .number-input__digit--ghost{inset-inline-start:4px}.number-input__value-area:has(+.number-input__affix--suffix) .number-input__display,.number-input__value-area:has(+.number-input__affix--suffix) .number-input__field{padding-inline-end:4px}.number-input__steppers{display:flex;flex-direction:column;border-inline-start:1px solid var(--border-color);flex-shrink:0;width:28px}.number-input__step{flex:1;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:0;font-family:inherit;-webkit-tap-highlight-color:transparent;transition:background .15s ease,color .15s ease;overflow:hidden}.number-input__step+.number-input__step{border-top:1px solid var(--border-color-light)}.number-input__step:hover:not(:disabled){background:var(--hover-bg);color:var(--text-primary)}.number-input__step:active:not(:disabled){background:var(--border-color)}.number-input__step:disabled{opacity:.35;cursor:not-allowed}.number-input__step svg{pointer-events:none;display:block;transition:transform .18s cubic-bezier(.16,1,.3,1)}.number-input__step--up:active:not(:disabled) svg{transform:translateY(-3px)}.number-input__step--down:active:not(:disabled) svg{transform:translateY(3px)}@media (prefers-reduced-motion:reduce){.number-input__step svg,.number-input__step--down:active:not(:disabled) svg,.number-input__step--up:active:not(:disabled) svg{transition:none;transform:none}}