.video-with-slider{padding-top:var(--padding-top-desktop);padding-bottom:var(--padding-bottom-desktop);background:var(--background-color)}.video-with-slider-container .video-main-heading{color:var(--heading-color);font-size:var(--heading-font-desk);text-align:center;margin:0 0 1.7708vw;line-height:1.2}.video-with-slider .video-inner-video video,.video-with-slider .video__items .placeholder-svg{width:100%;height:100%;display:block;object-fit:cover;min-height:26.7708vw;max-height:26.7708vw}.video-with-slider .video__items{position:relative;overflow:hidden;cursor:pointer;border-radius:6px}.video-with-slider .bottom__items-content{position:absolute;bottom:0;padding:0 .9375vw .7292vw;width:97%;z-index:2}.video-with-slider .video-button-wrapper{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2}.video-with-slider .play-button-wrapper,.video-with-slider .pause-button{cursor:pointer;display:flex;align-items:center;justify-content:center}.video-with-slider .pause-button{opacity:0;transition:opacity .3s ease}.video-with-slider .video-wrapper{position:relative;overflow:hidden;z-index:1}.video-with-slider .video-cover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:2;cursor:pointer;transition:opacity .3s ease}.video-with-slider .video-cover.hidden{opacity:0;visibility:hidden;pointer-events:none}.video-with-slider .play-button-wrapper svg,.video-with-slider .pause-button svg{width:3.125vw;height:3.125vw;display:block;object-fit:cover}.video-with-slider .play-button-wrapper svg circle,.video-with-slider .pause-button svg circle{fill:#ffffff5c;stroke-width:0}.video-with-slider-wrapper.swiper{opacity:0}.video-with-slider-wrapper.swiper.swiper-initialized{opacity:1}.video__item-heading-icon{display:flex;align-items:center;gap:.3125vw;flex-wrap:wrap}.video-with-slider .item__heading{color:#fff;font-size:1.0417vw;margin:0;line-height:1.2}.video-with-slider .item__text{color:#fff;font-size:.9375vw;margin:.4167vw 0 0;line-height:1.223}.video-with-slider .swiper-button-prev,.video-with-slider .swiper-button-next{background:#5256342e;width:2.2396vw;height:2.2396vw;border-radius:50%;display:flex;justify-content:center;align-items:center;transition:all .5s}.swiper-arrows-wrapper{position:relative;z-index:0}.video-with-slider .swiper-button-prev{left:-4%}.video-with-slider .swiper-button-next{right:-4%}.video-with-slider .swiper-button-prev svg,.video-with-slider .swiper-button-next svg{width:1.0417vw;height:1.0417vw;display:block;object-fit:cover;transition:all .5s}.video-with-slider .swiper-pagination{position:unset;max-width:16.3021vw;margin:1.3542vw auto 0;padding:0 1.0417vw;height:.2083vw}.video-with-slider .swiper-pagination-progressbar-fill{background:#000}.video-with-slider .swiper-button-prev:hover,.video-with-slider .swiper-button-next:hover{background:#525634}.video-with-slider .swiper-button-prev:hover svg g path,.video-with-slider .swiper-button-next:hover svg g path{fill:#fff}.video-with-slider img.video-cover.hide{opacity:0;z-index:-1}.video-with__slider.swiper-slide{height:auto}.video-with-slider .play-button-wrapper svg,.video-with-slider .pause-button svg{display:none}.play-btn-items .video-with-slider .play-button-wrapper svg,.play-btn-items .video-with-slider .pause-button svg{display:flex}.video-with-slider .video__items,.video-with-slider .video-wrapper,.video-inner-video.external-video,.video-inner-video.external-video iframe,.instagram-video-wrapper,iframe.external-video-iframe.instagram-iframe{position:relative;width:100%;aspect-ratio:12 / 16;overflow:hidden}.video-with-slider .swiper-button-next.swiper-button-lock,.video-with-slider .swiper-button-prev.swiper-button-lock{display:none}@media(max-width:1620px){.video-with-slider .swiper-button-next{right:0;transform:translate(0)}.video-with-slider .swiper-button-prev{left:0;transform:translate(0)}}@media(max-width:1440px){.video-with-slider .swiper-button-next{right:2%}.video-with-slider .swiper-button-prev{left:2%}.video-with-slider .swiper-button-prev,.video-with-slider .swiper-button-next{background:#525634}.video-with-slider .swiper-button-prev svg g path,.video-with-slider .swiper-button-next svg g path{fill:#fff}}@media(max-width:768px){.video-with-slider{padding-top:var(--padding-top-mobile);padding-bottom:var(--padding-bottom-mobile)}.video-with-slider .page-width{padding:0}.video-with-slider-container .video-main-heading{font-size:var(--heading-font-mob);margin:0 0 18px}.video-with-slider .video-inner-video video,.video-with-slider .video__items .placeholder-svg,.video-with-slider .video__items,.video-with-slider .video-wrapper,.video-inner-video.external-video,.video-inner-video.external-video iframe,.instagram-video-wrapper,iframe.external-video-iframe.instagram-iframe{width:100%;height:100%;display:block;object-fit:cover;min-height:100%;max-height:100%}.video-with-slider .play-button-wrapper svg,.video-with-slider .pause-button svg{width:36px;height:36px}.video-with-slider .swiper-button-prev,.video-with-slider .swiper-button-next{width:32px;height:32px}.video-with-slider .swiper-button-prev svg,.video-with-slider .swiper-button-next svg{width:18px;height:18px}.video-with-slider .item__heading{font-size:16px}.video-with-slider .item__text{font-size:13px;margin:6px 0 0}.video-with-slider .swiper-pagination{max-width:70%;margin:16px auto 0;padding:0 20px;height:3px}.video-with-slider .bottom__items-content{padding:0 14px 14px}.video-with-slider .swiper-button-prev,.video-with-slider .swiper-button-next,.video-with-slider .swiper-button-prev:hover,.video-with-slider .swiper-button-next:hover{background:#fff}.video-with-slider .swiper-button-prev svg g path,.video-with-slider .swiper-button-next svg g path{fill:#000}.video-with-slider .swiper-button-prev:hover svg g path,.video-with-slider .swiper-button-next:hover svg g path{fill:#000}}@media(min-width:1922px){.video-with-slider .item__heading{color:#fff;font-size:20.0006px;margin:0;line-height:1.2}.video-with-slider .item__text{color:#fff;font-size:18px;margin:.4167vw 0 0;line-height:1.223}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/video-with-slider.css.map */