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