.modal-video{color:#fff;display:flex;flex-direction:column;height:100%;left:0;position:fixed;top:0;width:100%;z-index:500}.modal-video.fade-active,.modal-video.fade-enter-active{transition:transform .8s var(--ease-in-cubic),opacity .4s ease}.modal-video.fade-active .modal-video__ui,.modal-video.fade-enter-active .modal-video__ui{opacity:1}.modal-video.fade-enter-from,.modal-video.fade-leave-to{opacity:0;transform:scale(.9)}.modal-video.fade-enter-from .modal-video__ui,.modal-video.fade-leave-to .modal-video__ui{opacity:0}.modal-video__ui{position:absolute;right:0;top:0;transition:opacity 1s ease .8s;z-index:2}.modal-video__close-btn{align-items:center;background-color:#000;display:flex;padding:var(--grid-gap)}.modal-video__close-btn svg{transform:translate(-50%)}.modal-video__close-icon{height:.5rem;margin-left:.5rem}.modal-video__background{background-color:#000000e6;cursor:pointer;height:150%;left:-25%;position:absolute;top:-25%;width:150%}.modal-video__wrapper{left:var(--grid-margin);position:absolute;top:50%;transform:translateY(-50%);width:calc(100% - var(--grid-margin) - var(--grid-margin))}@media (min-width:900px){.modal-video .video{height:100%}}