.stepper{--stepper-control-size:40px;--stepper-output-size:40px;flex:none;align-items:center;gap:4px;display:flex}.stepper-field{flex-direction:column;align-items:stretch;gap:8px;max-inline-size:100%;display:inline-flex}.stepper__button{flex:0 0 var(--stepper-control-size);inline-size:var(--stepper-control-size);block-size:var(--stepper-control-size);background:var(--control-bg);color:var(--color-text);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.stepper__button:before{z-index:1;content:"";border-radius:50%;position:absolute;inset-block:-2px;inset-inline:-1.75px}.stepper__button:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.stepper__button[aria-disabled=true]{cursor:not-allowed}.stepper__button[aria-disabled=true] svg{color:var(--color-muted)}.stepper__button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px}.stepper__value{box-sizing:border-box;flex:0 0 calc(var(--stepper-output-size) + 4px);inline-size:calc(var(--stepper-output-size) + 4px);min-block-size:44px;min-inline-size:0;color:var(--color-text);caret-color:var(--color-text);font:var(--type-row-medium);font-variant-numeric:tabular-nums;text-align:center;background:0 0;border:0;border-radius:0;outline:none;place-items:center;padding:0;display:grid}.stepper__value:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.stepper__error{white-space:normal;inline-size:120px;max-inline-size:100%;margin:0}