@use '../../styles/variables' as *;

.reveal-content {
  display: grid;
  width: 100%;
  min-width: 0;
  min-height: 100%;
}

.reveal-content__fallback,
.reveal-content__content {
  grid-area: 1 / 1;
  width: 100%;
  min-width: 0;
}

.reveal-content__fallback {
  z-index: 2;
  background: $color-surface;
}

.reveal-content__content {
  z-index: 1;
}

@media (prefers-reduced-motion: reduce) {
  .reveal-content__fallback,
  .reveal-content__content {
    animation: none !important;
    transition: none !important;
  }
}
