.youtube-popup-slider{padding-top:var(--padding-top-desktop);padding-bottom:var(--padding-bottom-desktop);background-color:var(--background-color)}.youtube-popup-slider *{color:var(--text-color)}.youtube-popup-header .heading{font-size:clamp(20px,2.1vw,var(--heading-size-desktop));line-height:1.25;margin:0;color:var(--heading-color);text-align:center}.youtube-popup-header .richtext{font-size:clamp(13px,1.1vw,var(--richtext-size-desktop));line-height:1.3;color:var(--richtext-color);max-width:620px;margin:0 auto;text-align:center}.youtube-popup-header .richtext p{margin:0}.youtube-popup-header .heading+.richtext{margin-top:clamp(2px,.3vw,4px)}.youtube-popup-list ul.swiper-wrapper{margin:0;padding:0;list-style:none;gap:clamp(18px,1.9vw,36px)}.youtube-popup-list.swiper-initialized ul.swiper-wrapper{gap:0}.youtube-popup-list li.swiper-slide{width:52%;height:unset;opacity:.6;transition:all .5s ease}.youtube-popup-list li.swiper-slide.swiper-slide-active{opacity:1;transition:all .5s ease}.youtube-popup-header+.youtube-popup-body{margin-top:clamp(13px,1.8vw,33px)}.youtube-popup-item{background:#e9e9e9;border-radius:clamp(2px,.3vw,4px);overflow:hidden;height:100%}.youtube-popup-item .youtube-media{position:relative;padding-top:56.2%}.youtube-popup-item .youtube-media svg,.youtube-popup-item .youtube-media img{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;object-fit:cover}.youtube-popup-item .youtube-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6.563vw;height:4.584vw;cursor:pointer}.youtube-popup-item .youtube-play-btn svg{width:100%;height:100%;display:block}.youtube-popup-list .swiper-button-prev,.youtube-popup-list .swiper-button-next{color:transparent;border-radius:50%;display:flex;align-items:center;justify-content:center;width:clamp(25px,2.7vw,50px);height:clamp(25px,2.7vw,50px);background:#eee;color:#000;margin-top:-95px;transition:all .3s ease}.youtube-popup-list .swiper-button-prev,.youtube-popup-list .swiper-button-next,.youtube-popup-list .swiper-button-prev *,.youtube-popup-list .swiper-button-next *{color:#000}.youtube-popup-list .swiper-button-prev:hover,.youtube-popup-list .swiper-button-next:hover{background:#125ea1;color:#fff;transition:all .3s ease}.youtube-popup-list .swiper-button-prev:hover *,.youtube-popup-list .swiper-button-next:hover *{color:#fff}.youtube-popup-list .swiper-button-prev path,.youtube-popup-list .swiper-button-next path{stroke:currentColor}.youtube-popup-list .swiper-button-prev svg,.youtube-popup-list .swiper-button-next svg{width:clamp(15px,1.6vw,30px);height:clamp(14px,1.4vw,26px);display:block;fill:none}.youtube-popup-list .swiper-button-next{right:clamp(30px,3.2vw,60px)}.youtube-popup-list .swiper-button-prev{left:clamp(30px,3.2vw,60px)}.youtube-popup-item .youtube-item-info{padding:clamp(14px,1.2vw,23px) clamp(15px,1.5vw,28px) clamp(13px,1vw,18px)}.youtube-popup-item .youtube-item-info p{font-size:clamp(14px,1.3vw,24px);line-height:1.375;color:#000;margin:0;letter-spacing:0;font-weight:600}.youtube-popup-item .item-icon-text{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(8px,.7vw,13px)}.youtube-popup-item .item-icon-text .icon-wrap{width:clamp(24px,2.6vw,49px);height:clamp(24px,2.6vw,49px);border-radius:50%;overflow:hidden}.youtube-popup-item .item-icon-text .icon-wrap img{width:100%;height:100%;display:block}.youtube-popup-item .item-icon-text span{width:calc(100% - clamp(24px,2.6vw,49px) - clamp(8px,.7vw,13px));font-size:clamp(14px,1.3vw,24px);line-height:1.375;color:#000;margin:0;letter-spacing:0;display:block}.youtube-popup-item .youtube-item-info p+.item-icon-text{margin-top:clamp(14px,1.2vw,23px)}.youtube-popup-drawer{position:fixed;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background:#0000001a;z-index:10;display:none}.youtube-popup-drawer.active{display:block}.youtube-popup-drawer .youtube-popup-empty{position:fixed;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background:#0000001a;z-index:11;overflow:hidden;display:block}.youtube-popup-outer{width:100%;height:100%;position:relative}.youtube-popup-inner{position:absolute;top:50%;left:50%;width:97%;transform:translate(-50%,-50%);max-width:1200px;z-index:12}.youtube-popup-wrapper{width:100%;height:100%;display:none}.youtube-popup-wrapper.active{display:block}.youtube-popup-wrapper iframe{width:100%;height:80dvh;border:0}.youtube-popup-close-btn{position:absolute;width:clamp(15px,1.6vw,30px);height:clamp(15px,1.6vw,30px);right:-45px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.youtube-popup-close-btn svg{width:clamp(5px,.6vw,10px);height:clamp(5px,.6vw,10px);display:block}.youtube-popup-close-btn svg path{stroke-width:clamp(2px,.3vw,5px)}.youtube-popup-slider .swiper-button-prev:after,.youtube-popup-slider .swiper-button-next:after{content:unset}.youtube-popup-list .custom-pagination{display:none}@media(max-width:1440px){.youtube-popup-list .swiper-button-next{right:20px}.youtube-popup-list .swiper-button-prev{left:20px}.youtube-popup-item .youtube-item-info{padding:15px 15px 12px}.youtube-popup-item .youtube-item-info p{font-size:18px}.youtube-popup-item .youtube-item-info p+.item-icon-text{margin-top:12px}.youtube-popup-item .item-icon-text .icon-wrap{width:40px;height:40px}.youtube-popup-item .item-icon-text span{width:calc(100% - 53px);font-size:18px}.youtube-popup-list .swiper-button-prev,.youtube-popup-list .swiper-button-next{margin-top:-70px}.youtube-popup-close-btn{right:10px;top:10px}.youtube-popup-list li.swiper-slide{width:70%}}@media(min-width:989px)and (max-width:1440px){.youtube-popup-list .swiper-button-next{right:clamp(13px,1.1vw,20px)}.youtube-popup-list .swiper-button-prev{left:clamp(13px,1.1vw,20px)}.youtube-popup-item .youtube-item-info{padding:clamp(10px,.8vw,15px) clamp(10px,.8vw,15px) clamp(7px,.7vw,12px)}.youtube-popup-item .youtube-item-info p{font-size:clamp(13px,1vw,18px)}.youtube-popup-item .youtube-item-info p+.item-icon-text{margin-top:clamp(7px,.7vw,12px)}.youtube-popup-item .item-icon-text .icon-wrap{width:clamp(20px,2.1vw,40px);height:clamp(20px,2.1vw,40px)}.youtube-popup-item .item-icon-text span{width:calc(100% - clamp(20px,2.1vw,40px) - clamp(8px,.7vw,13px));font-size:clamp(13px,1vw,18px)}.youtube-popup-close-btn{right:clamp(5px,.6vw,10px);top:clamp(5px,.6vw,10px)}}@media(max-width:749px){.youtube-popup-slider{padding-top:var(--padding-top-mobile);padding-bottom:var(--padding-bottom-mobile)}.youtube-popup-header .heading{font-size:var(--heading-size-mobile);line-height:1.434}.youtube-popup-header .heading+.richtext{margin-top:7px}.youtube-popup-header .richtext p{font-size:16px;line-height:1.438}.youtube-popup-header .richtext{font-size:var(--richtext-size-mobile)}.youtube-popup-list .swiper-button-prev,.youtube-popup-list .swiper-button-next{width:32px;height:32px;background:#00000026}.youtube-popup-item .youtube-play-btn{width:62px;height:44px}.youtube-popup-list .swiper-button-prev svg,.youtube-popup-list .swiper-button-next svg{width:20px;height:20px}.youtube-popup-list .swiper-button-prev svg path,.youtube-popup-list .swiper-button-next svg path{color:#fff}.youtube-popup-list .swiper-button-prev{left:0}.youtube-popup-list .swiper-button-next{right:0}.youtube-popup-item{margin:0 15px}.youtube-popup-list li.swiper-slide{width:85%}.youtube-popup-item .youtube-item-info{padding:12px 7px 11px 19px}.youtube-popup-item .youtube-item-info p{font-size:18px;line-height:1.53}.youtube-popup-item .youtube-item-info p+.item-icon-text{margin-top:12px;flex-wrap:nowrap}.youtube-popup-item .item-icon-text{gap:18px}.youtube-popup-item .item-icon-text .icon-wrap{width:42px;height:42px}.youtube-popup-item .item-icon-text span{width:calc(100% - 38px);font-size:17px;line-height:1.412}.youtube-popup-header+.youtube-popup-body{margin-top:20px}.youtube-popup-close-btn{position:absolute;width:32px;height:32px}.youtube-popup-wrapper iframe{width:100%;height:400px;border:0}.youtube-popup-list .custom-pagination{display:flex;justify-content:center;align-items:center;gap:8px;padding-top:14px}.youtube-popup-list .custom-pagination .swiper-pagination-bullet{margin:0!important;width:35px;height:2px;background:#000;border-radius:unset}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/youtube-popup-slider.css.map */