.slideshow-custom{position:relative;width:100%;overflow:hidden}.slideshow-custom.page-width{max-width:var(--page-width);margin:0 auto}.slideshow-custom__slider{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.slideshow-custom__slider::-webkit-scrollbar{display:none}.slideshow-custom__slide{flex:0 0 100%;scroll-snap-align:start;position:relative;width:100%}.slideshow-custom__link{display:block;text-decoration:none;color:inherit;cursor:pointer}.slideshow-custom__media{position:relative;width:100%;overflow:hidden}.slideshow-custom__media img,.slideshow-custom__media svg{display:block;width:100%;height:auto;object-fit:cover}.slideshow-custom__media:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0;pointer-events:none}.slideshow-custom__media--desktop{display:none}.slideshow-custom__media--mobile{display:block}@media screen and (min-width: 750px){.slideshow-custom__media--desktop{display:block}.slideshow-custom__media--mobile{display:none}}.slideshow-custom__media .placeholder-svg{width:100%;height:100%;object-fit:cover}.slideshow-custom__media.animate--ambient img{animation:slideshow-ambient 30s linear infinite}@keyframes slideshow-ambient{0%,to{transform:scale(1.05) translate(-1%)}50%{transform:scale(1.1) translate(1%)}}.slideshow-custom__controls{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3}.slideshow-custom__arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:#ffffffd9;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;pointer-events:all;box-shadow:0 2px 8px #0000001f;transition:background .2s ease,box-shadow .2s ease,transform .2s ease;padding:0;z-index:4}.slideshow-custom__arrow:hover{background:#fff;box-shadow:0 4px 12px #0000002e}.slideshow-custom__arrow:active{transform:translateY(-50%) scale(.95)}.slideshow-custom__arrow--prev{left:16px}.slideshow-custom__arrow--next{right:16px}.slideshow-custom__arrow .svg-wrapper{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.slideshow-custom__arrow .svg-wrapper svg{width:10px;height:10px}.slideshow-custom__arrow--prev .svg-wrapper{transform:rotate(90deg)}.slideshow-custom__arrow--next .svg-wrapper{transform:rotate(-90deg)}.slideshow-custom__dots{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;z-index:3;padding:6px 12px;border-radius:20px}.slideshow-custom__dot{width:10px;height:10px;border-radius:50%;border:none;padding:0;cursor:pointer;background:#ffffff80;transition:background .3s ease,transform .3s ease;pointer-events:all}.slideshow-custom__dot:hover{background:#fffc}.slideshow-custom__dot.active{background:#fff;transform:scale(1.15)}.slideshow-custom--light-images .slideshow-custom__dot{background:#00000040}.slideshow-custom--light-images .slideshow-custom__dot:hover{background:#00000080}.slideshow-custom--light-images .slideshow-custom__dot.active{background:#000000b3}.slideshow-custom__autoplay{position:absolute;bottom:16px;right:16px;width:36px;height:36px;border-radius:50%;background:#ffffffd9;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;pointer-events:all;box-shadow:0 2px 6px #0000001a;transition:background .2s ease;z-index:4;padding:0}.slideshow-custom__autoplay:hover{background:#fff}.slideshow-custom__autoplay .svg-wrapper{display:flex;align-items:center;justify-content:center;width:16px;height:16px}.slideshow-custom__autoplay .svg-wrapper svg{width:12px;height:12px}.slideshow-custom__autoplay .icon-pause{display:flex}.slideshow-custom__autoplay .icon-play,.slideshow-custom__autoplay.paused .icon-pause{display:none}.slideshow-custom__autoplay.paused .icon-play{display:flex}@media screen and (max-width: 749px){.slideshow-custom__arrow{width:36px;height:36px}.slideshow-custom__arrow--prev{left:10px}.slideshow-custom__arrow--next{right:10px}.slideshow-custom__arrow .svg-wrapper{width:16px;height:16px}.slideshow-custom__arrow .svg-wrapper svg{width:8px;height:8px}.slideshow-custom__dots{bottom:14px;gap:6px}.slideshow-custom__dot{width:8px;height:8px}}.slideshow-custom.scroll-trigger.animate--fade-in{opacity:0;animation:slideshowFadeIn .6s ease forwards}@keyframes slideshowFadeIn{to{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/section-image-banner-custom.css.map */