.atlas-field { position: relative; overflow: hidden; isolation: isolate; background-color: #050710; background-image: radial-gradient(130% 95% at 32% -14%, #060914 0%, #060812 34%, #050710 76%); }
.atlas-field .atlas-weave { position: absolute; inset: 0; z-index: 0; display: block; width: 100%; height: 100%; opacity: 0; mix-blend-mode: screen; pointer-events: none; transition: opacity 945ms linear; }
.atlas-field.atlas-running .atlas-weave { opacity: 1; }
.atlas-top { position: relative; z-index: 1; }
@media (prefers-reduced-motion: reduce) {
  .atlas-field .atlas-weave { display: none; }
}