.num-stepper{--num-input-stepper-width:28px;--num-input-suffix-gap:10px;--num-input-chevron-divider-space:8px;--num-input-suffix-right:calc(var(--num-input-stepper-width) + var(--num-input-chevron-divider-space) + 8px);--num-input-suffix-space:0px;align-items:center;display:flex;position:relative}.num-stepper .form-input{padding-right:calc(var(--num-input-stepper-width) + 8px);font-variant-numeric:tabular-nums}.num-stepper.has-suffix{--num-input-suffix-space:calc(var(--num-input-suffix-width,3ch) + var(--num-input-suffix-gap))}.num-stepper.has-suffix .form-input{padding-right:calc(var(--num-input-stepper-width) + var(--num-input-suffix-space) + var(--num-input-chevron-divider-space) + 8px)}.num-stepper .ns-btns{flex-direction:column;gap:1px;height:calc(100% - 8px);display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.num-stepper .ns-btns:before{content:"";border-left:1px solid var(--border);pointer-events:none;position:absolute;top:3px;bottom:3px;left:-4px}.num-stepper .ns-btns button{appearance:none;min-width:22px;color:var(--fg-muted);cursor:pointer;background:0 0;border:0;border-radius:4px;flex:1;place-items:center;padding:0 6px;transition:background .1s,color .1s;display:grid}.num-stepper .ns-btns button:hover{background:var(--bg-muted);color:var(--accent)}.num-stepper .ns-btns button:active{background:var(--accent-soft);color:var(--accent)}.num-stepper .ns-btns button:focus-visible{background:var(--bg-muted);color:var(--accent);outline:2px solid var(--accent);outline-offset:1px}.num-stepper .ns-btns button:disabled{color:var(--fg-subtle);cursor:not-allowed}.num-stepper .ns-btns button:disabled:hover{color:var(--fg-subtle);background:0 0}.num-stepper .ns-btns button svg{width:9px;height:9px}.num-stepper .ns-suffix{right:var(--num-input-suffix-right);font-size:var(--fs-xs);color:var(--fg-muted);pointer-events:none;font-variant-numeric:tabular-nums;position:absolute;top:50%;transform:translateY(-50%)}input[type=number].form-input{appearance:textfield}input[type=number].form-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number].form-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}