/* Moonbase Customer Portal only. Motion is decorative, subtle and optional. */
@media (min-width: 900px) {
  [data-testid="signin-aside"] > div {
    animation: mbn-portal-arrive 720ms cubic-bezier(.22, 1, .36, 1) both;
  }

  [data-testid="signin-aside"] > span:first-child {
    animation: mbn-portal-orbit-a 14s ease-in-out infinite alternate;
  }

  [data-testid="signin-aside"] > span:nth-child(2) {
    animation: mbn-portal-orbit-b 17s ease-in-out infinite alternate;
  }
}

@keyframes mbn-portal-arrive {
  from { opacity: 0; transform: translateY(14px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes mbn-portal-orbit-a {
  from { transform: translate3d(-2%, -1%, 0) scale(.98); }
  to { transform: translate3d(5%, 4%, 0) scale(1.06); }
}

@keyframes mbn-portal-orbit-b {
  from { transform: translate3d(2%, 3%, 0) scale(1.03); }
  to { transform: translate3d(-5%, -3%, 0) scale(.97); }
}

@media (prefers-reduced-motion: reduce) {
  [data-testid="signin-aside"] > div,
  [data-testid="signin-aside"] > span {
    animation: none;
  }
}