.video-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.video-modal[hidden]{display:none}.video-modal.is-active{opacity:1;visibility:visible}.video-modal__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000e6;cursor:pointer}.video-modal__container{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.video-modal--fullscreen .video-modal__container{padding:0}.video-modal--fullscreen .video-modal__content{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.video-modal--fullscreen .video-modal__content video,.video-modal--fullscreen .video-modal__iframe-wrapper{width:100%;height:100%;object-fit:contain}.video-modal--fullscreen .video-modal__iframe-wrapper iframe{width:100%;height:100%;border:none}.video-modal--smaller .video-modal__container{padding:40px;max-width:1200px;max-height:90vh}.video-modal--smaller .video-modal__content{width:100%;max-width:100%;aspect-ratio:16 / 9;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #00000080}.video-modal--smaller .video-modal__content video{width:100%;height:100%;object-fit:contain}.video-modal--smaller .video-modal__iframe-wrapper{width:100%;height:100%}.video-modal--smaller .video-modal__iframe-wrapper iframe{width:100%;height:100%;border:none}@media only screen and (max-width: 767px){.video-modal--smaller .video-modal__container{padding:16px}.video-modal--smaller .video-modal__content{border-radius:8px}}.video-modal__close{position:fixed;top:1rem;right:1rem;z-index:10;background:var(--color-button, #fff);border:none;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-button-text, #000);transition:background .3s ease,color .3s ease,transform .3s ease;padding:0}.video-modal__close:hover{background:var(--color-button-hover, #f0f0f0);color:var(--color-button-text-hover, #000);transform:scale(1.05)}.video-modal__close:focus{outline:none}.video-modal__close:focus-visible{outline:2px solid var(--color-focus, #007bff);outline-offset:2px}.video-modal__close svg{width:1rem;height:1rem}@media only screen and (max-width: 767px){.video-modal__close{top:.5rem;right:.5rem;width:40px;height:40px}}
/*# sourceMappingURL=/cdn/shop/t/385/assets/component-video-modal.css.map */