.matrix-auth { position: relative; isolation: isolate; overflow: hidden; }
.matrix-auth .login-matrix { position: absolute; inset: 0; display: block; width: 100%; height: 100%; opacity: .42; pointer-events: none; -webkit-mask-image: radial-gradient(ellipse 47% 36% at 50% 48%, transparent 10%, #000 100%); mask-image: radial-gradient(ellipse 47% 36% at 50% 48%, transparent 10%, #000 100%); }
:root[data-ds-theme="dark"] .matrix-auth .login-matrix { opacity: .32; }
.matrix-auth > .ds-auth-content { position: relative; z-index: 1; }
@media (max-width: 640px) {
  .matrix-auth .login-matrix { -webkit-mask-image: radial-gradient(ellipse 90% 42% at center, transparent 26%, #000 100%); mask-image: radial-gradient(ellipse 90% 42% at center, transparent 26%, #000 100%); }
}