.premium-video-carousel{padding:24px 0;background:#f3f3f3;overflow:hidden;line-height:0}.video-carousel-wrapper{max-width:1500px;margin:auto;padding:8px 14px}.video-carousel-track{display:flex;gap:18px;width:max-content;animation:carouselScroll 22s linear infinite;cursor:grab;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;will-change:transform;-ms-overflow-style:none;scrollbar-width:none}.video-carousel-track::-webkit-scrollbar{display:none}.video-carousel-track:hover{animation-play-state:paused}.video-card{width:210px;flex-shrink:0;transition:transform .25s ease;scroll-snap-align:center}.video-card:hover{transform:translateY(-3px) scale(1.02)}.video-card__media{position:relative;width:100%;aspect-ratio:9/16;overflow:hidden;border-radius:18px;background:#000;line-height:0;box-shadow:0 10px 24px #00000024}.video-card__thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;z-index:1}.video-card__video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;z-index:2;transition:opacity .25s ease;backface-visibility:hidden;transform:translateZ(0);will-change:opacity}.video-card__video.loaded{opacity:1}.video-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;background:linear-gradient(to top,#00000059,#00000005);pointer-events:none}.video-card__content{text-align:center;color:#000;padding:0 4px;margin-top:0;line-height:normal}.video-card__heading{font-size:16px;font-weight:600;margin-top:10px;margin-bottom:4px;letter-spacing:.2px;line-height:1.2}.video-card__subheading{font-size:12px;opacity:.72;margin-bottom:10px;line-height:1.35}.video-card__button{display:inline-block;padding:8px 16px;background:#fff;color:#000;border-radius:30px;text-decoration:none;font-size:12px;font-weight:500;transition:.2s ease;line-height:1}.video-card__button:hover{background:#ececec}.video-card__content:empty{display:none}@keyframes carouselScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media screen and (max-width:768px){.premium-video-carousel{padding:18px 0}.video-carousel-wrapper{padding:6px 10px}.video-carousel-track{gap:14px;animation-duration:26s}.video-card{width:185px}.video-card__heading{font-size:15px}.video-card__subheading{font-size:11px}.video-card__button{font-size:11px;padding:7px 14px}}@media screen and (min-width:1400px){.video-card{width:240px}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/premium-video-carousel.css.map */
