.video-carousel-section{padding:60px 0;overflow:hidden;background:#fff3f4}.video-carousel-section__heading{text-align:center;font-family:Raleway,sans-serif;margin-bottom:32px;color:#272727;font-size:28px;font-style:normal;font-weight:300;line-height:130%}.video-carousel{margin-bottom:50px}.video-carousel__slide{width:calc(25% - 15px);height:500px;margin-right:20px;border-radius:8px;overflow:hidden;position:relative;background:#000}@media(max-width:768px){.video-carousel__slide{width:66vw;height:110vw;margin-right:16px}}.video-carousel__video{width:100%;height:100%;object-fit:cover;display:block}.video-carousel__play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:#f11f1f;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;transition:all .3s ease;opacity:0}.video-carousel__play-button:hover{background:#d01a1a}@media(hover:hover){.video-carousel__slide:hover .video-carousel__play-button{opacity:1}}.video-carousel__slide.is-paused .video-carousel__play-button{opacity:1}.video-carousel__icon-play,.video-carousel__icon-pause{display:flex;align-items:center;justify-content:center;width:14px;height:14px}.video-carousel__icon-play svg,.video-carousel__icon-pause svg{width:100%;height:100%;fill:currentColor}.video-carousel__icon-play{display:none;margin-left:2px}.video-carousel__slide.is-paused .video-carousel__icon-play{display:flex}.video-carousel__slide.is-paused .video-carousel__icon-pause{display:none}.video-carousel__mute-button{position:absolute;bottom:20px;right:20px;width:36px;height:36px;border-radius:50%;background:#00000080;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;transition:background .3s ease}.video-carousel__mute-button:hover{background:#000c}.video-carousel__mute-button span{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.video-carousel__mute-button svg{width:100%;height:100%}.flickity-prev-next-button{width:44px;height:44px;background:#fff;border-radius:50%;opacity:1;transition:background .3s;right:-20px}.flickity-prev-next-button:hover{background:#f2f2f2}.flickity-button.flickity-prev-next-button.flickity-previous{left:-20px}.flickity-prev-next-button .flickity-button-icon{fill:#f11f1f;width:14px;height:14px;top:50%;left:50%;transform:translate(-50%,-50%)}.flickity-prev-next-button.previous{left:-22px}.flickity-prev-next-button.next{right:-22px}.flickity-page-dots{bottom:-30px}.flickity-page-dots .dot{background:#ccc;opacity:1}.flickity-page-dots .dot.is-selected{background:#f11f1f}.video-carousel-section__footer{display:flex;justify-content:center;gap:20px;margin-top:20px}.btn--carousel-custom{padding:12px 30px;border-radius:50px;font-family:Quicksand,sans-serif;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.5px;text-decoration:none;transition:all .3s ease;min-width:222px;text-align:center;display:inline-flex;align-items:center;justify-content:center;width:fit-content}.btn--carousel-primary{color:#fff!important;border:none;font-family:Raleway,sans-serif;font-size:16px;font-style:normal;font-weight:700;line-height:normal;text-transform:uppercase;border-radius:100px;background:#f11f1f}.btn--carousel-primary:hover{background-color:#d01a1a;border-color:#d01a1a;color:#fff}.btn--carousel-secondary{border-radius:100px;border:1px solid #F11F1F!important;background:#fff3f4;color:#f11f1f!important;font-family:Raleway,sans-serif;font-size:16px;font-style:normal;font-weight:700;line-height:normal;text-transform:uppercase}.btn--carousel-secondary:hover{background-color:#f11f1f;color:#fff!important}@media(max-width:768px){.video-carousel-section__footer{flex-direction:column;width:100%;padding-right:16px}.best-sellers-tabs .video-carousel-section__footer{padding-right:0}.btn--carousel-custom{width:100%}.video-carousel{margin-bottom:32px}.flickity-prev-next-button{display:none}.video-carousel-section{padding:24px 0}.video-carousel-section .page-width{padding-right:0}.video-carousel-section__heading{font-size:28px;padding-right:16px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-video-carousel.css.map */
