.video-slider-section{padding-block:4rem;overflow:hidden}.video-slider__header{text-align:center;margin-bottom:2.4rem}.video-slider__subheading{margin-top:.8rem;color:rgb(var(--color-foreground),.65);font-size:1.5rem}.video-slider__track-wrapper{position:relative;overflow:hidden;cursor:grab;-webkit-user-select:none;user-select:none}.video-slider__track-wrapper:active{cursor:grabbing}.video-slider__track{display:flex;gap:1.6rem;width:max-content;animation:videoSliderScroll var(--slider-duration, 30s) linear infinite;will-change:transform}.video-slider__track.is-paused,.video-slider__track-wrapper:hover .video-slider__track{animation-play-state:paused}@keyframes videoSliderScroll{0%{transform:translate(0)}to{transform:translate(var(--slider-scroll-distance, -50%))}}.video-slider__item{flex:0 0 var(--slider-item-width, 300px);width:var(--slider-item-width, 300px)}.video-slider__thumb{display:block;width:100%;background:none;border:none;padding:0;cursor:pointer;text-align:left}.video-slider__thumb-media{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:1.2rem;overflow:hidden;background:rgb(var(--color-foreground),.06)}.video-slider__cover{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.video-slider__thumb:hover .video-slider__cover{transform:scale(1.04)}.video-slider__cover--placeholder{display:flex;align-items:center;justify-content:center}.video-slider__cover--placeholder .placeholder-svg{width:100%;height:100%;opacity:.3}.video-slider__thumb-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000040;opacity:0;transition:opacity .3s ease;border-radius:inherit}.video-slider__thumb:hover .video-slider__thumb-media:after{opacity:1}.video-slider__play-btn{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;z-index:1;opacity:0;transition:opacity .3s ease,transform .3s ease;transform:scale(.85)}.video-slider__thumb:hover .video-slider__play-btn{opacity:1;transform:scale(1)}.video-slider__thumb-media:before{content:"";position:absolute;bottom:1.2rem;left:1.2rem;width:3.2rem;height:3.2rem;background:#ffffffe6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath d='M8 5.14v14l11-7-11-7z'/%3E%3C/svg%3E") center/60% no-repeat;border-radius:50%;z-index:1;transition:transform .2s ease,opacity .2s ease}.video-slider__thumb:hover .video-slider__thumb-media:before{opacity:0}.video-slider__label{display:block;margin-top:.8rem;font-size:1.4rem;font-weight:500;color:rgb(var(--color-foreground));padding-inline:.4rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center}.video-lightbox[hidden]{display:none}.video-lightbox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000e0;animation:lightboxFadeIn .25s ease forwards}@keyframes lightboxFadeIn{0%{opacity:0}to{opacity:1}}.video-lightbox__content{position:relative;z-index:1;width:min(90vw,1100px);animation:lightboxSlideIn .3s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes lightboxSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.video-lightbox__close{position:absolute;top:-5.6rem;right:0;background:#fff;border:none;border-radius:50%;width:4.4rem;height:4.4rem;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#111;transition:background .2s ease,transform .2s ease,box-shadow .2s ease;padding:0;box-shadow:0 4px 16px #00000073;z-index:10}.video-lightbox__close:hover{background:#f0f0f0;transform:rotate(90deg);box-shadow:0 6px 20px #0000008c}.video-lightbox__hint{text-align:center;margin-top:1.4rem;color:#ffffff73;font-size:1.3rem;letter-spacing:.04em}.video-lightbox__media{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;border-radius:1.2rem;overflow:hidden}.video-lightbox__media iframe,.video-lightbox__media video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none;display:block}.video-lightbox__media .deferred-media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}@media(prefers-reduced-motion:reduce){.video-slider__track{animation:none;overflow-x:auto;scrollbar-width:thin}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/video-slider.css.map */