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