/* The course page enables these transitions only after its script is ready. */
.has-zhirotopka-side-reveal .landing-page .side-reveal {
  opacity: 0;
  transition:
    opacity 550ms ease var(--reveal-delay, 0ms),
    translate 1150ms cubic-bezier(0.16, 1, 0.3, 1) var(--reveal-delay, 0ms);
}

.has-zhirotopka-side-reveal .landing-page .side-reveal--left {
  translate: calc(-100vw - 100%) 0;
}

.has-zhirotopka-side-reveal .landing-page .side-reveal--right {
  translate: calc(100vw + 100%) 0;
}

.has-zhirotopka-side-reveal .landing-page .side-reveal.is-revealed {
  opacity: 1;
  translate: 0 0;
}

@media (prefers-reduced-motion: reduce) {
  .has-zhirotopka-side-reveal .landing-page .side-reveal {
    opacity: 1;
    translate: none;
    transition: none;
  }
}