.PaintedCarousel_controls__zHw4T{display:flex;align-items:center;justify-content:center;gap:20px}.PaintedCarousel_dots__fjiJZ{display:grid;grid-template-columns:repeat(var(--paint-count),44px);gap:2px}.PaintedCarousel_dots__fjiJZ button{display:grid;place-items:center;width:44px;height:44px;border:0;background:transparent;color:var(--page-fg);cursor:pointer}.PaintedCarousel_dots__fjiJZ span{width:7px;height:7px;border-radius:999px;background:currentColor;opacity:.3;transition:width .25s ease,opacity .25s ease}.PaintedCarousel_dots__fjiJZ button[aria-pressed=true] span{width:22px;opacity:1}.PaintedCarousel_dots__fjiJZ button:focus-visible{outline:2px solid var(--page-fg);outline-offset:3px;border-radius:50%}@media (max-width:760px){.PaintedCarousel_controls__zHw4T{gap:12px}.PaintedCarousel_dots__fjiJZ{position:relative;display:flex;flex:1 1 auto;width:min(168px,46vw);height:44px;align-items:center}.PaintedCarousel_dots__fjiJZ:after,.PaintedCarousel_dots__fjiJZ:before{content:"";position:absolute;border-radius:999px;background:currentColor;pointer-events:none}.PaintedCarousel_dots__fjiJZ:before{left:11px;right:11px;top:50%;height:2px;opacity:.28;transform:translateY(-50%)}.PaintedCarousel_dots__fjiJZ:after{top:50%;left:calc((100% - 22px) * var(--paint-index) / (var(--paint-count) - 1));width:22px;height:5px;transform:translateY(-50%);transition:left .28s ease}.PaintedCarousel_dots__fjiJZ button{position:relative;z-index:1;flex:1 1 0;width:auto;min-width:0;height:44px}.PaintedCarousel_dots__fjiJZ button[aria-pressed=true] span,.PaintedCarousel_dots__fjiJZ span{width:0;height:0;opacity:0}}@media (prefers-reduced-motion:reduce){.PaintedCarousel_dots__fjiJZ span,.PaintedCarousel_dots__fjiJZ:after{transition:none}}