video-carousel{display:block;width:100%;position:relative}video-slide{display:block;flex-shrink:0}.video-popup{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;animation:fadeIn .3s ease-out}.video-popup.active{display:block}.video-popup__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000000f2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease-out}.video-popup__content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:500px;animation:scaleIn .4s cubic-bezier(.34,1.56,.64,1)}.video-popup__close{position:absolute;top:-50px;right:0;width:40px;height:40px;background:#fffffff2;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .3s cubic-bezier(.4,0,.2,1);color:#333}.video-popup__close:hover{background:#fff;transform:rotate(90deg) scale(1.1)}.video-popup__wrapper{position:relative;width:100%;padding-bottom:150%;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #00000080}.video-popup__player{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.video-popup__controls{position:absolute;bottom:0;left:0;right:0;padding:20px;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 100%);display:flex;align-items:center;gap:15px;opacity:0;transition:opacity .3s ease}.video-popup__wrapper:hover .video-popup__controls{opacity:1}.video-popup__play-pause,.video-popup__mute{width:40px;height:40px;background:#fffffff2;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.video-popup__play-pause:hover,.video-popup__mute:hover{background:#fff;transform:scale(1.1)}.video-popup__play-pause .icon-pause,.video-popup__play-pause.playing .icon-play,.video-popup__mute .icon-muted,.video-popup__mute.muted .icon-volume{display:none}.video-popup__play-pause.playing .icon-pause,.video-popup__mute.muted .icon-muted{display:block}.video-popup__volume{display:flex;align-items:center;gap:12px;flex:1}.video-popup__slider{flex:1;height:4px;background:#ffffff4d;border-radius:2px;outline:none;-webkit-appearance:none;cursor:pointer;transition:all .3s ease}.video-popup__slider:hover{height:6px}.video-popup__slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:#fff;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #0003;transition:all .3s ease}.video-popup__slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.video-popup__slider::-moz-range-thumb{width:16px;height:16px;background:#fff;border:none;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #0003;transition:all .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media (max-width: 768px){.video-popup__content{max-width:400px}.video-popup__close{width:36px;height:36px;top:-45px}.video-popup__play-pause,.video-popup__mute{width:36px;height:36px}.video-popup__controls{padding:16px}}@media (prefers-reduced-motion: reduce){.video-popup,.video-popup__overlay,.video-popup__content,.video-popup__close,.video-popup__play-pause,.video-popup__mute,.video-popup__slider{animation:none!important;transition:none!important}}video-carousel,video-slide{will-change:transform;contain:layout style paint}.video-popup__player{will-change:transform}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width: 767px){.desktop-only{display:none!important}}.video-popup__nav.desktop-only{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:50}.video-popup__nav.desktop-only button{pointer-events:all;position:absolute;top:50%;transform:translateY(-50%);background:#00000080;border:none;color:#fff;font-size:24px;width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.video-popup__nav.desktop-only .video-prev-btn{left:0;transform:translate(calc(-100% - 15px))}.video-popup__nav.desktop-only .video-next-btn{right:0;transform:translate(calc(100% + 15px))}.video-popup__nav.desktop-only button:hover{background:#000c}@media (max-width: 767px){.video-popup__nav.desktop-only{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/63/assets/video-carousel.css.map */