/* Small standalone ad slot styling for the dashboard, which does not load chrome.css. */
.ad-slot {
  display: block;
  width: 100%;
  max-width: 74ch;
  margin: 34px auto;
  padding: 0;
  min-height: 0;
  overflow: hidden;
}

.ad-slot[hidden] { display: none !important; }

.ad-slot::before {
  content: 'Advertisement';
  display: block;
  margin-bottom: 7px;
  font-family: var(--font-mono, monospace);
  font-size: .64rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--ink-faint, #9aa7ba);
  opacity: .75;
}

:root[lang="de"] .ad-slot::before { content: 'Anzeige'; }
:root[lang="fr"] .ad-slot::before { content: 'Annonce'; }
:root[lang="es"] .ad-slot::before { content: 'Anuncio'; }
:root[lang="it"] .ad-slot::before { content: 'Annuncio'; }
:root[lang="pt"] .ad-slot::before { content: 'Anúncio'; }
:root[lang="nl"] .ad-slot::before { content: 'Advertentie'; }
:root[lang="pl"] .ad-slot::before { content: 'Reklama'; }
:root[lang="tr"] .ad-slot::before { content: 'Reklam'; }
:root[lang="ru"] .ad-slot::before { content: 'Реклама'; }
:root[lang="hi"] .ad-slot::before { content: 'विज्ञापन'; }

.ad-slot iframe,
.ad-slot img,
.ad-slot video,
.ad-slot canvas {
  display: block;
  max-width: 100%;
  margin-inline: auto;
  border: 0;
}