.modal{height:100%;left:0;position:fixed;top:0;width:100%;z-index:100}.modal__background{background-color:#000;height:100%;left:0;opacity:0;position:absolute;top:0;transition-duration:.3s;width:100%}.modal--visible .modal__background{opacity:.7}.modal__window{left:50%;max-width:var(--content-width-narrow);opacity:0;padding:44px;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%) scale(.9);transition-delay:0;transition-duration:.1s;width:100%}.modal--visible .modal__window{opacity:1;transform:translateX(-50%) translateY(-50%) scale(1);transition-delay:.3s}.modal__modal{background-color:#fff;max-height:80vh;overflow-y:auto}.modal__modal--padding{padding:15px}.modal__close{background-color:transparent;border:none;cursor:pointer;height:44px;position:absolute;right:0;top:0;width:44px}.modal__close:after,.modal__close:before{background-color:#fff;content:"";display:block;height:1px;left:0;position:absolute;top:50%;transform-origin:50%;width:100%}.modal__close:before{transform:rotate(45deg)}.modal__close:after{transform:rotate(-45deg)}.modal__window--portrait{width:auto}.modal__window--portrait .modal__modal{translate:0 11px;width:auto}.modal__window--portrait .modal-video{aspect-ratio:9/16;height:80vh;max-height:80vh;max-width:80vw;width:auto}@media (min-width:1200px){.modal__modal{max-height:90vh}.modal__modal--padding{padding:30px}}