:root{
  --mo-dur: 240ms; /* @kind other */
  --mo-ease: ease; /* @kind other */
  --mo-transition: color var(--mo-dur) var(--mo-ease),
                   background var(--mo-dur) var(--mo-ease),
                   border-color var(--mo-dur) var(--mo-ease),
                   opacity var(--mo-dur) var(--mo-ease); /* @kind other */

  /* sphere drift: the only continuous motion in the system */
  --mo-drift-dur: 26s; /* @kind other */

  --mo-blur-sphere: 26px; /* @kind other */
  --mo-blur-sphere-soft: 60px; /* @kind other */
  /* on the mint band, normal blend */
  --mo-blur-sphere-light: 4px; /* @kind other */
}

@keyframes mo-drift{
  0%   { transform: translate3d(0,0,0) }
  50%  { transform: translate3d(2.5%, -2%, 0) }
  100% { transform: translate3d(0,0,0) }
}