.sp-video{background-color:#fbfafa;padding:48px 0}.sp-video__wrapper{max-width:1124px;margin:0 auto}.sp-video__title{text-align:center;margin-bottom:40px}.sp-video__title>*:last-child{margin-bottom:0}.sp-video__title .sp-title{color:#000}.sp-video__main-video{position:relative;padding-top:50%;border-radius:22px;overflow:hidden}.sp-video__main-video>video,.sp-video__main-video>img{position:absolute;top:0;left:0;object-fit:cover;width:100%;height:100%}.sp-video__main-video>img{z-index:1}.sp-video__main-video-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer;z-index:2;transition:all .35s ease-in-out}.sp-video__main-video-btn svg,.sp-video__main-video-btn img{max-width:100%;max-height:100%}.sp-video__main-slider{margin-bottom:24px}.sp-video__main-slider:not(.slick-initialized){display:flex;overflow:hidden}.sp-video__main-slider:not(.slick-initialized)>*{width:100%;flex-shrink:0}.sp-video__nav-slider{overflow:hidden}.sp-video__nav-slider .slick-list{margin:0 -30px}.sp-video__nav-slider:not(.slick-initialized){display:flex;overflow:hidden}.sp-video__nav-slider:not(.slick-initialized)>*{width:17.85%;flex-shrink:0}.sp-video__nav-slide{padding:0 30px}.sp-video__nav-img{position:relative;padding-top:60%;border-radius:8px;overflow:hidden;margin-bottom:15px;border:1.5px solid transparent;transition:all .35s ease-in-out;filter:grayscale(1)}.sp-video__nav-img>img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.sp-video__nav-box{position:relative;z-index:1;cursor:pointer}.sp-video__nav-box .sp-title{font-weight:500;color:#7a7a7a;line-height:1.3;transition:all .35s ease-in-out}.sp-video__nav-box .sp-title--style-6{font-size:14px}.sp-video__nav-slide.slick-current .sp-video__nav-img{border:1.5px solid #604CA9;filter:grayscale(0)}.sp-video__nav-slide.slick-current .sp-video__nav-box .sp-title{color:#000}.sp-video__main-video.is--active>img,.sp-video__main-video.is--active .sp-video__main-video-btn{opacity:0;visibility:hidden}.sp-video__slider{position:relative}.sp-video__nav-slider .sp-slick-arrow.slick-disabled{opacity:0;visibility:hidden}.sp-video__slider-progressbar{width:100%;height:2px;overflow:hidden;background-color:#e4e2df;background-image:linear-gradient(to right,#898989,#898989);background-repeat:no-repeat;background-size:0 100%;transition:background-size .4s ease-in-out;position:absolute;bottom:5%;transform:translateY(-100%);display:none}@media only screen and (max-width: 1199px){.sp-video__nav-slider .slick-list{margin:0 -15px}.sp-video__nav-slide{padding:0 15px}}@media only screen and (max-width: 991px){.sp-video__nav-slider .slick-list{margin:0 -6px}.sp-video__nav-slide{padding:0 6px}}@media only screen and (max-width: 767px){.sp-video{padding:48px 0 24px}.sp-video__title{margin-bottom:24px}.sp-video__main-video{border-radius:7px}.sp-video__main-video-btn{width:80px;height:80px}.sp-video__main-slider{margin-bottom:16px}.sp-video__slider-progressbar{bottom:7%}}@media only screen and (max-width: 575px){.sp-video__nav-slider .slick-list{margin:0;padding:0 10px}.sp-video__nav-slider{margin:0 -16px}.sp-video__slider-progressbar{bottom:14%}}
/*# sourceMappingURL=/cdn/shop/t/140/assets/ad-video.css.map */