.video-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.video-modal[aria-hidden=false]{opacity:1;visibility:visible}.video-modal__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000e6;cursor:pointer}.video-modal__container{position:relative;width:90%;max-width:1200px;z-index:1;transform:scale(.9);transition:transform .3s cubic-bezier(.4,0,.2,1)}.video-modal[aria-hidden=false] .video-modal__container{transform:scale(1)}.video-modal__close{position:absolute;top:-40px;right:0;background:transparent;border:none;color:#fff;width:32px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease,transform .2s ease;padding:0;z-index:2}.video-modal__close:hover{background-color:#ffffff1a;transform:rotate(90deg)}.video-modal__close:focus{outline:2px solid #fff;outline-offset:2px}.video-modal__content{position:relative;width:100%;padding-bottom:56.25%;background:#000;border-radius:8px;overflow:hidden}.video-modal__video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}@media(max-width:720px){.video-modal__container{width:95%}.video-modal__close{top:-35px;width:28px;height:28px}.video-modal__close svg{width:20px;height:20px}}[data-video-modal-trigger]{cursor:pointer;position:relative;transition:transform .2s ease}[data-video-modal-trigger]:hover{transform:scale(1.02)}[data-video-modal-trigger]:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:#ffffffe6;border-radius:50%;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:1}[data-video-modal-trigger]:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-40%,-50%);width:0;height:0;border-style:solid;border-width:12px 0 12px 20px;border-color:transparent transparent transparent #000;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:2}[data-video-modal-trigger]:hover:before,[data-video-modal-trigger]:hover:after{opacity:1}@media(max-width:720px){[data-video-modal-trigger]:before{width:50px;height:50px}[data-video-modal-trigger]:after{border-width:10px 0 10px 16px}}
/*# sourceMappingURL=/cdn/shop/t/53/assets/video-modal.css.map */