.video-wrapper{aspect-ratio:var(--aspect-ratio);position:relative;width:100%;height:auto}.video-player-overlay{aspect-ratio:var(--aspect-ratio);position:relative;overflow:hidden;border-radius:.5rem;width:100%;height:100%;display:flex;justify-content:center;align-items:center}video-player.modal-open .video-player-overlay,video-player.modal-opening .video-player-overlay{width:100vw}.video-wrapper video,.video-wrapper .video-preview{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:6px;aspect-ratio:16 / 9}.video-wrappper.modal-open .video-preview{opacity:0}video-player.modal-opening *{opacity:0}video-player.modal-open,video-player.modal-opening{position:fixed;left:0;top:0;width:100%;height:100%;z-index:10000}video-player.modal-open .video-preview{opacity:0}video-player.modal-opening video,video-player.modal-open video,video-player.modal-open iframe{width:80vw;max-width:800px;position:absolute;height:auto;aspect-ratio:16 / 9;left:50%;top:50%;transform:translate(-50%,-50%)}.video-wrapper .play-button,.video-wrapper .pause-button,.video-wrapper .fullscreen-button{position:absolute;border:none;background:none;z-index:10;width:5rem;cursor:pointer;height:5rem;transition:opacity .3s ease}.video-wrapper .play-button:hover path,.video-wrapper .pause-button:hover path,.video-wrapper .fullscreen-button:hover path{stroke:url(#linear);fill:url(#linear);stroke-width:.75px;stroke-dasharray:10;stroke-dashoffset:22;fill-opacity:0;animation:line-anim 1s ease forwards,fill-anim 1s ease-in-out forwards .5s}.video-wrapper[data-state=playing] .play-button,.video-wrapper .pause-button{opacity:0;pointer-events:none}.video-wrapper .fullscreen-button{bottom:.5rem;right:.5rem;opacity:0;pointer-events:none;width:2.5rem;height:2.5rem}.video-wrapper[data-state=playing]:hover .pause-button{pointer-events:initial;opacity:1}.video-wrapper[data-state=playing] .fullscreen-button{opacity:1;pointer-events:initial}@media screen and (max-width: 749px){.video-wrapper .play-button,.video-wrapper .pause-button{width:3.5rem;height:auto}.video-wrapper video{border-radius:8px;overflow:hidden}.is-safari [data-action=openVideoMobile]{display:none}}
/*# sourceMappingURL=/cdn/shop/t/62/assets/component-video.css.map */