/* motion-bits — base styles. Load before any effect CSS. */

:root {
  --mb-dur: 600ms;
  --mb-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --mb-stagger: 35ms;
}

/* Every unit produced by MB.split() */
.mb-unit {
  display: inline-block;
  white-space: pre;
  will-change: transform, opacity, filter;
}

/* Host for a canvas or pseudo-element background */
.mb-host {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}
.mb-host > :not(canvas) {
  position: relative;
  z-index: 1;
}

/* Accessibility: kill decorative motion outright. */
@media (prefers-reduced-motion: reduce) {
  [class^="mb-"],
  [class*=" mb-"],
  [class^="mb-"] *,
  [class*=" mb-"] * {
    animation: none !important;
    transition: none !important;
  }
  .mb-unit {
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
  }
}