.number{position:relative;min-inline-size:0}.number input{inline-size:100%;font-variant-numeric:tabular-nums}.number[data-number-ready] input{padding-inline:52px;text-align:center;appearance:textfield}.number[data-number-ready] input::-webkit-inner-spin-button,.number[data-number-ready] input::-webkit-outer-spin-button{appearance:none;margin:0}.number-step{position:absolute;inset-block:0;inline-size:44px;min-block-size:44px;display:grid;place-items:center;border:0;border-radius:var(--control-radius,7px);background:transparent;color:var(--ink);cursor:pointer;isolation:isolate}.number-step[hidden]{display:none}.number-step:first-child{inset-inline-start:0}.number-step:last-child{inset-inline-end:0}.number-step svg{width:20px;height:20px}.number-step::before{content:"";position:absolute;inset:3px;z-index:-1;border-radius:inherit;background:transparent;transition:background var(--motion-normal) var(--motion-ease)}.number-step:hover:not(:disabled)::before{background:var(--soft)}.number-step:disabled{color:var(--muted);opacity:.45;cursor:not-allowed}.number-step:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){.number-step::before{transition:none}}[data-motion=none] .number-step::before{transition:none}