.video-modal{--ease-out:cubic-bezier(.22, 1, .36, 1);z-index:10000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#090d20b8;justify-content:center;align-items:center;padding:24px;animation:.3s both videoModalFade;display:flex;position:fixed;inset:0}.video-modal.is-closing{animation:.28s both videoModalFadeOut}.video-modal *,.video-modal :before,.video-modal :after{box-sizing:border-box}.video-modal__dialog{width:min(1100px,100%);animation:videoModalIn .45s var(--ease-out) both;position:relative}.video-modal.is-closing .video-modal__dialog{animation:.28s both videoModalOut}.video-modal__frame{aspect-ratio:16/9;background:#0b1022;border-radius:22px;width:100%;max-height:calc(100vh - 120px);position:relative;overflow:hidden;box-shadow:0 40px 90px #00000073,0 0 0 1px #ffffff14}.video-modal__frame iframe,.video-modal__frame video{z-index:1;object-fit:contain;background:0 0;border:0;width:100%;height:100%;position:absolute;inset:0}.video-modal__loader{border:3px solid #ffffff26;border-top-color:#0dc96d;border-radius:50%;width:42px;height:42px;margin:-21px 0 0 -21px;animation:.8s linear infinite videoModalSpin;position:absolute;top:50%;left:50%}.video-modal__close{z-index:2;color:#fff;cursor:pointer;width:42px;height:42px;transition:transform .35s var(--ease-out), background .25s ease;background:#ffffff1a;border:1px solid #ffffff38;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:-54px;right:0}.video-modal__close svg{width:20px;height:20px}@media (hover:hover){.video-modal__close:hover{background:#fff3;transform:rotate(90deg)}}.video-modal__close:focus-visible{outline-offset:3px;outline:3px solid #0dc96d99}@keyframes videoModalFade{0%{opacity:0}to{opacity:1}}@keyframes videoModalFadeOut{0%{opacity:1}to{opacity:0}}@keyframes videoModalIn{0%{opacity:0;transform:translateY(30px)scale(.94)}to{opacity:1;transform:none}}@keyframes videoModalOut{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(16px)scale(.97)}}@keyframes videoModalSpin{to{transform:rotate(360deg)}}@media (max-width:767px){.video-modal{padding:12px}.video-modal__frame{border-radius:14px}.video-modal__close{width:40px;height:40px;top:-50px}}@media (prefers-reduced-motion:reduce){.video-modal,.video-modal__dialog{animation:none!important}}
