dialog.modal{border:0;max-width:98%;max-height:98%;margin:auto;padding:0}dialog.modal[open]{display:flex}dialog.modal.video,dialog.modal.image{max-width:min(90vw,1200px)}dialog.modal.image{padding:0}dialog.modal::backdrop{background:#0009}div.modal__inner{width:100%;max-height:85vh;padding:3em;position:relative;overflow-y:auto}dialog.modal.video div.modal__inner,dialog.modal.image div.modal__inner{padding:0;overflow:visible}button.modal__close{cursor:pointer;z-index:1;width:2em;height:2em;position:absolute;top:1em;right:1em}button.modal__close:before,button.modal__close:after{content:"";background:currentColor;width:45%;height:2px;position:absolute;top:50%;left:50%}button.modal__close:before{transform:translate(-50%,-50%)rotate(45deg)}button.modal__close:after{transform:translate(-50%,-50%)rotate(-45deg)}header.modal__header{margin-bottom:1em}div.modal__content figure.video{width:100%;padding-top:56.25%;position:relative}div.modal__content figure.video iframe{border:0;width:100%;height:100%;position:absolute;top:0;left:0}div.modal__content img{max-width:100%;max-height:85vh;display:block}div.modal__content div.iframe-wrapper{width:100%;height:80vh}div.modal__content div.iframe-wrapper iframe{border:0;width:100%;height:100%}
figure.image{aspect-ratio:1;width:100%;position:relative;overflow:hidden}figure.image.cinema_400,figure.image.cinema_600,figure.image.cinema_1000{aspect-ratio:1.486}figure.image>img.image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}figure.image>img.image.square_600{width:auto;height:100%}figure.image>iframe{border:0;width:100%;height:100%}