video-slider{display:block}.video-slider--item{display:flex;justify-content:center;align-items:center;border-radius:15px;pointer-events:auto;transition:transform .3s ease,opacity .3s ease;box-sizing:border-box;opacity:.8}.video-item--content{border-radius:20px;width:100%;height:100%;aspect-ratio:.6;display:flex;align-items:center;overflow:hidden}.video-item--video{border-radius:var(--border-radius);overflow:hidden;width:100%;height:80%;transition:height .3s ease-in-out;position:relative;border-radius:16px}.video-item--heading{font-size:1.4rem;margin-top:1rem;position:absolute;bottom:0;width:100%;margin-bottom:0}.video-slider--item.swiper-slide-active .video-item--poster,.video-slider--item.swiper-slide-active .video-item--heading{display:none}.video-slider--item.swiper-slide-active .video-item--video{height:100%;opacity:1}.video-item--poster{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0003;display:flex;align-items:center;justify-content:center;z-index:2;transition:opacity .3s ease-in-out}.video-item--poster-image{max-width:100%;height:100%;object-fit:cover;object-position:center center}.video-item--poster-video{width:100%;height:100%;object-fit:cover;border-radius:20px}.video-slider--swiper .swiper-button-navigation{color:rgba(var(--color-foreground),.75);background:#fff;max-width:3.5rem;width:3.5rem;height:3.5rem;border-radius:8px;top:50%;transition:transform var(--duration-long)ease}.video-slider--swiper .swiper-button-navigation:hover,.video-slider--swiper .swiper-button-navigation:focus{color:color: rgba(var(--color-foreground),1);transform:scale(1.03)}.video-slider--swiper .swiper-button-navigation:after{display:none}.video-slider--swiper .swiper-button-navigation svg{width:1.4rem;height:auto}.video-slider--swiper .swiper-button-navigation.swiper-button-prev svg{transform:rotate(90deg)}.video-slider--swiper .swiper-button-navigation.swiper-button-next svg{transform:rotate(-90deg)}@media only screen and (min-width: 759px){.video-slider--swiper .swiper-button-navigation{max-width:4rem;width:4rem;height:4rem}.video-slider--swiper .swiper-button-navigation svg{width:1.6rem;height:auto}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/video-slider.css.map */
