/* SPDX-License-Identifier: AGPL-3.0-or-later */
dialog.promo-overlay {
  box-sizing:border-box;
  width:100vw;
  height:100vh;
  height:100dvh;
  max-width:none;
  max-height:none;
  margin:0;
  border:0;
  padding:16px;
  background:transparent;
}
dialog.promo-overlay:not([open]) {display:none}
dialog.promo-overlay[open] {display:flex;opacity:1;pointer-events:auto}
dialog.promo-overlay::backdrop {background:radial-gradient(ellipse at center,#0b102659,#05071a99)}
dialog.promo-overlay .promo-modal {
  max-height:calc(100vh - 32px);
  max-height:calc(100dvh - 32px);
  overflow-y:auto;
  overscroll-behavior:contain;
  transform:scale(.85);
  transform-origin:center;
  color:var(--ink);
}
dialog.promo-overlay .promo-content,
dialog.promo-overlay .promo-features li {color:var(--ink)}
dialog.promo-overlay .promo-tagline,
dialog.promo-overlay .promo-dismiss {color:var(--ink-mute)}
dialog.promo-overlay .promo-eyebrow {color:var(--gold)}
dialog.promo-overlay .promo-close {position:sticky;top:10px;margin:10px 12px -42px auto;flex-shrink:0;background:#0b1026e6;color:#fff0bc}
dialog.promo-overlay .promo-cover img {max-height:38vh;object-fit:contain}
dialog.promo-overlay .promo-cover,dialog.promo-overlay .promo-content {flex-shrink:0}
dialog.promo-overlay .promo-content {padding:20px 24px}
dialog.promo-overlay .promo-features {margin-bottom:20px}
dialog.promo-overlay .promo-title {font-size:32px}
@media(max-width:600px) {
  dialog.promo-overlay .promo-modal {max-width:100%}
  dialog.promo-overlay .promo-content {padding:18px 18px}
  dialog.promo-overlay .promo-title {font-size:28px}
  dialog.promo-overlay .promo-features li {font-size:13px}
  dialog.promo-overlay .promo-cta {font-size:13px;padding:12px 18px}
}
@media(prefers-reduced-motion:reduce) {
  dialog.promo-overlay,dialog.promo-overlay .promo-modal {transition:none}
}