.dmx-fluid{display:inline-grid;vertical-align:middle;aspect-ratio:1 / 1;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr));gap:8%;--dmx-cycle: 1.5s;--dmx-speed: .7407;--dmx-opacity-base: .16;--dmx-opacity-mid: .32;--dmx-opacity-peak: 1}.dmx-dot{border-radius:999px;display:block;background:currentColor;opacity:calc(.5 * (var(--dmx-opacity-base) + var(--dmx-opacity-mid)));transform-origin:center;will-change:opacity}.dmx-spiral-snake{animation:dmx-spiral-snake calc(var(--dmx-cycle) * var(--dmx-speed, 1)) linear infinite;animation-delay:calc(var(--dmx-spiral-order, 0) * .04 * var(--dmx-cycle) * var(--dmx-speed, 1))}@keyframes dmx-spiral-snake{0%,to{opacity:calc(.5 * var(--dmx-opacity-base))}8%{opacity:var(--dmx-opacity-peak)}16%{opacity:calc(.5 * var(--dmx-opacity-peak) + .4 * var(--dmx-opacity-mid) + .1 * var(--dmx-opacity-base))}24%{opacity:calc(.25 * var(--dmx-opacity-peak) + .45 * var(--dmx-opacity-mid) + .3 * var(--dmx-opacity-base))}32%{opacity:calc(.5 * var(--dmx-opacity-mid) + .5 * var(--dmx-opacity-base))}40%{opacity:calc(.75 * var(--dmx-opacity-base))}}@media(prefers-reduced-motion:reduce){.dmx-spiral-snake{animation:none!important}.dmx-fluid .dmx-dot{opacity:calc(.16 + var(--dmx-spiral-norm, 0) * .78)}}