.video-slider-popup-section{position:relative;width:100%}.video-slider-popup-section .page-width{max-width:1400px;margin:0 auto;padding:0 2rem}.video-slider-popup-section .section-header{text-align:left;margin-bottom:1.5rem}.video-slider-popup-section .section-title{font-size:2rem;font-weight:600;margin:0}.video-slider-container{position:relative;width:100%}.video-slider-wrapper{position:relative;width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}.video-slider-wrapper::-webkit-scrollbar{height:6px}.video-slider-wrapper::-webkit-scrollbar-track{background:transparent}.video-slider-wrapper::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.video-slider{display:flex;gap:12px;width:fit-content;min-width:100%;overflow:visible}.video-slide{flex:0 0 auto;position:relative;width:160px;max-width:160px}.video-thumbnail{position:relative;width:100%;height:0;padding-bottom:177.78%;overflow:hidden;background:#000;display:block;cursor:pointer;border-radius:8px}@supports (aspect-ratio: 9/16){.video-thumbnail{height:auto;padding-bottom:0;aspect-ratio:9/16}.video-thumbnail[style*=aspect-ratio]{padding-bottom:0!important;height:auto!important}}.video-thumbnail video,.video-thumbnail img,.video-thumbnail-img{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center!important;display:block!important;visibility:visible!important;opacity:1!important;pointer-events:none;flex-shrink:0;z-index:0;margin:0!important;padding:0!important}.video-thumbnail-player{pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%}.video-thumbnail-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;background:#f0f0f0;display:flex;align-items:center;justify-content:center}.video-thumbnail-placeholder span{width:40px;height:40px;border:2px solid #ccc;border-radius:50%;position:relative}.video-thumbnail-placeholder span:after{content:"";position:absolute;top:50%;left:55%;transform:translate(-50%,-50%);width:0;height:0;border-left:12px solid #ccc;border-top:8px solid transparent;border-bottom:8px solid transparent}.play-icon-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:2;transition:transform .3s ease,opacity .3s ease}.video-thumbnail:hover .play-icon-overlay{transform:translate(-50%,-50%) scale(1.1)}.video-title-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:1rem;z-index:2;pointer-events:none}.video-title-overlay h4{color:#fff;font-size:.875rem;font-weight:500;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.5)}.video-thumbnail-btn{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;border:none;cursor:pointer;z-index:10;padding:0;margin:0;pointer-events:auto}.video-thumbnail-btn:focus{outline:2px solid currentColor;outline-offset:-4px}.video-slider-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:#ffffffe6;border:none;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #00000026}.video-slider-arrow:hover{background:#fff;box-shadow:0 4px 12px #0003;transform:translateY(-50%) scale(1.1)}.video-slider-arrow:active{transform:translateY(-50%) scale(.95)}.video-slider-arrow svg{width:24px;height:24px;color:#000}.video-slider-arrow-prev{left:-22px}.video-slider-arrow-next{right:-22px}.video-slider-arrow.disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.video-slider-dots{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:1.5rem;flex-wrap:wrap}.video-slider-dot{width:8px;height:8px;border-radius:50%;background:#0000004d;border:none;cursor:pointer;padding:0;transition:all .3s ease}.video-slider-dot:hover{background:#00000080;transform:scale(1.2)}.video-slider-dot.active{background:#000c;width:24px;border-radius:4px}.video-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:none;align-items:center;justify-content:center;padding:1rem}.video-modal.active,.video-modal[aria-hidden=false]{display:flex}.video-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;z-index:1}.video-modal-content{position:relative;z-index:2;width:100%;max-width:90%;background:transparent;display:flex;flex-direction:column;align-items:center}.video-modal-title{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:1rem;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.5)}.video-modal-player{width:100%;aspect-ratio:16/9;background:#000;border-radius:8px;overflow:hidden;box-shadow:0 8px 32px #0000004d;display:flex;align-items:center;justify-content:center}.video-modal-player video,.video-modal-player iframe{width:100%;height:100%;object-fit:contain;background:#000}.video-modal-close{position:absolute;top:-50px;right:0;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:3;color:#fff}.video-modal-close:hover{transform:scale(1.1)}.video-modal-close:focus{outline:2px solid currentColor;outline-offset:2px;border-radius:4px}.video-modal-close svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.video-slider-arrow{display:none}@media screen and (max-width: 989px){.video-slider-popup-section .page-width{padding:0 1.5rem}.video-slider-popup-section .section-title{font-size:1.5rem}.video-slide{width:140px;max-width:140px}.video-modal-content{max-width:95%}.video-modal-player{aspect-ratio:16/9}.video-modal-close{top:-40px}}@media screen and (max-width: 768px){.video-slider-popup-section .page-width{padding:0 1rem}.video-slider-popup-section .section-title{font-size:1.25rem}.video-slider-wrapper{overflow-x:visible}.video-slider{gap:8px;width:100%;min-width:100%}.video-slide{width:calc((100% - 24px)/4);max-width:calc((100% - 24px)/4);flex:0 0 calc((100% - 24px)/4)}.video-modal-player{aspect-ratio:9/16;max-height:80vh}.video-modal-close{top:auto;bottom:-50px;right:50%;transform:translate(50%)}}@media (prefers-reduced-motion: reduce){.video-slider,.play-icon-overlay,.video-slider-arrow,.video-slider-dot,.video-modal-close{transition:none}}.video-thumbnail-btn:focus-visible,.video-slider-arrow:focus-visible,.video-slider-dot:focus-visible,.video-modal-close:focus-visible{outline:2px solid #005fcc;outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/2/assets/video-slider-popup.css.map */