/* Animate the library mockup without overriding its React entrance transform. */
#root main > section:nth-of-type(4) div[style*="max-width: 650px"] {
  --library-float-height: -12px;
  animation: mmax-library-float 6s ease-in-out infinite;
  will-change: translate;
}
@keyframes mmax-library-float {
  0%, 100% { translate: 0 0; }
  50% { translate: 0 var(--library-float-height); }
}
@media (max-width: 640px) {
  #root main > section:nth-of-type(4) div[style*="max-width: 650px"] {
    --library-float-height: -7px;
  }
}
@media (prefers-reduced-motion: reduce) {
  #root main > section:nth-of-type(4) div[style*="max-width: 650px"] {
    animation: none;
    translate: none;
    will-change: auto;
  }
}