.video-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:none;opacity:0;transition:opacity .3s ease}.video-modal.active{opacity:1;display:block}body.modal-open{overflow:hidden;height:100vh;position:fixed;width:100%;touch-action:none;-webkit-overflow-scrolling:none}.video-modal__overlay{display:block!important;position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;background-color:#000000d9;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);cursor:default}.video-modal__close{position:absolute;top:8px;left:8px;width:48px;height:48px;border-radius:50%;background:#00000080;color:#fff;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;z-index:10;padding:0}.video-modal__mute{position:absolute;top:8px;right:8px;width:48px;height:48px;border-radius:50%;background:#00000080;color:#fff;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;z-index:10;padding:0}.video-modal__close:hover,.video-modal__mute:hover{border:1px solid gray;background:#000000b3}.video-modal__play-pause{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:transparent;border:none;cursor:pointer;z-index:3;opacity:0;transition:opacity .3s ease}@media (max-width: 749px){.video-modal__overlay{background-color:#000}.video-modal__close,.video-modal__mute{width:40px;height:40px}}.video-modal .splide__arrows{display:none}.video-modal__container{width:100%;height:100%;max-width:1200px;position:relative;margin:0 auto}.video-modal__splide{width:100%;height:100%}.video-modal__splide .splide__track,.video-modal__splide .splide__list{height:100%}.video-modal__splide .splide__slide{height:100%;display:flex;align-items:center;justify-content:center}.video-modal__slide-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.video-modal__video-container{position:relative;width:fit-content;height:100%;margin-left:auto;margin-right:auto}.video-modal__video{height:100%;object-fit:contain}.video-modal__video-container:hover .video-modal__play-pause{opacity:1}.video-modal__splide .splide__pagination{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px;z-index:4}.video-modal__splide .splide__pagination__page{width:8px;height:8px;margin:3px;background-color:#ffffff80}.video-modal__splide .splide__pagination__page.is-active{background-color:#fff;transform:scale(1.2)}@media screen and (max-width: 749px){.video-modal__splide .splide__pagination{right:5px}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/video-modal.css.map */