.video-slider{position:relative;padding-block:var(--padding-block-start) var(--padding-block-end)}@media(max-width:1025px){.video-slider{padding-block:var(--padding-block-start-mobile) var(--padding-block-end-mobile)}}.video-slider-wrap{display:block;overflow:hidden}.video-slider>.container{height:100%}.video-slider-title-wrap{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center}.video-slider-label{color:var(--cl-black);margin-bottom:1.2rem}.video-slider-title{color:var(--cl-black);margin-bottom:4rem}.video-slider-pagi{display:none}@media(max-width:767px){.video-slider-pagi{grid-column:1/-1;padding-bottom:3.2rem;width:100%;display:flex;align-items:center;justify-content:center;position:static;column-gap:.6rem}}.video-slider-pagi-item{width:.8rem;height:.8rem;border-radius:50%;background-color:var(--cl-black-30);transition:all .4s ease-out}.video-slider-pagi-item.is-active{background-color:var(--cl-primary)}.video-slider-nav{grid-column:1/-1;display:flex;align-items:center;justify-content:center;column-gap:.4rem;margin-bottom:7rem}.video-slider-nav-item{width:4.8rem;height:4.8rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem;background-color:var(--cl-black-05);transition:all var(--t)}@media(max-width:1025px){.video-slider-nav-item{width:4.4rem;height:4.4rem}}.video-slider-nav-item-ic{opacity:.5;transition:all var(--t)}.video-slider-nav-item-ic svg path{stroke:#9b9b9b}.video-slider-nav-item:hover .video-slider-nav-item-ic{opacity:1}.video-slider-nav-item[disabled]{opacity:.5;pointer-events:none}.video-slider-list{grid-column:1/-1;margin-inline:-10rem}@media(max-width:1025px){.video-slider-list{margin-inline:calc(var(--container-padding) * -1)}}.video-slider-list-wrap{width:100%}.video-slider-list-inner{display:flex}.video-slider-list-item{--gap-swiper: 1rem;width:100%;aspect-ratio:300/533;border-radius:1rem;overflow:hidden}.video-slider-list-item-inner,.video-slider-list-item-video{width:100%;height:100%}.video-slider-list-item-video-inner{width:100%;height:100%;display:grid}.video-slider-list-item-video-inner>*{grid-area:1/1/2/2}.video-slider-list-item-video-inner img{opacity:0;pointer-events:none}.video-slider-popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--cl-black-90);z-index:1000;display:flex;opacity:0;pointer-events:none;transition:opacity .4s ease;--popup-padding: 3.2rem;--popup-gap: 3.2rem;--nav-width: 4.8rem}@media(max-width:1025px){.video-slider-popup{--popup-padding: 2.4rem;--popup-gap: 2.4rem;--nav-width: 4.4rem}}@media(max-width:767px){.video-slider-popup{--popup-padding: 1.6rem;--popup-gap: 0rem;--nav-width: 0rem}}.video-slider-popup:not(.active) .swiper-fade .swiper-slide-active{pointer-events:none}.video-slider-popup.active{opacity:1;pointer-events:auto}.video-slider-popup-inner{width:100%;height:100%;padding:var(--popup-padding);display:flex;align-items:stretch;column-gap:var(--popup-gap)}@media(max-width:767px){.video-slider-popup-inner{display:grid;grid-template-columns:minmax(0px,1fr) minmax(0px,1fr);grid-template-rows:1fr auto;column-gap:1.6rem;row-gap:1.6rem}}.video-slider-popup-inner-nav{flex:none;display:flex;align-items:center;justify-content:center}@media(max-width:767px){.video-slider-popup-inner-nav{margin-bottom:8rem}.video-slider-popup-inner-nav:has(.prev){grid-column:1/2;grid-row:2/3;justify-self:flex-end}.video-slider-popup-inner-nav:has(.next){grid-column:2/3;grid-row:2/3;justify-self:flex-start}}.video-slider-popup-inner-nav-item{width:var(--nav-width);height:var(--nav-width);display:flex;align-items:center;justify-content:center;border-radius:.5rem;background-color:var(--cl-white);transition:all var(--t)}@media(max-width:767px){.video-slider-popup-inner-nav-item{width:4.4rem;height:4.4rem}}.video-slider-popup-inner-nav-item-ic{opacity:.5;transition:all var(--t)}.video-slider-popup-inner-nav-item:hover .video-slider-popup-inner-nav-item-ic{opacity:1}.video-slider-popup-inner-nav-item[disabled]{opacity:.5;pointer-events:none}.video-slider-popup-inner-main{flex-grow:1;overflow:hidden;border-radius:2rem;position:relative;display:flex;align-items:center;justify-content:center}@media(max-width:767px){.video-slider-popup-inner-main{margin-top:10svh;grid-column:1/3;grid-row:1/2}}.video-slider-popup-list{width:100%;height:calc(100svh - var(--popup-padding) * 2);display:flex;align-items:center;justify-content:center}.video-slider-popup-list-inner{width:100%!important;height:100%!important;align-items:center!important}.video-slider-popup-list-item{border-radius:1rem;overflow:hidden;margin-inline:auto;max-height:calc(100svh - var(--popup-padding) * 2);max-width:calc(100svw - (var(--popup-padding) + var(--popup-gap) + var(--nav-width)) * 2);width:min((100svh - var(--popup-padding) * 2) * var(--vid-ratio),100svw - (var(--popup-padding) + var(--popup-gap) + var(--nav-width)) * 2);height:min(100svh - var(--popup-padding) * 2,(100svw - (var(--popup-padding) + var(--popup-gap) + var(--nav-width)) * 2) / var(--vid-ratio));aspect-ratio:var(--vid-ratio);opacity:0;transition:opacity .3s ease}.video-slider-popup-list-item-video{width:100%;height:100%;overflow:hidden;position:relative;z-index:2}.video-slider-popup-list-item-video-inner{display:grid}.video-slider-popup-list-item-video-inner>*{grid-area:1/1/2/2}.video-slider-popup-list-item-video-inner img{opacity:0;pointer-events:none}.video-slider-popup-list-item.swiper-slide-active{opacity:1}.video-slider-popup-close{top:3.2rem;right:3.2rem;position:absolute;z-index:99}.video-slider-popup-close-inner{width:3.2rem;height:3.2rem;color:var(--cl-white)}
/*# sourceMappingURL=/cdn/shop/t/611/assets/sc-video-slider.css.map */