.banner-carousel{position:relative;width:100vw!important;max-width:100vw!important;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);overflow:hidden;padding:0!important;box-sizing:border-box}.banner-slide{width:100%;height:auto;display:none;opacity:0;transition:opacity .5s ease;position:relative}.banner-slide.active{display:block;opacity:1}.banner-slide-media-desktop,.banner-slide-media-mobile{width:100%;height:auto;overflow:hidden}.banner-image{width:100%;height:auto;display:block}.banner-slide-media-mobile{display:none}.banner-slide-media-desktop{display:block}@media screen and (max-width: 749px){.banner-slide-media-mobile{display:block}.banner-slide-media-desktop{display:none}}.banner-carousel-navigation{position:absolute;bottom:20px;left:0;right:0;display:flex;justify-content:center;align-items:center;z-index:10}.banner-carousel-prev,.banner-carousel-next{background-color:#ffffffb3;border:none;border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center;cursor:pointer;margin:0 10px;transition:background-color .3s ease;z-index:20;position:absolute;top:50%;transform:translateY(-50%)}.banner-carousel-prev{left:20px}.banner-carousel-next{right:20px}.banner-carousel-prev:hover,.banner-carousel-next:hover{background-color:#ffffffe6}.banner-carousel-prev svg,.banner-carousel-next svg{width:24px;height:24px;fill:#000}.banner-carousel-dots{display:flex;justify-content:center;align-items:center;margin:0;position:absolute;bottom:20px;left:0;right:0;z-index:20}.banner-carousel-dot{width:10px;height:10px;border-radius:50%;background-color:#ffffff80;border:none;margin:0 5px;padding:0;cursor:pointer;transition:background-color .3s ease}.banner-carousel-dot.active{background-color:#fff}.banner__content{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center}@media screen and (max-width: 749px){.banner-carousel-prev,.banner-carousel-next{width:30px;height:30px;top:50%}.banner-carousel-prev{left:10px}.banner-carousel-next{right:10px}.banner-carousel-prev svg,.banner-carousel-next svg{width:18px;height:18px}.banner-carousel-dot{width:8px;height:8px;margin:0 3px}.banner-carousel-navigation{bottom:10px}}.banner-slide img{width:100%;height:auto;display:block}.banner-slide-media-mobile{display:block;width:100%}.banner-slide-media-desktop{display:none;width:100%}@media screen and (min-width: 750px){.banner-slide-media-mobile{display:none}.banner-slide-media-desktop{display:block}}
/*# sourceMappingURL=/cdn/shop/t/87/assets/banner-carousel.css.map */