.video-with-slider{padding:40px 0 0;overflow:hidden}.video-with-slider .top-bar{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:8px}.video-with-slider .top-bar .heading-top .heading{margin:0;font-family:var(--font-lt-cushion);font-weight:500;letter-spacing:0}.video-with-slider .top-bar .heading-top .text{margin:12px 0 0;font-weight:400;font-family:var(--font-Eina03);line-height:1.5}.video-with-slider .swiper-btn-main{display:flex;gap:8px;align-items:center;justify-content:center}.video-with-slider .swiper-btn-main.desktop-hide{display:none}.video-with-slider .swiper-btn-main .swiper-button{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#344e62;margin:0}.video-with-slider .swiper-btn-main .swiper-button svg{width:16px}.video-with-slider .swiper-btn-main .swiper-button:after{display:none}.video-with-slider .swiper-btn-main .swiper-button-prev{transform:rotate(180deg)}.video-with-slider .video-grid-main .video-card{position:relative;border-radius:8px;overflow:hidden;transform:scale(.74)}.video-with-slider .video-grid-main .video-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#ece8de80}.video-with-slider .video-grid-main .video-card.swiper-slide-active:after{display:none}.video-with-slider .video-grid-main .video-card.swiper-slide-active{transform:scale(.88)}.video-with-slider .video-grid-main .video-card video{width:100%;height:100%;object-fit:cover;overflow:hidden;border-radius:8px}.video-with-slider .video-grid-main .play-pause-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:128px;cursor:pointer;opacity:0;visibility:hidden;z-index:-1;transition:opacity .2s ease,visibility .2s ease}.video-with-slider .video-grid-main .video-card.swiper-slide-active .play-pause-btn{opacity:1;visibility:visible;z-index:9}.video-with-slider .video-grid-main .video-card.swiper-slide-active.active .play-pause-btn,.video-with-slider .video-grid-main .video-card.swiper-slide-active.active:hover .play-pause-btn{opacity:0;visibility:hidden;z-index:-1}.video-with-slider .video-grid-main .product-card{position:absolute;bottom:20px;left:50%;transform:translate(-50%);padding:8px 16px 8px 8px;align-items:center;max-width:calc(100% - 60px);width:max-content;border-radius:8px;gap:16px;display:none}.video-with-slider .video-grid-main .video-card.swiper-slide-active .product-card{display:flex}.video-with-slider .video-grid-main .product-card .product-image{width:64px;min-width:64px;height:64px;border-radius:3px;background-color:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}.video-with-slider .video-grid-main .product-card .product-image img{max-width:100%;height:auto;object-fit:contain}.video-with-slider .video-grid-main .product-card .item-price{display:flex;align-items:center;gap:8px;margin-bottom:4px}.video-with-slider .video-grid-main .product-card .item-price .title{font-family:var(--font-Eina03);font-weight:600;margin:0;letter-spacing:0}.video-with-slider .video-grid-main .product-card .item-price .price{font-family:var(--font-Eina03);font-weight:400;display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.video-with-slider .video-grid-main .product-card .item-price .price:before{content:"";display:block;width:4px;height:4px;border-radius:100%;background-color:currentColor}.video-with-slider .video-grid-main .product-card .link{font-family:var(--font-Eina03);font-weight:400;text-decoration:underline;text-underline-offset:2px}@media(max-width:768px){.video-with-slider{padding:40px 0}.video-with-slider .top-bar{margin-bottom:16px;justify-content:center;text-align:center}.video-with-slider .video-grid-main .play-pause-btn{max-width:112px}.video-with-slider .video-grid-main .product-card{bottom:20px;padding:8px;max-width:calc(100% - 40px);gap:12px}.video-with-slider .video-grid-main .product-card .product-image{width:50px;min-width:50px;height:50px;border-radius:2px}.video-with-slider .swiper-btn-main.desktop-hide{display:flex;margin-top:24px}.video-with-slider .swiper-btn-main.mobile-hide{display:none}}.template-collection .video-with-slider .page-width{max-width:1552px}
/*# sourceMappingURL=/cdn/shop/t/415/assets/video-with-slider.css.map */