@media screen and (min-width: 1011px){.hero-carousel{margin-bottom:2.5rem}}.hero-carousel img.banner-media-asset,.hero-carousel video.banner-media-asset{width:100%;height:100%}.hero-carousel .swiper-control{position:absolute;z-index:10;display:flex;flex-flow:row nowrap;align-items:center;justify-content:center}@media screen and (min-width: 1011px){.hero-carousel .swiper-control{bottom:0rem;height:3rem;left:50%;width:100%;padding:0 4rem;transform:translate(-50%)}.hero-carousel .swiper-wrapper{margin-bottom:3.2rem}}@media screen and (max-width: 1010px){.hero-carousel .swiper-control{left:0;right:0;bottom:2rem;padding:0 2.5rem}.hero-carousel .banner-cta,.hero-carousel .banner-cta .button{width:100%}}.hero-carousel .swiper-control>*+*{margin-left:2rem}.hero-carousel .swiper-navigation{display:flex;flex-flow:row nowrap;align-items:center}.hero-carousel .swiper-navigation>*+*{margin-left:1.5rem}.hero-carousel .swiper-navigation-button{width:4rem;height:4rem;color:rgb(var(--color-foreground));border:1px solid rgb(var(--color-foreground))}.hero-carousel .swiper-navigation-button-prev>.icon{transform:translate(-55%,-50%) rotate(90deg)}.hero-carousel .swiper-navigation-button-next>.icon{transform:translate(-45%,-50%) rotate(-90deg)}.hero-carousel .swiper-pagination{position:static;flex:1 1 auto;max-width:40rem}.hero-carousel .swiper-pagination-bullets{display:flex;flex-flow:row nowrap}.hero-carousel .swiper-pagination-bullets>*+*{margin-left:1.5rem!important}.hero-carousel .swiper-pagination-bullet{flex:1 1 100%}.hero-carousel .swiper-pagination-bullet{height:auto;background:none;opacity:1}.hero-carousel .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.hero-carousel .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0}.hero-carousel .bullet-index{margin-bottom:1rem}.hero-carousel .bullet-river{position:relative;border-bottom:2px solid rgb(var(--color-grey-2))}.hero-carousel .bullet-water{position:absolute;top:.5px;left:0;transform:translateY(-50%);border-radius:2rem;width:0;height:.3rem;background-color:rgb(var(--color-black))}.hero-carousel .swiper-pagination-bullet-active .bullet-water{animation-name:bulletWaterFillRiver;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:forwards}@keyframes bulletWaterFillRiver{0%{width:0}to{width:100%}}.slider .video-js .vjs-control-bar{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/305/assets/section-hero-carousel.css.map?v=70134589401968699421679512669 */