.slideshow{position:relative;display:block;overflow-y:hidden}.slideshow__slides{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-ms-overflow-style:none;list-style:none;padding:0;margin:0}.slideshow__slides::-webkit-scrollbar{display:none}slideshow-indicators{position:absolute;left:0;right:0;width:fit-content;z-index:1;bottom:var(--padding-sections-mobile);margin:0 auto;display:flex}slideshow-indicators ul{padding:0;list-style:none;margin:0;display:flex;gap:var(--layout-space-4);pointer-events:none}slideshow-indicators button:not(.slide-nav){width:var(--layout-space-4);-webkit-appearance:none;appearance:none;border:none;overflow:hidden;padding:0;margin:0;display:flex;cursor:pointer;position:relative;height:var(--layout-space-4);background:none}slideshow-indicators button:not(.slide-nav):before{content:"";height:var(--layout-space-4);width:var(--layout-space-4);border-radius:50%;background:rgba(var(--color-base-dark),.2);position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;border:1px solid rgb(255 255 255 / 50%)}slideshow-indicators button:not(.slide-nav):after{content:"";height:var(--layout-space-4);background:rgb(var(--color-base-dark));transition:opacity ease-in .2s;width:var(--layout-space-4);border-radius:50%;position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;max-width:unset;margin:auto auto auto 0}slideshow-indicators button.slide-nav{-webkit-appearance:none;appearance:none;border:none;overflow:hidden;padding:0;margin:0;display:flex;cursor:pointer;position:relative;background:none;margin:0 var(--layout-space-4);height:var(--layout-space-6);width:var(--layout-space-6);align-items:center;flex-direction:row;flex-wrap:nowrap;align-content:center;justify-content:center;color:rgb(var(--color-base-dark))}slideshow-indicators button.slide-nav svg{width:var(--layout-space-5);height:var(--layout-space-5)}slideshow-indicators button.slide-nav svg path{fill:rgb(var(--color-base-dark))}slideshow-indicators button.slide-nav:hover svg path{fill:rgb(var(--color-base-light))}slideshow-indicators.light-mode{filter:invert(1)}slideshow-indicators img{width:var(--layout-space-4);height:var(--layout-space-4);object-fit:cover;transform:scale(1);border-radius:50%;border:1px solid rgb(var(--color-base-dark));opacity:0;animation:loadInImage 1s forwards;animation-delay:.35s}.slideshow .active button:not(.slide-nav):after{opacity:1;border:1px solid rgb(255 255 255)}@media (min-width: 550px){slideshow-indicators{left:unset;right:var(--padding-sections-desktop);bottom:var(--padding-sections-desktop)}slideshow-indicators ul{gap:var(--layout-space-4);pointer-events:initial}slideshow-indicators button:not(.slide-nav){width:var(--layout-space-4);height:var(--layout-space-4)}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/slideshow.css.map */