/* The deck is a manim-slides (reveal.js) export, embedded rather than served as
 * the page itself: the generator owns index.html for every entry, and going
 * through it is what keeps the navbar and the theme picker on this page. */

.deck-frame {
  margin: 1.5rem 0;
  border: 1px solid var(--outline);
  border-radius: 8px;
  overflow: hidden;
  background: #000;          /* the slides are rendered on black in every theme */
  aspect-ratio: 16 / 9;
}

.deck-frame iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

.deck-help {
  font-size: 0.9em;
  color: var(--on_surface_variant);
}

.deck-help kbd {
  border: 1px solid var(--outline);
  border-radius: 4px;
  padding: 0 0.3em;
}