/* Loaded only for people who asked their system for less motion (or with
   ?motion=off in the address). Nothing moves by itself and nothing waits to
   appear: the page is the still version of itself. The demos still work,
   they just don't autoplay. */

html {
  scroll-behavior: auto;
}

*,
*::before,
*::after {
  animation-duration: 0.001ms !important;
  animation-iteration-count: 1 !important;
  transition-duration: 0.001ms !important;
  transition-delay: 0ms !important;
}

.js .reveal,
.js .reveal-left,
.js .reveal-right,
.js .reveal-scale {
  opacity: 1;
  transform: none;
}

/* Scroll-driven and endless animations are not slowed, they are removed. */
.wallpaper,
.wallpaper::before,
.feature-num,
.frame:not(.frame-phone) > img,
.hero-grid > :first-child,
.js .hero .line > span,
.js .hero .mark::after,
.loki .eye,
.zzz-float,
.zzz,
.js .diagram .wire {
  animation: none !important;
}

.wallpaper {
  transform: none;
}

[data-tilt] {
  transform: none;
}

.btn {
  translate: none;
}

.card::before {
  display: none;
}

.ticker-track {
  flex-wrap: wrap;
  width: auto;
  justify-content: center;
  animation: none;
}

.ticker {
  mask-image: none;
  -webkit-mask-image: none;
}

.ticker-track span:nth-child(n + 13) {
  display: none;
}

.loki-peek {
  transition: none;
}

@view-transition {
  navigation: none;
}