.video-with-content-slider{padding-top:var(--padding-top-desktop);padding-bottom:var(--padding-bottom-desktop);background-color:var(--bg-color)}.video-content-item .video-wrap-media{height:100%;width:100%;display:block}.video-content-item .video-wrap-media video,.video-content-item .video-wrap-media svg{width:100%;height:100%;display:block;object-fit:cover}.video-content-item .video_content{display:flex;position:absolute;width:100%;height:calc(100% - 3rem);align-items:center;justify-content:center;top:0;bottom:0;left:0;right:0;padding:15px;z-index:5}.video-with-content-slider .video_content-box{max-width:36rem}.video-content-item .video-wrap-media img{height:100%;width:100%;display:block;object-fit:cover;object-position:center}.video_content-box .video__heading{font-size:var(--font-size-desktop);color:var(--color);line-height:1.3;margin:0;font-family:AGaramondPro-Bold;letter-spacing:0}.video_content-box .video__text.rte{font-size:var(--font-size-desktop);color:var(--color);line-height:1.4;margin:20px 0;font-family:AGaramondPro-Regular;overflow:hidden}.swiper-slide .video_content-box{transform:translateY(100px);transition:transform 1s ease .25s}.swiper-slide:first-child .video_content-box{transition:transform 1s ease 0s}.swiper-slide.swiper-slide-prev .video_content-box,.swiper-slide.swiper-slide-active .video_content-box{transform:translateY(0)}.video-content-list .swiper-pagination span{font-size:var(--font-size-desktop);color:var(--color);line-height:1.3;font-family:AGaramondPro-Regular;letter-spacing:0;text-align:left}.video-content-list .swiper-pagination{display:flex!important;align-items:center;left:20px;right:20px;bottom:50px;gap:5rem;max-width:calc(var(--fluid-container-width, 1620px) + var(--fluid-container-offset)*2 - 40px);margin:0 auto;width:calc(100% - 40px);position:absolute;flex-flow:nowrap}.video-content-list .swiper-pagination .swiper-pagination-bullet:before,.video-content-list .swiper-pagination .swiper-pagination-bullet:after{content:unset}.video-content-list .swiper-pagination span.swiper-pagination-bullet{padding-top:15px;position:relative;width:100%;flex:1 1 100%;height:auto;border-radius:0;opacity:1;margin:0;background-color:transparent}.video-content-list .swiper-pagination span.swiper-pagination-bullet i{position:absolute;bottom:0;left:0;right:0;top:0;z-index:1;width:100%;height:6px;border-radius:10px;background-color:var(--bg-color)}.video-content-list .swiper-pagination span.swiper-pagination-bullet b{position:absolute;bottom:0;left:0;right:0;top:0;z-index:2;width:0%;height:6px;border-radius:10px;background-color:var(--bg-active-color)}.video-content-list .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:transparent}.video-content-list .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active b{animation-name:countingBar;animation-duration:5s;animation-timing-function:ease-in;animation-iteration-count:1;animation-direction:alternate;animation-fill-mode:forwards}@keyframes countingBar{0%{width:0}to{width:100%}}.video-with-content-slider .video-content-list{height:calc(100vh - 13rem)}@media screen and (min-width: 768px){.video_content.video__content--top-left{align-items:flex-start;justify-content:flex-start}.video_content.video__content--top-center{align-items:flex-start;justify-content:center}.video_content.video__content--top-right{align-items:flex-start;justify-content:flex-end}.video_content.video__content--middle-left{align-items:center;justify-content:flex-start}.video_content.video__content--middle-center{align-items:center;justify-content:center}.video_content.video__content--middle-right{align-items:center;justify-content:flex-end}.video_content.video__content--bottom-left{align-items:flex-end;justify-content:flex-start}.video_content.video__content--bottom-center{align-items:flex-end;justify-content:center}.video_content.video__content--bottom-right{align-items:flex-end;justify-content:flex-end}.video--content-align-left .video_content-box{text-align:left}.video--content-align-center .video_content-box{text-align:center}.video--content-align-right .video_content-box{text-align:right}.video-content-list .swiper-button-next,.video-content-list .swiper-button-prev{display:none}}@media (max-width: 1100px){.video-content-list .swiper-pagination{display:flex!important;align-items:center;left:20px;right:20px;bottom:35px;gap:5rem;max-width:calc(var(--fluid-container-width, 1620px) + var(--fluid-container-offset)*2 - 40px);margin:0 auto;width:calc(100% - 40px);position:absolute;flex-flow:nowrap}}@media (max-width: 989px){.video-content-list .swiper-pagination span,.video_content-box .video__text.rte,.video_content-box .video__heading{font-size:var(--font-size-mobile)}.video_content-box .video__text.rte{font-size:16px;margin:20px 0 25px}.video-content-list .swiper-pagination{gap:2rem;bottom:40px}.video-content-list .swiper-pagination span.swiper-pagination-bullet{min-height:49px;flex:0 0 23%}.video-content-list .swiper-pagination span.swiper-pagination-bullet i,.video-content-list .swiper-pagination span.swiper-pagination-bullet b{height:3px}.video-content-list .swiper-pagination{overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none;justify-content:flex-start}.video-content-list .swiper-pagination::-webkit-scrollbar{display:none}.video-content-item .video_content{width:100%;height:100%}.video-with-content-slider .video-content-list{height:auto}}@media (max-width: 767px){.video-with-content-slider{padding-top:var(--padding-top-mobile);padding-bottom:var(--padding-bottom-mobile)}.video--content-align-mobile-left .video_content-box{text-align:left}.video--content-align-mobile-center .video_content-box{text-align:center}.video--content-align-mobile-right .video_content-box{text-align:right}.video-content-list .swiper-pagination{gap:1rem;position:unset;margin-top:15px;width:100%}.video-content-list .swiper-pagination span.swiper-pagination-bullet{min-height:30px;flex:0 0 100%;max-width:fit-content;white-space:nowrap;padding-right:20px;padding-top:10px;color:#77706b}.video-content-list .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active{color:#c3292f}.video_content-box .video__heading,.video_content-box .video__text.rte,.video-content-list .swiper-pagination span{color:var(--color-mobile)}.video-content-list .swiper-pagination span.swiper-pagination-bullet i{background-color:#8b777733}.video-content-item .video_content{position:unset;height:auto;padding:0}.video-with-content-slider .video-wrap-media:after{content:unset!important}.swiper-slide .video_content-box{transform:translateY(0);transition:transform 1s ease .25s}.video_content-box .video__text.rte{min-height:90px}.video_content-box .video__text.rte{margin:20px 0}.video-content-list .swiper-button-next,.video-content-list .swiper-button-prev{bottom:32.5vw;position:absolute;z-index:1;width:34px;height:34px;background-color:#bf0711;border-radius:50%;display:flex;align-items:center;justify-content:center}.video-content-list .swiper-button-next svg,.video-content-list .swiper-button-prev svg{width:7px;height:auto}.video-content-list .swiper-button-next svg *,.video-content-list .swiper-button-prev svg *{stroke:#fff}.video-content-list .swiper-button-prev{left:12px}.video-content-list .swiper-button-next{right:12px}.video-with-content-slider .video-content-body{max-width:calc(var(--fluid-container-width, 1620px) + var(--fluid-container-offset)*2);padding:0 15px;width:100%;margin:0 auto}}@media (max-width: 630px){.video-content-list .swiper-button-next,.video-content-list .swiper-button-prev{bottom:35vw}}@media (max-width: 600px){.video-content-list .swiper-pagination span.swiper-pagination-bullet{flex:0 0 50%}.video_content-box .video__text.rte{min-height:112px}}@media (max-width: 540px){.video-content-list .swiper-button-next,.video-content-list .swiper-button-prev{bottom:34vw}}@media (max-width: 480px){.video_content-box .video__text.rte{min-height:135px}}@media (max-width: 430px){.video-content-list .swiper-button-next,.video-content-list .swiper-button-prev{bottom:35vw}}@media (max-width: 404px){.video_content-box .video__text.rte{min-height:157px}.video-content-list .video_content-box{min-height:270px}}@media (max-width: 350px){.video-content-list .swiper-button-next,.video-content-list .swiper-button-prev{bottom:35.5vw}}@media (max-width: 330px){.video-content-list .video_content-box{min-height:291px}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/video-with-content-slider.css.map */