.mbs-motion-rise {
  transform: translateY(0);
  transition: opacity var(--mbs-duration) var(--mbs-ease), transform var(--mbs-duration) var(--mbs-ease);
}

.mbs-js-ready .mme-reveal {
  opacity: 0;
  transform: translateY(22px);
  transition: opacity 650ms cubic-bezier(0.2, 0.8, 0.2, 1), transform 650ms cubic-bezier(0.2, 0.8, 0.2, 1);
  transition-delay: var(--mme-reveal-delay, 0ms);
}

.mbs-js-ready .mme-reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.mme-typewrite.is-typing-ready .mme-type-char {
  display: inline-block;
  opacity: 0;
  transform: translateY(0.35em);
  transition: opacity 420ms cubic-bezier(0.2, 0.8, 0.2, 1), transform 420ms cubic-bezier(0.2, 0.8, 0.2, 1);
  transition-delay: calc(var(--mme-char-index, 0) * 18ms);
  white-space: pre;
}

.mme-typewrite .mme-type-word {
  display: inline-block;
  white-space: nowrap;
}

.mme-typewrite.is-typed .mme-type-char {
  opacity: 1;
  transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
  .mbs-action,
  .mbs-motion-rise,
  .mme-reveal,
  .mme-typewrite .mme-type-char {
    opacity: 1;
    transform: none;
    transition: none;
  }
}