.dialog{position:fixed;display:flex;flex-direction:column;gap:1rem;width:calc(15rem + 25vw);height:max-content;top:33vh;left:50vw;padding:2rem;border-radius:1em;font-size:calc(8px + 1vh);transform:translate(-50%);font-family:Roboto,Arial,Helvetica,sans-serif;background-color:var(--brand-surface-strong);z-index:100}.dialog h2{width:100%;text-align:center;font-size:2em;margin:0 0 .25em}.dialog .buttons{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.dialog .buttons button{font-size:.9em;margin:0 .5em}body:has(.dialog)>*:not(.dialog){pointer-events:none}body:has(.dialog):before{position:fixed;content:"";top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:99}