dialog{max-width:calc(100% - 2rem);max-height:calc(100% - 3.5rem);overflow-y:auto;color:inherit;border:0;border-radius:var(--border-radius);box-shadow:0 .5rem 1rem rgba(0,0,0,.5);animation:scalein .3s ease-out;outline:0}@media (min-width:700px){dialog{max-width:calc(70ch + 2rem)}}@keyframes scalein{0%{transform:scale(.8);opacity:0}}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){dialog{left:30%}}@supports (-webkit-touch-callout:none){dialog{animation:none}}dialog::backdrop{background:rgba(0,0,0,.5);animation:fadein .3s}dialog+.backdrop{background:rgba(0,0,0,.5);animation:fadein .3s}@keyframes fadein{0%{opacity:0}}dialog>header{display:flex;position:sticky;top:0}.close{font-size:1.5rem;font-weight:700;color:#000;background:0;padding:1rem 1rem;border:0;margin:-1rem -1rem -1rem auto;opacity:.5}.close:hover{opacity:.75}dialog img{margin:0 auto}.with-video{max-width:95%;max-height:100%}.with-video>div{padding:0}.with-video video{max-height:calc(100vh - 60px)}