/* DIALOG
   Janela modal de avisos e nota para navegadores sem JavaScript. */

dialog {
  width:min(460px,calc(100% - 32px));
  max-height:calc(100dvh - 40px);
  overflow-y:auto;
  padding:45px 35px 35px;
  color:var(--text);
  background:radial-gradient(ellipse at top,#50203130,transparent 70%),#151116;
  border:1px solid #b3855859;
  box-shadow:0 30px 100px #000a;
  text-align:center
}
dialog::backdrop {
  background:#050408cc;
  backdrop-filter:blur(7px)
}
.dialog-close {
  position:absolute;
  right:12px;
  top:5px;
  font-size:27px;
  color:#bda699;
  padding:4px 10px
}
.dialog-sigil {
  display:grid;
  place-items:center;
  width:65px;
  height:65px;
  border:1px solid var(--line);
  margin:0 auto 24px;
  color:var(--gold)
}
.dialog-sigil svg {
  width:33px;
  height:33px
}
dialog .eyebrow {
  justify-content:center;
  margin-bottom:12px
}
dialog h2 {
  font-size:26px
}
dialog>p:not(.eyebrow) {
  color:var(--muted);
  font-size:12px;
  line-height:1.9;
  margin:20px 0 28px
}
.dialog-dismiss {
  width:100%
}
.noscript-note {
  padding:20px;
  text-align:center;
  color:var(--gold);
  border-top:1px solid var(--line)
}