.slider-dots{display:flex;justify-content:center;align-items:center;gap:8px;margin:20px auto 0;padding:0;width:100%;position:relative;max-width:var(--page-width);z-index:5}.slider-dot{width:10px;height:10px;border-radius:50%;border:1px solid #dddddd;background-color:#ccc;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);padding:0;margin:0;outline:none;position:relative;box-shadow:0 1px 3px #00000014}.slider-dot:hover{background-color:#b3b3b3;transform:scale(1.15)}.slider-dot:focus-visible{outline:2px solid rgba(var(--color-foreground),.8);outline-offset:2px}.slider-dot.is-active{background-color:#910039;transform:scale(1.25);box-shadow:0 2px 4px #00000026;border-color:transparent}@media screen and (max-width:749px){.slider-dots{margin-top:16px;gap:6px}.slider-dot{width:10px;height:10px}}.color-scheme--1 .slider-dot{background-color:rgba(var(--color-scheme-1-text),.3)}.color-scheme--1 .slider-dot:hover{background-color:rgba(var(--color-scheme-1-text),.5)}.color-scheme--1 .slider-dot.is-active{background-color:rgb(var(--color-scheme-1-text))}.color-scheme--2 .slider-dot{background-color:rgba(var(--color-scheme-2-text),.3)}.color-scheme--2 .slider-dot:hover{background-color:rgba(var(--color-scheme-2-text),.5)}.color-scheme--2 .slider-dot.is-active{background-color:rgb(var(--color-scheme-2-text))}.color-scheme--3 .slider-dot{background-color:rgba(var(--color-scheme-3-text),.3)}.color-scheme--3 .slider-dot:hover{background-color:rgba(var(--color-scheme-3-text),.5)}.color-scheme--3 .slider-dot.is-active{background-color:rgb(var(--color-scheme-3-text))}.color-scheme--4 .slider-dot{background-color:rgba(var(--color-scheme-4-text),.3)}.color-scheme--4 .slider-dot:hover{background-color:rgba(var(--color-scheme-4-text),.5)}.color-scheme--4 .slider-dot.is-active{background-color:rgb(var(--color-scheme-4-text))}carousel-slider[inactive] .slider-dots{display:none}.slider-dot{animation:dot-appear .3s ease-out}@keyframes dot-appear{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.slider-dot{transition:none;animation:none}.slider-dot:hover,.slider-dot.is-active{transform:none}}@media(prefers-contrast:high){.slider-dot{background-color:currentColor;opacity:.5;border:1px solid currentColor}.slider-dot:hover{opacity:.7}.slider-dot.is-active{opacity:1;background-color:currentColor}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/slider-dots.css.map */