.carousel-stepper{--stepper-dot-size:8px;--stepper-active-width:24px;--stepper-gap:6px;--stepper-duration:.5s;--stepper-easing:cubic-bezier(.215, .61, .355, 1);--stepper-dot-bg:#0000001f;--stepper-active-bg:#000c;align-items:center;gap:var(--stepper-gap);padding:6px 10px;display:inline-flex}.carousel-stepper-slot{width:var(--stepper-dot-size);height:var(--stepper-dot-size);cursor:pointer;background:var(--stepper-dot-bg);transition:width var(--stepper-duration) ease-out, background-color var(--stepper-duration) var(--stepper-easing);border:none;border-radius:999px;flex-shrink:0;padding:0}.carousel-stepper-slot-active{width:var(--stepper-active-width);background:var(--stepper-active-bg)}.carousel-stepper-slot:focus-visible{outline-offset:2px;outline:2px solid #0000004d}@media (prefers-reduced-motion:reduce){.carousel-stepper-slot{transition-duration:0s}}
.collection-carousel-stepper{--stepper-dot-bg:color-mix(in oklab, var(--color-typo-primary) 12%, transparent);--stepper-active-bg:var(--color-typo-primary)}