.atmosphere-aurora-drift {
  background: radial-gradient(ellipse at 50% -15%, rgba(19, 78, 102, .32), transparent 54%), linear-gradient(180deg, #061526, #06131d 72%);
}

.atmosphere-aurora-drift .atmosphere-veil {
  display: none;
}

.atmosphere-aurora-drift .atmosphere-css-scene::before,
.atmosphere-aurora-drift .atmosphere-css-scene::after {
  content: '';
  position: absolute;
  display: block;
  left: -17vw;
  top: -30vh;
  width: 142vw;
  height: 82vh;
  border-radius: 50%;
  pointer-events: none;
  transform-origin: 50% 25%;
  backface-visibility: hidden;
  will-change: transform, opacity;
  background: repeating-linear-gradient(96deg, transparent 0 4.6%, rgba(185, 255, 236, .34) 5.2%, transparent 6.1% 10.4%), repeating-linear-gradient(104deg, transparent 0 2.4%, rgba(38, 226, 174, .18) 3.1%, rgba(49, 239, 188, .82) 4.05%, rgba(91, 224, 229, .44) 5.05%, transparent 7.2%), linear-gradient(102deg, transparent 5%, rgba(32, 207, 164, .78) 24%, rgba(66, 213, 214, .78) 48%, rgba(86, 127, 226, .68) 72%, rgba(154, 85, 221, .56) 86%, transparent 98%);
  -webkit-mask-image: radial-gradient(ellipse 83% 76% at 50% -8%, transparent 0 44%, rgba(0, 0, 0, .42) 50%, #000 59%, rgba(0, 0, 0, .9) 72%, rgba(0, 0, 0, .42) 84%, transparent 94%);
  mask-image: radial-gradient(ellipse 83% 76% at 50% -8%, transparent 0 44%, rgba(0, 0, 0, .42) 50%, #000 59%, rgba(0, 0, 0, .9) 72%, rgba(0, 0, 0, .42) 84%, transparent 94%);
  animation: atmosphere-curtain-online-one 7.2s linear infinite alternate;
}

.atmosphere-aurora-drift .atmosphere-css-scene::after {
  left: -24vw;
  top: -25vh;
  width: 152vw;
  height: 76vh;
  background: repeating-linear-gradient(106deg, transparent 0 3.1%, rgba(68, 211, 197, .12) 3.8%, rgba(83, 193, 226, .62) 4.75%, rgba(118, 105, 225, .36) 5.8%, transparent 8.4%), linear-gradient(104deg, transparent 3%, rgba(41, 197, 168, .5) 22%, rgba(64, 177, 215, .64) 50%, rgba(115, 92, 215, .58) 74%, transparent 98%);
  -webkit-mask-image: radial-gradient(ellipse 88% 72% at 48% -4%, transparent 0 47%, rgba(0, 0, 0, .4) 53%, #000 63%, rgba(0, 0, 0, .78) 76%, rgba(0, 0, 0, .34) 87%, transparent 96%);
  mask-image: radial-gradient(ellipse 88% 72% at 48% -4%, transparent 0 47%, rgba(0, 0, 0, .4) 53%, #000 63%, rgba(0, 0, 0, .78) 76%, rgba(0, 0, 0, .34) 87%, transparent 96%);
  animation: atmosphere-curtain-online-two 9.4s linear -3.6s infinite alternate;
}

@keyframes atmosphere-curtain-online-one {
  from { transform: translate3d(-6vw, -1.5vh, 0) rotate(-2deg) scale(.97, 1.04); opacity: .64; }
  to { transform: translate3d(7vw, 2.4vh, 0) rotate(2deg) scale(1.04, .96); opacity: .94; }
}

@keyframes atmosphere-curtain-online-two {
  from { transform: translate3d(-5vw, -1vh, 0) rotate(-1.5deg) scale(.98, 1.03); opacity: .42; }
  to { transform: translate3d(6vw, 2vh, 0) rotate(1.5deg) scale(1.03, .97); opacity: .72; }
}

.sample-aurora-drift {
  background: linear-gradient(128deg, #071829 10%, #28caa7 35%, #735ad5 55%, #06131d 82%);
}

.galleries-view {
  background: radial-gradient(ellipse at 68% -15%, rgba(27, 53, 69, .48), rgba(7, 19, 30, .18) 58%) !important;
}

.atmosphere-shell-aurora-drift .shelf-view,
.atmosphere-shell-aurora-drift .galleries-view {
  background: linear-gradient(180deg, rgba(5, 15, 24, .04) 0, rgba(5, 15, 24, .13) 36%, rgba(5, 15, 24, .34) 100%) !important;
}

.atmosphere-shell-aurora-drift .client-sidebar {
  background: linear-gradient(180deg, rgba(6, 16, 25, .62), rgba(7, 21, 32, .72));
}

@media (prefers-reduced-motion: reduce) {
  .atmosphere-aurora-drift .atmosphere-css-scene::before,
  .atmosphere-aurora-drift .atmosphere-css-scene::after {
    animation: none !important;
    opacity: .65;
    transform: none;
  }
}