/* CryptoSteer pool space background */
html, body {
  background:
    radial-gradient(1800px 1100px at 10% -12%, rgba(26,66,168,.18), transparent 52%),
    radial-gradient(1400px 860px at 90% 8%, rgba(120,70,190,.14), transparent 54%),
    radial-gradient(1200px 760px at 52% 108%, rgba(10,35,88,.14), transparent 56%),
    linear-gradient(180deg, #000208 0%, #040916 40%, #020617 100%) !important;
  color: #f8fbff;
}
#cs-pool-space-canvas,
#cs-pool-space-aurora {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}
#cs-pool-space-canvas {
  opacity: .94;
  mix-blend-mode: screen;
  filter: saturate(1.14) brightness(1.03);
}
#cs-pool-space-aurora {
  opacity: .40;
  background:
    radial-gradient(closest-side at 18% 16%, rgba(56,99,235,.12), transparent 74%),
    radial-gradient(closest-side at 80% 14%, rgba(139,92,246,.10), transparent 76%),
    radial-gradient(closest-side at 58% 86%, rgba(34,211,238,.06), transparent 78%),
    radial-gradient(closest-side at 44% 40%, rgba(255,255,255,.03), transparent 64%);
  filter: blur(58px) saturate(132%);
  animation: cs-pool-space-aurora 28s cubic-bezier(.2,.8,.2,1) infinite alternate;
}
body > *:not(#cs-pool-space-canvas):not(#cs-pool-space-aurora) {
  position: relative;
  z-index: 1;
}
.container,.wrapper,.content,.main,main,section,.card,.panel,.box,.table,.stats,.dashboard {
  border-color: rgba(125,211,252,.12) !important;
}
.card,.panel,.box,.stats,.dashboard,.table,table {
  background-color: rgba(6,12,26,.68) !important;
  backdrop-filter: blur(7px) saturate(118%);
}
@keyframes cs-pool-space-aurora {
  0% { transform: translate3d(-1.8%,-1.2%,0) scale(1); opacity: .30; }
  50% { transform: translate3d(1.8%,1.2%,0) scale(1.04); opacity: .42; }
  100% { transform: translate3d(2.8%,1.8%,0) scale(1.06); opacity: .34; }
}
@media (prefers-reduced-motion: reduce) {
  #cs-pool-space-canvas,#cs-pool-space-aurora { display: none !important; }
}