video-scroller-swipper{position:relative;display:block}video-scroller-swipper .virtual-video{height:70vh;width:100%;display:block}video-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%}video-scroller-swipper .title-desc-slide .title-desc{transform:translateY(-50%)}video-scroller-swipper .title-desc-slide .title-desc .title-desc-item{padding-left:10%;text-align:left;position:relative;width:80%;height:auto;margin:40px 0;cursor:pointer;opacity:.3;transition:opacity .3s ease}video-scroller-swipper .title-desc-slide .title-desc .title-desc-item .text-desc-detail{display:none;margin-top:24px}video-scroller-swipper .title-desc-slide .title-desc .title-desc-item .text-title .video-title{display:flex;gap:16px;align-items:center}video-scroller-swipper .title-desc-slide .title-desc .title-desc-item .text-title .video-title .video-icon{width:72px;height:72px;padding:20px;border:1px solid rgba(0,0,0,.1);border-radius:50%}video-scroller-swipper .title-desc-slide .title-desc .title-desc-item.active{opacity:1}video-scroller-swipper .title-desc-slide .title-desc .title-desc-item.active path{stroke:#000}video-scroller-swipper .title-desc-slide .title-desc .title-desc-item.active .text-desc-detail{display:block;padding-left:90px;max-width:350px;font-weight:500;color:#0009}video-scroller-swipper .swiper-container{display:flex;justify-content:flex-end;height:100vh;position:sticky;top:0}video-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)}video-scroller-swipper .swiper-container .swiper-wrapper .swiper-slide{text-align:center;display:flex;align-items:center;justify-content:space-between}video-scroller-swipper .swiper-container .swiper-wrapper .swiper-slide.left_video{flex-direction:row-reverse}video-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}video-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}video-scroller-swipper .swiper-container .swiper-wrapper .swiper-slide .text-title .xbloom-btn{margin-top:var(--spacing-16)}video-scroller-swipper .swiper-container .swiper-wrapper .swiper-slide .text-title .nav-content{position:relative;display:flex;align-items:center;gap:var(--spacing-16)}video-scroller-swipper .swiper-container .swiper-wrapper .swiper-slide .text-title .nav-content .nav-title{position:relative;color:var(--xbloom-color-black-20)}video-scroller-swipper .swiper-container .swiper-wrapper .swiper-slide .text-title .nav-content .nav-title.active-title{color:var(--xbloom-color-black-100)}video-scroller-swipper .swiper-container .swiper-wrapper .swiper-slide .text-title .nav-content .nav-title:last-of-type:after{display:none}video-scroller-swipper .swiper-container .swiper-wrapper .swiper-slide .text-title .nav-content .nav-title:after{content:"/";position:absolute;right:-var(--spacing-16)}video-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)}video-scroller-swipper .swiper-container .swiper-wrapper .swiper-slide .media-container{display:flex;height:100%;width:100%;overflow:hidden}video-scroller-swipper .swiper-container .swiper-wrapper .swiper-slide .media-container video{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}video-scroller-swipper .swiper-container .swiper-wrapper .swiper-slide .media-container video.fill{-o-object-fit:fill;object-fit:fill}video-scroller-swipper .swiper-container .swiper-wrapper .swiper-slide .media-container video.auto{-o-object-fit:none;object-fit:none}video-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){video-scroller-swipper .swiper-container .swiper-wrapper .swiper-slide{text-align:center;display:flex;flex-direction:column-reverse;align-items:center;justify-content:space-between}video-scroller-swipper .swiper-container .swiper-wrapper .swiper-slide .text-container{justify-content:flex-start;height:auto!important;width:100vw!important;padding:24px!important;gap:8px}video-scroller-swipper .swiper-container .swiper-wrapper .swiper-slide .text-container .text-title{height:auto}video-scroller-swipper .swiper-container .swiper-wrapper .swiper-slide .text-container .xbloom-btn{display:none}video-scroller-swipper .swiper-container .swiper-wrapper .swiper-slide .media-container{height:70vh!important;width:100vw!important}video-scroller-swipper .swiper-container .swiper-pagination{display:none;opacity:1}video-scroller-swipper[enable-config=true] .title-desc-slide{display:none!important}video-scroller-swipper[enable-config=true] .virtual-video{display:none!important}video-scroller-swipper[enable-config=true] .swiper-container{position:relative!important;height:auto!important;display:block!important;justify-content:flex-start!important}video-scroller-swipper[enable-config=true] .swiper-container .swiper-wrapper{max-width:100%!important;padding-left:0!important;display:flex!important;flex-direction:row!important}video-scroller-swipper[enable-config=true] .swiper-container .swiper-wrapper .swiper-slide{width:100vw!important;min-width:100vw!important;flex-shrink:0!important;display:flex!important;flex-direction:column-reverse!important;align-items:center!important;justify-content:space-between!important;padding-left:0!important;padding-right:0!important}video-scroller-swipper[enable-config=true] .swiper-container .swiper-wrapper .swiper-slide .text-container{width:100vw!important;height:auto!important;padding:24px!important;border-radius:0 0 16px 16px;background:#0000000d}video-scroller-swipper[enable-config=true] .swiper-container .swiper-wrapper .swiper-slide .media-container{width:100vw!important;height:auto!important;order:1;border-radius:16px 16px 0 0}video-scroller-swipper[enable-config=true] .swiper-container .swiper-pagination{position:absolute!important;bottom:20px!important;left:50%!important;transform:translate(-50%)!important;width:auto!important;height:auto!important;display:flex!important;flex-direction:row!important;justify-content:center!important;gap:8px!important}}
/*# sourceMappingURL=/cdn/shop/t/226/assets/bundle-video-scroller-swipper.css.map */