/* humus@1.css: motion steps (pot-m-*), scaled by --pot-motion */
@keyframes pot-m-reveal {
  from {
    opacity: 0;
    transform: translateY(calc(12px * var(--pot-motion, 1)));
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes pot-m-float {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(calc(-8px * var(--pot-motion, 1)));
  }
}
@keyframes pot-m-drift {
  to {
    transform: rotate(360deg);
  }
}
.pot-m-reveal {
  animation: pot-m-reveal 0.7s ease-out both;
  animation-timeline: view();
  animation-range: entry 0% entry 35%;
}
@supports not (animation-timeline: view()) {
  .pot-m-reveal {
    animation: none;
  }
}
.pot-m-float {
  animation: pot-m-float calc(6s / var(--pot-motion, 1)) ease-in-out infinite;
}
.pot-m-drift {
  animation: pot-m-drift calc(40s / var(--pot-motion, 1)) linear infinite;
  transform-origin: 50% 50%;
}
@media (prefers-reduced-motion: reduce) {
  .pot-m-reveal,
  .pot-m-float,
  .pot-m-drift {
    animation: none;
  }
}