.dot-field-container {
  position: absolute;
  z-index: 0;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
}

.dot-field-canvas,
.dot-field-glow {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

body:has(.login-container) .market-background[data-v-031315f2] {
  background-color: #05020a;
  background-image: none;
}

body:has(.login-container) .market-background[data-v-031315f2]::before,
body:has(.login-container) .market-background[data-v-031315f2]::after {
  display: none;
}

@media (prefers-reduced-motion: reduce) {
  .dot-field-container {
    contain: strict;
  }
}