.sp-cover__atmosphere {
  position: absolute;
  max-width: none;
  visibility: hidden;
  pointer-events: none;
  user-select: none;
}

.sp-cover__atmosphere--shadow {
  left: 0;
  top: 75.462963%;
  width: 100%;
  height: 19.9074074%;
  animation: sp-cover-atmosphere-shadow 12s ease-in-out infinite;
}

.sp-cover__atmosphere--far {
  left: 33.9583333%;
  top: 76.1111111%;
  width: 15%;
  height: 7.962963%;
  animation: sp-cover-atmosphere-far 13.2s ease-in-out -3.2s infinite;
}

.sp-cover__atmosphere--near {
  left: 50.5208333%;
  top: 82.2222222%;
  width: 18.2291667%;
  height: 10.3703704%;
  animation: sp-cover-atmosphere-near 10.8s ease-in-out -1.7s infinite;
}

html[data-motion="on"] .sp-cover[data-cover-ready] .sp-cover__atmosphere {
  /* The HTML hidden attribute also preserves the source if this stylesheet fails. */
  display: block !important;
  visibility: visible;
}

@keyframes sp-cover-atmosphere-shadow {
  0%, 100% { opacity: .14; transform: translate(-.1%, -.2%); }
  48% { opacity: .58; transform: translate(.16%, .4%); }
  76% { opacity: .3; transform: translate(.05%, .1%); }
}

@keyframes sp-cover-atmosphere-far {
  0%, 100% { opacity: .12; transform: translate(-.6%, .2%); }
  46% { opacity: .72; transform: translate(.8%, -.25%); }
  78% { opacity: .3; transform: translate(.1%, 0); }
}

@keyframes sp-cover-atmosphere-near {
  0%, 100% { opacity: .14; transform: translate(-.8%, .15%); }
  52% { opacity: .78; transform: translate(.9%, -.3%); }
  80% { opacity: .34; transform: translate(.2%, 0); }
}

@media (prefers-reduced-motion: reduce), print {
  .sp-cover .sp-cover__atmosphere { visibility: hidden !important; }
}