:root {
  color-scheme: dark;
  --deck-background: #191919;
  --slide-background: #1a1a1a;
  --deck-accent: #f2b544;
}

html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: hidden;
  background: var(--deck-background);
}

html.reveal-full-page,
body.reveal-viewport {
  background: var(--deck-background) !important;
}

.reveal {
  background: var(--deck-background);
}

.reveal .slides {
  text-align: left;
}

.reveal .slides section.deck-slide {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: var(--deck-background);
}

.reveal .slides section.deck-slide .slide-surface {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  margin: 0;
  border: 0;
  border-radius: 0;
  object-fit: contain;
  background: var(--deck-background);
  box-shadow: none;
}

.reveal .slides section.deck-slide .slide-animation-matte,
.reveal .slides section.deck-slide .slide-animation {
  position: absolute;
  display: block;
  margin: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.reveal .slides section.deck-slide .slide-animation-matte {
  z-index: 1;
  background: var(--slide-background);
}

.reveal .slides section.deck-slide .slide-animation {
  z-index: 2;
  max-width: none;
  max-height: none;
  border: 0;
  border-radius: 0;
  object-fit: fill;
  transform-origin: center;
  box-shadow: none;
}

.reveal .slides section.deck-slide .slide-animation-matte.is-playing {
  opacity: 1;
  visibility: visible;
}

.reveal .slides section.deck-slide .slide-animation.is-playing {
  opacity: var(--animation-opacity, 1);
  visibility: visible;
}

.reveal .controls {
  right: 10px;
  bottom: 10px;
  color: var(--deck-accent);
}

.reveal .progress {
  height: 3px;
  color: var(--deck-accent);
  background: rgb(255 255 255 / 12%);
}

.reveal .progress span {
  background: currentColor;
}

.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.deck-error,
noscript {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: grid;
  place-items: center;
  padding: 2rem;
  color: #fff;
  background: var(--deck-background);
  font: 1rem/1.5 system-ui, sans-serif;
  text-align: center;
}

html.reveal-print body {
  background: var(--deck-background) !important;
}

html.reveal-print .reveal .slides section.deck-slide .slide-surface {
  width: 100% !important;
  height: 100% !important;
  object-fit: fill;
}

html.reveal-print .reveal .slides section.deck-slide .slide-animation-matte,
html.reveal-print .reveal .slides section.deck-slide .slide-animation {
  display: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .reveal .slides section {
    transition: none !important;
  }

  .reveal .slides section.deck-slide .slide-animation-matte,
  .reveal .slides section.deck-slide .slide-animation {
    display: none !important;
  }
}