@keyframes fadeIn {
  from {
    opacity: 0;
  }
}

@keyframes slideIn1x {
  from {
    transform: translateY(0.1rem);
  }
}

@keyframes slideIn2x {
  from {
    transform: translateY(0.2rem);
  }
}

@keyframes slideIn3x {
  from {
    transform: translateY(0.25rem);
  }
}

article.md-typeset > :not(.admonition:first-child):first-child {
  animation: 0.1s ease-out backwards fadeIn;
}

article.md-typeset > :not(.admonition:first-child):nth-child(2) {
  animation-name: fadeIn, slideIn1x;
  animation-duration: 0.15s, 0.5s;
  animation-timing-function: ease-out, ease-out;
  animation-iteration-count: 1, 1;
  animation-direction: normal, normal;
  animation-play-state: running, running;
  animation-delay: 10ms;
  animation-fill-mode: backwards, backwards;
  animation-timeline: auto, auto;
}

article.md-typeset > :not(.admonition:first-child):nth-child(3) {
  animation-name: fadeIn, slideIn1x;
  animation-duration: 0.2s, 0.6s;
  animation-timing-function: ease-out, ease-out;
  animation-iteration-count: 1, 1;
  animation-direction: normal, normal;
  animation-play-state: running, running;
  animation-delay: 30ms;
  animation-fill-mode: backwards, backwards;
  animation-timeline: auto, auto;
}

article.md-typeset > :not(.admonition:first-child):nth-child(4) {
  animation-name: fadeIn, slideIn2x;
  animation-duration: 0.25s, 0.7s;
  animation-timing-function: ease-out, ease-out;
  animation-iteration-count: 1, 1;
  animation-direction: normal, normal;
  animation-play-state: running, running;
  animation-delay: 60ms;
  animation-fill-mode: backwards, backwards;
  animation-timeline: auto, auto;
}

article.md-typeset > :not(.admonition:first-child):nth-child(5) {
  animation-name: fadeIn, slideIn2x;
  animation-duration: 0.3s, 0.8s;
  animation-timing-function: ease-out, ease-out;
  animation-iteration-count: 1, 1;
  animation-direction: normal, normal;
  animation-play-state: running, running;
  animation-delay: 0.1s;
  animation-fill-mode: backwards, backwards;
  animation-timeline: auto, auto;
}

article.md-typeset > :not(.admonition:first-child):nth-child(6) {
  animation-name: fadeIn, slideIn2x;
  animation-duration: 0.35s, 0.9s;
  animation-timing-function: ease-out, ease-out;
  animation-iteration-count: 1, 1;
  animation-direction: normal, normal;
  animation-play-state: running, running;
  animation-delay: 0.16s;
  animation-fill-mode: backwards, backwards;
  animation-timeline: auto, auto;
}

article.md-typeset > :not(.admonition:first-child):nth-child(7) {
  animation-name: fadeIn, slideIn3x;
  animation-duration: 0.45s, 1s;
  animation-timing-function: ease-out, ease-out;
  animation-iteration-count: 1, 1;
  animation-direction: normal, normal;
  animation-play-state: running, running;
  animation-delay: 0.23s;
  animation-fill-mode: backwards, backwards;
  animation-timeline: auto, auto;
}

article.md-typeset > :not(.admonition:first-child):nth-child(8) {
  animation-name: fadeIn, slideIn3x;
  animation-duration: 0.5s, 1s;
  animation-timing-function: ease-out, ease-out;
  animation-iteration-count: 1, 1;
  animation-direction: normal, normal;
  animation-play-state: running, running;
  animation-delay: 0.31s;
  animation-fill-mode: backwards, backwards;
  animation-timeline: auto, auto;
}

article.md-typeset > :not(.admonition:first-child):nth-child(n+9) {
  animation-name: fadeIn, slideIn3x;
  animation-duration: 1s, 1s;
  animation-timing-function: ease-out, ease-out;
  animation-iteration-count: 1, 1;
  animation-direction: normal, normal;
  animation-play-state: running, running;
  animation-delay: 0.4s;
  animation-fill-mode: backwards, backwards;
  animation-timeline: auto, auto;
}