.m3-stepper{--stepper-height:2.125rem;--stepper-btn-width:2rem;--stepper-input-width:2.75rem;--stepper-gap:0;--stepper-font-size:var(--font-size-body-sm);--stepper-font-weight:var(--font-weight-semibold);--stepper-icon-size:1rem;--stepper-border-width:0.0625rem;--stepper-border-color:var(--color-border);--stepper-border-radius:var(--radius-2);--stepper-background:var(--color-surface);--stepper-btn-background:var(--color-surface);--stepper-btn-hover-background:var(--color-surface-1);--stepper-btn-color:var(--color-text);--stepper-input-color:var(--color-text);--stepper-divider:var(--stepper-border-width) solid var(--stepper-border-color);--stepper-disabled-opacity:0.38;align-items:stretch;background:var(--stepper-background);border:var(--stepper-border-width) solid var(--stepper-border-color);border-radius:var(--stepper-border-radius);box-sizing:border-box;display:inline-flex;gap:var(--stepper-gap);height:var(--stepper-height);justify-self:start;overflow:hidden;vertical-align:middle;width:max-content}.m3-stepper .stepper-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:var(--stepper-btn-background);border:0;color:var(--stepper-btn-color);cursor:pointer;display:inline-flex;flex:0 0 var(--stepper-btn-width);font:inherit;font-size:var(--stepper-font-size);justify-content:center;line-height:1;padding:0;transition:background-color var(--duration-fast) var(--ease-in-out);width:var(--stepper-btn-width)}.m3-stepper .stepper-btn:hover{background:var(--stepper-btn-hover-background)}.m3-stepper .stepper-btn:focus-visible{outline:var(--border-width-2) solid var(--color-focus-ring);outline-offset:-.125rem}.m3-stepper .stepper-btn:disabled{cursor:not-allowed;opacity:var(--stepper-disabled-opacity)}.m3-stepper .stepper-btn .m3-icon{font-size:var(--stepper-icon-size);height:var(--stepper-icon-size);width:var(--stepper-icon-size)}.m3-stepper .stepper-input{-moz-appearance:textfield;appearance:textfield;background:transparent;border:0;border-left:var(--stepper-divider);border-right:var(--stepper-divider);box-sizing:border-box;color:var(--stepper-input-color);flex:0 0 var(--stepper-input-width);font:inherit;font-size:var(--stepper-font-size);font-weight:var(--stepper-font-weight);min-width:0;padding:0;text-align:center;width:var(--stepper-input-width)}.m3-stepper .stepper-input::-webkit-inner-spin-button,.m3-stepper .stepper-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.m3-stepper .stepper-input:focus{background:var(--stepper-btn-hover-background);outline:none}.m3-stepper.stepper\:separated{--stepper-gap:var(--space-2);--stepper-divider:none;background:transparent;border:0;overflow:visible}.m3-stepper.stepper\:separated .stepper-btn,.m3-stepper.stepper\:separated .stepper-input{border:var(--stepper-border-width) solid var(--stepper-border-color);border-radius:var(--stepper-border-radius)}.m3-stepper.stepper-size\:sm{--stepper-height:1.75rem;--stepper-btn-width:1.75rem;--stepper-input-width:2.25rem;--stepper-font-size:var(--font-size-caption);--stepper-icon-size:0.875rem}.m3-stepper.stepper-size\:md{--stepper-height:2.125rem;--stepper-btn-width:2rem;--stepper-input-width:2.75rem}.m3-stepper.stepper-size\:lg{--stepper-height:2.5rem;--stepper-btn-width:2.5rem;--stepper-input-width:3rem;--stepper-font-size:var(--font-size-body);--stepper-icon-size:1.125rem}