#app-splash {

  background:

    linear-gradient(180deg, rgba(255, 255, 255, 0.72) 0%, rgba(255, 255, 255, 0.45) 45%, rgba(255, 255, 255, 0.2) 100%),

    url('/assets/images/splash-loading-background.png') center center / cover no-repeat;

  animation: none;

}



#app-splash::before {

  display: none;

}



.app-splash__orb {

  display: none;

}



html.app-dark #app-splash {

  background:

    linear-gradient(180deg, rgba(11, 18, 32, 0.78) 0%, rgba(11, 18, 32, 0.55) 45%, rgba(11, 18, 32, 0.35) 100%),

    url('/assets/images/splash-loading-background.png') center center / cover no-repeat;

}

html.app-pa20 #app-splash {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.76) 0%, rgba(255, 255, 255, 0.52) 45%, rgba(255, 255, 255, 0.28) 100%),
    url('/assets/images/splash-loading-background_2.png') center center / cover no-repeat;
}

html.app-dark.app-pa20 #app-splash {
  background:
    linear-gradient(180deg, rgba(11, 18, 32, 0.78) 0%, rgba(11, 18, 32, 0.58) 45%, rgba(11, 18, 32, 0.38) 100%),
    url('/assets/images/splash-loading-background_2.png') center center / cover no-repeat;
}



.app-splash__card {

  background: rgba(255, 255, 255, 0.55);

  border-color: rgba(255, 255, 255, 0.75);

}



html.app-dark .app-splash__card {

  background: rgba(15, 23, 42, 0.55);

  border-color: rgba(51, 65, 85, 0.75);

}

@media (max-width: 991px) {
  #app-splash {
    background: var(--splash-bg-mesh);
    background-size: 200% 200%;
    animation: app-splash-bg-shift 18s ease-in-out infinite alternate;
  }

  html.app-dark #app-splash {
    background: var(--splash-bg-mesh);
  }
}