.dmx-root{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;--dmx-cycle:1500ms;--dmx-opacity-base:0.16;--dmx-opacity-mid:0.32;--dmx-opacity-peak:1;--dmx-halo-level:0}.dmx-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr))}.dmx-dot{border-radius:999px;display:block;background:var(--dmx-dot-fill,currentColor);opacity:calc(.5 * (var(--dmx-opacity-base) + var(--dmx-opacity-mid)));--dmx-bloom-level:0;transform-origin:center;will-change:opacity}.dmx-bloom .dmx-dot{filter:drop-shadow(0 0 calc(var(--dmx-dot-size, 3px) * .75 * max(var(--dmx-bloom-level, 0), var(--dmx-halo-level, 0))) currentColor) drop-shadow(0 0 calc(var(--dmx-dot-size, 3px) * 1.35 * max(var(--dmx-bloom-level, 0), var(--dmx-halo-level, 0))) currentColor);will-change:opacity,filter}.dmx-root.dmx-bloom-halo.dmx-bloom .dmx-dot{filter:drop-shadow(0 0 calc(var(--dmx-dot-size, 3px) * .92 * max(var(--dmx-bloom-level, 0), var(--dmx-halo-level, 0))) currentColor) drop-shadow(0 0 calc(var(--dmx-dot-size, 3px) * 1.62 * max(var(--dmx-bloom-level, 0), var(--dmx-halo-level, 0))) currentColor) drop-shadow(0 0 calc(var(--dmx-dot-size, 3px) * 2.55 * max(var(--dmx-bloom-level, 0), var(--dmx-halo-level, 0))) currentColor);will-change:opacity,filter}.dmx-muted .dmx-dot{opacity:calc(.44 * var(--dmx-opacity-mid));--dmx-bloom-level:0}.dmx-dot.dmx-inactive{opacity:0!important;--dmx-bloom-level:0;animation:none!important;visibility:hidden;pointer-events:none;will-change:auto;filter:none}.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));will-change:opacity}@keyframes dmx-spiral-snake{0%,to{opacity:calc(.5 * var(--dmx-opacity-base));--dmx-bloom-level:0}8%{opacity:var(--dmx-opacity-peak);--dmx-bloom-level:1}16%{opacity:calc(.5 * var(--dmx-opacity-peak) + .4 * var(--dmx-opacity-mid) + .1 * var(--dmx-opacity-base));--dmx-bloom-level:0}24%{opacity:calc(.25 * var(--dmx-opacity-peak) + .45 * var(--dmx-opacity-mid) + .3 * var(--dmx-opacity-base));--dmx-bloom-level:0}32%{opacity:calc(.5 * var(--dmx-opacity-mid) + .5 * var(--dmx-opacity-base));--dmx-bloom-level:0}40%{opacity:calc(.75 * var(--dmx-opacity-base));--dmx-bloom-level:0}}@media (prefers-reduced-motion:reduce){.dmx-dot,.dmx-spiral-snake{animation:none!important;transition:none!important}}