#newsletter-dialog {
  width: min(94vw, 720px);
  max-height: 92vh;
  padding: 0;
  border: 1px solid #dfb86a;
  border-radius: 14px;
  background: #101115;
  color: #f6f1e8;
}
#newsletter-dialog::backdrop { background: rgb(0 0 0 / 75%); }
#newsletter-dialog [hidden] { display: none !important; }
#newsletter-signup { padding: 1.5rem; text-align: center; }
#newsletter-signup h2 { padding-inline: 1.3rem; margin-block: 0 1rem; }
#newsletter-signup a { color: #dfb86a; text-decoration: underline; }
#newsletter-frame { display: block; width: 100%; height: 230px; border: 0; border-radius: 8px; background: white; }
.newsletter-close {
  position: absolute;
  top: 0.4rem;
  right: 0.4rem;
  padding: 0;
  min-width: 44px;
  min-height: 44px;
  border: 0;
  background: transparent;
  color: inherit;
  font-size: 1.6rem;
  cursor: pointer;
}
#newsletter-thanks { position: relative; }
#newsletter-thanks img { display: block; width: 100%; height: auto; }
#newsletter-thanks .newsletter-close { top: 7%; right: 5%; }
#newsletter-back {
  position: absolute;
  top: 66%;
  left: 9.5%;
  width: 33%;
  height: 14%;
  border: 0;
  background: transparent;
  color: transparent;
  cursor: pointer;
}
#newsletter-dialog button:focus-visible { outline: 3px solid #fff; outline-offset: 2px; }