.qty-stepper{display:inline-flex;align-items:center;gap:0;border:1px solid var(--border);border-radius:999px;overflow:hidden;background:var(--bg-alt);font-family:var(--theme-font-family,inherit)}.qty-stepper__btn{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border:0;background:transparent;color:var(--text);font-size:1.1rem;font-weight:700;line-height:1;cursor:pointer;transition:background .15s ease,color .15s ease;user-select:none}.qty-stepper__btn:hover,.qty-stepper__btn:focus-visible{background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary);outline:0}.qty-stepper__btn:disabled{opacity:.35;cursor:not-allowed}.qty-stepper__value{display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;padding:0 .5rem;height:2.25rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text);user-select:none;border-left:1px solid var(--border);border-right:1px solid var(--border)}.qty-stepper--sm{border-radius:.5rem}html[data-surface-style] .qty-stepper--sm .qty-stepper__btn{border-radius:0!important;width:1.75rem!important;height:1.75rem!important;font-size:.9rem!important;border-right:1px solid color-mix(in srgb,var(--border) 60%,transparent)}html[data-surface-style] .qty-stepper--sm .qty-stepper__btn:first-child{border-radius:.5rem 0 0 .5rem!important}html[data-surface-style] .qty-stepper--sm .qty-stepper__btn:last-child{border-radius:0 .5rem .5rem 0!important;border-right:0;border-left:1px solid color-mix(in srgb,var(--border) 60%,transparent)}html[data-surface-style] .qty-stepper--sm .qty-stepper__value{border-radius:0!important}.qty-stepper--sm .qty-stepper__value{min-width:1.875rem;height:1.75rem;font-size:.85rem;border-left:1px solid color-mix(in srgb,var(--border) 60%,transparent);border-right:1px solid color-mix(in srgb,var(--border) 60%,transparent)}.qty-stepper--inline .qty-stepper__btn{width:2.5rem;height:2.5rem;font-size:1.2rem}.qty-stepper--inline .qty-stepper__value{min-width:3rem;height:2.5rem;font-size:1rem}[data-theme="dark"] .qty-stepper{background:var(--bg-alt);border-color:var(--border)}