.custom-banner-slider{position:relative;overflow:hidden;width:100%}.custom-banner-slider img{width:100%;height:auto;display:block}.custom-banner-slider.contained-width{margin:0 auto}.banner-slider{position:relative;width:100%}.banner-slide{width:100%}.banner-slide{position:absolute;top:0;left:0;width:100%;opacity:0;z-index:1;transition-duration:.8s}.banner-slide.active{opacity:1;z-index:2}.banner-slide:first-child{position:relative}.transition-slide .banner-slide{transform:translate(100%);transition-property:transform,opacity;transition-timing-function:ease}.transition-slide .banner-slide.active{transform:translate(0)}.transition-slide .banner-slide.prev{transform:translate(-100%)}.transition-fade .banner-slide{transition-property:opacity;transition-timing-function:ease}.transition-zoom .banner-slide{transform:scale(1.2);transition-property:transform,opacity;transition-timing-function:ease}.transition-zoom .banner-slide.active{transform:scale(1)}.transition-flip .banner-slide{transform:rotateY(90deg);transition-property:transform,opacity;transition-timing-function:ease;perspective:1000px;transform-style:preserve-3d}.transition-flip .banner-slide.active{transform:rotateY(0)}.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background-color:#ffffffb3;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:background-color .3s}.slider-arrow:hover{background-color:#ffffffe6}.slider-arrow.prev{left:20px}.slider-arrow.next{right:20px}.slider-dots{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:10;height:auto!important;width:auto!important}.custom-banner-slider.page-width{padding:0!important}.slider-dot{width:12px;height:12px;border-radius:50%;background-color:#ffffff80;cursor:pointer;transition:background-color .3s;display:block!important}.slider-dot.active{background-color:#fff}@media(min-width:1920px){.custom-banner-slider img{width:100%;height:auto}}@media(max-width:749px){.custom-banner-slider img{width:100%;height:auto}.slider-arrow{width:30px;height:30px}.slider-dots{bottom:10px}.slider-dot{width:10px;height:10px}}
/*# sourceMappingURL=/cdn/shop/t/22/compiled_assets/styles.css.map */