html:has(dialog[open]){-webkit-overflow-scrolling:none;overflow:hidden}dialog{background:0 0;border:none;margin-block:auto;margin-inline:auto;position:fixed;inset:0}dialog>img,dialog>video{max-height:90svh;padding-top:3rem}dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#00000080}dialog .close-button{z-index:9;color:#fff;width:32px;height:32px;transition:all var(--duration-s) ease-out;background-color:#00000040;border-radius:99px;outline:1px solid #0000;margin:.1rem;position:absolute;right:0}dialog .close-button:focus-visible,dialog .close-button:hover{outline-color:var(--color-accent);color:var(--color-accent)}dialog .close-button:after,dialog .close-button:before{content:"";background-color:currentColor;border-radius:4px;width:20px;height:3px;margin-top:-2px;margin-left:-10px;position:absolute;top:50%;left:50%}dialog .close-button:before{transform:rotate(45deg)}dialog .close-button:after{transform:rotate(-45deg)}