.desktop{display:block}.mobile,.hidden{display:none}.lock-scroll{overflow:scroll}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.shop-by-section{margin-top:30px}.shop-by{width:100%;height:100%;position:relative}.shop-by-main{width:100%;overflow:hidden}.shop-by-content{text-align:center}.shop-by-content h3{width:80%;margin:0 auto;padding:0}.shop-by-content p{width:80%;margin:20px auto;padding:0}.shop-by-content button{padding:5px 25px;text-transform:none}.shop-by-container{width:90%;position:relative;overflow:hidden}.shop-by-section .videoContainerYT{width:150%;position:relative;top:0;left:50%;transform:translate(-50%)}.shop-by-section .videoBG{position:relative;padding-bottom:56.25%;height:0}.shop-by-section .videoBG .video{position:absolute;top:-64px;left:0;width:100%;height:100%;pointer-events:none}.shop-by-section .videoContainerMP4{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:150%;object-fit:cover;display:block}.shop-by-section .videoControls{position:absolute;top:15px;right:15px;z-index:1}.shop-by-nav-wrapper .videoControls{top:-35px;right:0}.shop-by-section .videoControlsContainer{display:flex}.shop-by-section .videoControls .pause-video,.videoControls .play-video{position:relative;width:25px;height:25px;margin:0;padding:0;border-radius:100%}.shop-by-section .videoControls .pause-video{margin-right:5px}.shop-by-section .videoControls .pause-video svg,.videoControls .play-video svg{width:50%;position:absolute;transform:translate(-50%,-50%)}.shop-by-nav-wrapper{position:relative;width:90%;margin:0 auto}.shop-by-carousel{max-width:1260px;margin:0 auto;min-height:190px}.shop-by-carousel:after{content:""}.shop-by-carousel .carousel-cell{float:left;width:25%}.shop-by-carousel-content{width:80%;margin:15px auto}.shop-by-carousel-image-container{overflow:hidden;position:relative}.shop-by-carousel-image{transition:all .25s}.shop-by-carousel-image img{display:block}.shop-by-section .carousel-title,.carousel-price{text-align:center;margin:0;padding:0;line-height:normal;font-size:14px}.shop-by-section .carousel-price{margin-top:8px;font-weight:700}.shop-by-section .carousel-price span.compared{color:#bd0611;text-decoration:line-through;margin-right:5px}.shop-by-carousel .flickity-button-icon{stroke-width:15px;top:50%;left:50%;transform:translate(-50%,-50%);width:45%;height:45%}.shop-by-carousel .slide-content{width:90%;margin:10px auto}.shop-by-carousel-image-container .slide-content-overlay{bottom:5%;left:50%;transform:translate(-50%);width:90%;margin:auto;position:absolute}.sbs-sub-content{margin-top:10px}.shop-by-carousel-image-container .slide-content-overlay p,.sbs-sub-content p{margin:0}.shop-by-carousel:after{content:"flickity";display:none}@media screen and (min-width: 412px){.shop-by-carousel{min-height:229.4px}}@media screen and (max-width:1065px){.shop-by-section{margin-top:0}.shop-by-section .page-width{padding:0}.shop-by-container{overflow:visible}.shop-by-carousel .carousel-cell:before{display:block;text-align:center}.shop-by-carousel .flickity-button.previous{left:-15px}.shop-by-carousel .flickity-button.next{right:-15px}}@media screen and (max-width:769px){.desktop{display:none}.mobile{display:block}.shop-by-carousel .carousel-cell{float:none;width:50%}.shop-by-section .videoContainerYT{width:300%}.shop-by-carousel .slide-content{margin:0 auto}}@media screen and (min-width:1066px){.shop-by-carousel:after{content:""}}.shop-by-content .cta-btn{background:none;border:none;text-decoration:underline;font-family:WarnerBrosSans-Bold,sans-serif;padding:0;height:auto;font-size:14px;line-height:14px;letter-spacing:normal}.shop-by-carousel .carousel-cell{float:none;width:50%}.shop-by-carousel-image-container{margin:0 4px}.shop-by-main{padding:0}.shop-by-main .full-container{padding:40px 20px}@media screen and (min-width: 768px){.shop-by-content .cta-btn{font-size:16px;line-height:16px}.shop-by-carousel .carousel-cell{float:none;width:33.3%}.shop-by-carousel-image-container{margin:0 4.5px}.shop-by-main .full-container{padding:80px 40px}}@media screen and (min-width: 1066px){.shop-by-content .cta-btn{font-size:18px;line-height:18px}.shop-by-carousel .carousel-cell{float:none;width:25%}.shop-by-carousel-image-container{margin:0 6px}.shop-by-main .full-container{padding:100px 50px}}
/*# sourceMappingURL=/cdn/shop/t/62/assets/component-shop-by-carousel.css.map */