.video-slider{--video-slider-aspect-ratio: 9/16;--video-slider-thumb-width: 220px;--video-slider-thumb-width-mobile: 160px;--video-slider-player-width: 380px;--video-slider-player-width-mobile: 100%;--video-slider-border-color: #FF6600;--video-slider-overlay-bg: rgba(0, 0, 0, .3)}.video-slider .css-slider--scrollbars-visible:after{display:none}.video-slider__heading{text-align:center;margin-bottom:2rem}.video-slider__heading h2{margin:0;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;line-height:1.2}.video-slider__heading h2 span{display:block}.video-slider__container{position:relative;max-width:calc(var(--theme-max-width) + ((100vw - var(--theme-max-width)) / 2) - (var(--gutter-container) / 2));margin-left:auto;margin-right:0;padding-right:0}@media screen and (max-width: 767px){.video-slider__container{max-width:100%;margin-left:auto;margin-right:auto;padding-right:var(--gutter-container);padding-left:var(--gutter-container)}}.video-slider__slider{overflow:visible}.video-slider__slider .css-slider-holder{overflow-x:auto;overflow-y:visible;padding:8px 0;margin:-8px 0}.video-slider__grid{display:flex;gap:1rem}.video-slider__item{flex:0 0 var(--video-slider-thumb-width);width:var(--video-slider-thumb-width);position:relative;cursor:pointer;border-radius:12px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;background:#f5f5f5;-webkit-user-select:none;user-select:none}@media screen and (max-width: 767px){.video-slider__item{flex:0 0 var(--video-slider-thumb-width-mobile);width:var(--video-slider-thumb-width-mobile)}}.video-slider__item:hover{transform:translateY(-4px)}.video-slider__item.is-active{outline:3px solid var(--video-slider-border-color);outline-offset:0}.video-slider__item *{pointer-events:none}.video-slider__thumbnail{position:relative;aspect-ratio:var(--video-slider-aspect-ratio);overflow:hidden}.video-slider__thumbnail img,.video-slider__thumbnail video{width:100%;height:100%;object-fit:cover;display:block}.video-slider__thumbnail-image{position:relative;z-index:1;transition:opacity .3s ease}.video-slider__preview-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:2;opacity:0;transition:opacity .3s ease}.video-slider__preview-video.is-playing{opacity:1}.video-slider__thumbnail-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--video-slider-overlay-bg);opacity:1;transition:opacity .2s ease;z-index:3}.video-slider__item.is-previewing .video-slider__thumbnail-overlay{opacity:0;pointer-events:none}.video-slider__item.is-previewing .video-slider__thumbnail-image{opacity:0}.video-slider__item:hover .video-slider__thumbnail-overlay{opacity:.8}.video-slider__play-icon{width:60px;height:60px;border-radius:50%;background:#ffffff80;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,background .2s ease}.video-slider__item:hover .video-slider__play-icon{transform:scale(1.1);background:#fff}.video-slider__play-icon svg{width:24px;height:24px}.video-slider__caption{position:absolute;bottom:0;left:0;right:0;padding:1rem;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);color:#fff;font-size:.875rem;font-weight:500}.video-slider__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:100;width:44px;height:44px;border-radius:50%;background:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000026;transition:opacity .2s ease,background .2s ease,transform .2s ease;opacity:1;pointer-events:auto}.video-slider__nav:hover{background:var(--color-text-main, #000);transform:translateY(-50%) scale(1.05)}.video-slider__nav:hover svg{color:#fff}.video-slider__nav svg{width:20px;height:20px;color:#000;transition:color .2s ease;pointer-events:none}.video-slider__nav--prev{left:0}.video-slider__nav--next{right:0}.video-slider__nav.disabled{opacity:.3;pointer-events:none;cursor:default}@media screen and (max-width: 767px){.video-slider__nav{display:none}}.video-slider__player{position:fixed;bottom:0;right:20px;width:var(--video-slider-player-width);max-height:100vh;background:transparent;z-index:1000;display:flex;flex-direction:column;transform:translate(100%);opacity:0;visibility:hidden;transition:transform .3s ease,opacity .3s ease,visibility .3s ease;border-radius:12px 12px 0 0;overflow:hidden}.video-slider__player.is-open{transform:translate(0);opacity:1;visibility:visible}@media screen and (max-width: 767px){.video-slider__player{width:100%;max-width:100%;max-height:90vh;right:0}}.video-slider__player-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:transparent;position:absolute;width:100%;top:0;left:0;z-index:1}.video-slider__player-author{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#333}.video-slider__player-close{width:32px;height:32px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s ease}.video-slider__player-close:hover{background:#0000001a}.video-slider__player-close svg{width:20px;height:20px}.video-slider__player-video-wrapper{position:relative;flex-shrink:0}.video-slider__player-video{position:relative;aspect-ratio:var(--video-slider-aspect-ratio);background:#000}.video-slider__player-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:15;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;pointer-events:none}.video-slider__player-video.is-loading .video-slider__player-loader{opacity:1;visibility:visible}.video-slider__player-loader-spinner{width:48px;height:48px;border:3px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:video-slider-spin .8s linear infinite}@keyframes video-slider-spin{to{transform:rotate(360deg)}}.video-slider__player-video video{width:100%;height:100%;object-fit:cover;display:flex;opacity:1;transition:opacity .3s ease}.video-slider__player-video iframe{width:100%;height:100%;border:none;display:flex;opacity:1;transition:opacity .3s ease}.video-slider__player-video.is-loading video,.video-slider__player-video.is-loading iframe{opacity:0}.video-slider__player-nav{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:#ffffffe6;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10;pointer-events:auto}.video-slider__player-nav:hover{background:#fff;transform:translateY(-50%) scale(1.1)}.video-slider__player-nav svg{width:16px;height:16px;pointer-events:none}.video-slider__player-nav--prev{left:8px}.video-slider__player-nav--next{right:8px}.video-slider__player-nav.disabled{opacity:.3;pointer-events:none;cursor:default}.video-slider__player-mute{position:absolute;bottom:12px;right:12px;width:32px;height:32px;border-radius:50%;background:#0009;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease;z-index:10;pointer-events:auto}.video-slider__player-mute:hover{background:#000c}.video-slider__player-mute svg{width:18px;height:18px;color:#fff;pointer-events:none}.video-slider__player-mute .icon-muted,.video-slider__player-mute.is-muted .icon-unmuted{display:none}.video-slider__player-mute.is-muted .icon-muted{display:block}.video-slider__player-product{padding:1rem;background:#fff;border-top:1px solid #eee;flex-shrink:0}.video-slider__product-card{display:flex;gap:1rem;align-items:flex-start}.video-slider__product-image{width:70px;height:70px;flex-shrink:0;border-radius:8px;overflow:hidden;background:#f5f5f5}.video-slider__product-image img{width:100%;height:100%;object-fit:cover}.video-slider__product-info{flex:1;min-width:0}.video-slider__product-title{font-size:.8125rem;font-weight:600;margin:0 0 .25rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-slider__product-price{font-size:.875rem;font-weight:700;color:var(--video-slider-border-color)}.video-slider__product-add{margin-top:.75rem}.video-slider__product-add button,.video-slider__product-add .button{width:100%;background:var(--video-slider-border-color);color:#fff;border:none;padding:.75rem 1rem;border-radius:8px;font-size:.8125rem;font-weight:600;cursor:pointer;transition:background .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.video-slider__product-add button:hover,.video-slider__product-add .button:hover{background:var(--video-slider-border-color)}.video-slider__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.video-slider__overlay.is-open{opacity:1;visibility:visible}body.video-player-open{overflow:hidden}@media screen and (min-width: 768px){body.video-player-open{overflow:auto}.video-slider__overlay{display:none}}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.video-slider__player.is-open .video-slider__player-video,.video-slider__player.is-open .video-slider__player-product{animation:fadeInSlide .3s ease .15s both}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-video-slider.css.map */