modular-scroller-swipper{position:relative;display:block}modular-scroller-swipper .virtual-video{height:70vh;width:100%;display:block}modular-scroller-swipper .title-desc-slide{width:45%;height:100vh;position:absolute;left:0;top:50%;z-index:99;display:flex;flex-direction:column;justify-content:space-between;font-family:Quincy CF Regular,sans-serif;letter-spacing:-.03em;line-height:100%}modular-scroller-swipper .title-desc-slide .title-desc{transform:translateY(-50%)}modular-scroller-swipper .title-desc-slide .title-desc .title-desc-item{padding-left:10%;text-align:left;position:relative;width:80%;height:auto;margin:20px 0;cursor:pointer;opacity:.3;transition:opacity .3s ease}modular-scroller-swipper .title-desc-slide .title-desc .title-desc-item .text-desc-detail{display:none;margin-top:20px}modular-scroller-swipper .title-desc-slide .title-desc .title-desc-item .text-title .video-title{background-repeat:no-repeat;background-position:left center;background-size:72px auto;padding-left:90px;min-height:72px;display:flex;align-items:center}modular-scroller-swipper .title-desc-slide .title-desc .title-desc-item.item-1 .text-title .video-title{background-image:url(bundle-1-2.svg)}modular-scroller-swipper .title-desc-slide .title-desc .title-desc-item.item-2 .text-title .video-title{background-image:url(bundle-2-2.svg)}modular-scroller-swipper .title-desc-slide .title-desc .title-desc-item.item-3 .text-title .video-title{background-image:url(bundle-3-2.svg)}modular-scroller-swipper .title-desc-slide .title-desc .title-desc-item.item-1.active .text-title .video-title{background-image:url(bundle-1.svg)}modular-scroller-swipper .title-desc-slide .title-desc .title-desc-item.item-2.active .text-title .video-title{background-image:url(bundle-2.svg)}modular-scroller-swipper .title-desc-slide .title-desc .title-desc-item.item-3.active .text-title .video-title{background-image:url(bundle-3.svg)}modular-scroller-swipper .title-desc-slide .title-desc .title-desc-item.active{opacity:1}modular-scroller-swipper .title-desc-slide .title-desc .title-desc-item.active .text-desc-detail{display:block;padding-left:90px}modular-scroller-swipper .title-desc-slide .title-desc .title-desc-item:hover{opacity:.7}modular-scroller-swipper .swiper-container{display:flex;justify-content:flex-end;height:100vh;position:sticky;top:0}modular-scroller-swipper .swiper-container .swiper-wrapper{max-width:calc(50vw + var(--page-width) / 2 - var(--page-padding-inline));margin:0;padding-left:var(--page-padding-inline)}modular-scroller-swipper .swiper-container .swiper-wrapper .swiper-slide{text-align:center;display:flex;align-items:center;justify-content:space-between}modular-scroller-swipper .swiper-container .swiper-wrapper .swiper-slide.left_video{flex-direction:row-reverse}modular-scroller-swipper .swiper-container .swiper-wrapper .swiper-slide .text-container{text-align:left;padding-right:var(--spacing-64);height:100%;width:45%;position:relative;display:flex;flex:none;flex-direction:column;justify-content:space-between}modular-scroller-swipper .swiper-container .swiper-wrapper .swiper-slide .text-title{position:relative;display:flex;height:50%;flex-direction:column;justify-content:flex-end;align-items:flex-start}modular-scroller-swipper .swiper-container .swiper-wrapper .swiper-slide .text-title .xbloom-btn{margin-top:var(--spacing-16)}modular-scroller-swipper .swiper-container .swiper-wrapper .swiper-slide .text-title .nav-content{position:relative;display:flex;align-items:center;gap:var(--spacing-16)}modular-scroller-swipper .swiper-container .swiper-wrapper .swiper-slide .text-title .nav-content .nav-title{position:relative;color:var(--xbloom-color-black-20)}modular-scroller-swipper .swiper-container .swiper-wrapper .swiper-slide .text-title .nav-content .nav-title.active-title{color:var(--xbloom-color-black-100)}modular-scroller-swipper .swiper-container .swiper-wrapper .swiper-slide .text-title .nav-content .nav-title:last-of-type:after{display:none}modular-scroller-swipper .swiper-container .swiper-wrapper .swiper-slide .text-title .nav-content .nav-title:after{content:"/";position:absolute;right:-var(--spacing-16)}modular-scroller-swipper .swiper-container .swiper-wrapper .swiper-slide .text-title .text-desc-detail{position:relative;padding-bottom:var(--spacing-48);color:var(--xbloom-color-black-50)}modular-scroller-swipper .swiper-container .swiper-wrapper .swiper-slide .media-container{display:flex;height:100%;width:100%;overflow:hidden}modular-scroller-swipper .swiper-container .swiper-wrapper .swiper-slide .media-container video{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}modular-scroller-swipper .swiper-container .swiper-wrapper .swiper-slide .media-container video.fill{-o-object-fit:fill;object-fit:fill}modular-scroller-swipper .swiper-container .swiper-wrapper .swiper-slide .media-container video.auto{-o-object-fit:none;object-fit:none}modular-scroller-swipper .swiper-container .swiper-pagination{opacity:0;height:100vh;display:flex;flex-direction:column;justify-content:center;margin-inline:0;width:100vw;max-width:calc(50vw + var(--page-width) / 2 - var(--page-padding-inline) - 54rem);right:0}@media screen and (max-width:767px){modular-scroller-swipper .swiper-container .swiper-wrapper .swiper-slide{text-align:center;display:flex;flex-direction:column-reverse;align-items:center;justify-content:space-between}modular-scroller-swipper .swiper-container .swiper-wrapper .swiper-slide .text-container{justify-content:flex-start;height:30vh!important;width:100vw!important;padding-inline:var(--spacing-24);padding-top:var(--spacing-16);padding-bottom:var(--spacing-24);gap:var(--spacing-8)}modular-scroller-swipper .swiper-container .swiper-wrapper .swiper-slide .text-container .text-title{height:auto}modular-scroller-swipper .swiper-container .swiper-wrapper .swiper-slide .text-container .xbloom-btn{display:none}modular-scroller-swipper .swiper-container .swiper-wrapper .swiper-slide .media-container{height:70vh!important;width:100vw!important}modular-scroller-swipper .swiper-container .swiper-pagination{display:none;opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/226/assets/bundle-modular-scroller-swipper.css.map */