.dmx-root{vertical-align:middle;--dmx-cycle:1.5s;--dmx-opacity-base:.16;--dmx-opacity-mid:.32;--dmx-opacity-peak:1;--dmx-halo-level:0;justify-content:center;align-items:center;display:inline-flex}.dmx-grid{grid-template-rows:repeat(5,minmax(0,1fr));grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.dmx-dot{clip-path:none;background:var(--dmx-dot-fill,currentColor);opacity:calc(.5 * (var(--dmx-opacity-base) + var(--dmx-opacity-mid)));--dmx-bloom-level:0;transform-origin:50%;will-change:opacity;border-radius:999px;display:block;transform:none}.dmx-root.dmx-dot-shape-circle .dmx-dot{clip-path:none;border-radius:999px;-webkit-mask:none;mask:none}.dmx-root.dmx-dot-shape-square .dmx-dot{clip-path:none;border-radius:0;-webkit-mask:none;mask:none}.dmx-root.dmx-dot-shape-diamond .dmx-dot{clip-path:none;border-radius:0;transform:rotate(45deg)scale(.707107);-webkit-mask:none;mask:none}.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-muted .dmx-dot{opacity:calc(.44 * var(--dmx-opacity-mid));--dmx-bloom-level:0}.dmx-dot.dmx-inactive{--dmx-bloom-level:0;visibility:hidden;pointer-events:none;will-change:auto;filter:none;opacity:0!important;animation:none!important}.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}.dmx-diagonal-alt-sweep{animation:dmx-diagonal-alt-sweep calc(var(--dmx-cycle) * var(--dmx-speed,1)) linear infinite;animation-delay:calc((var(--dmx-path,0) * .2 + var(--dmx-diagonal-parity,0) * .5) * var(--dmx-cycle) * var(--dmx-speed,1));will-change:opacity}.dmx-ripple-echo{animation:dmx-ripple-echo calc(1.06 * var(--dmx-cycle) * var(--dmx-speed,1)) ease-in-out infinite;animation-delay:calc((var(--dmx-ripple-ring,0) * .1 + var(--dmx-ripple-parity,0) * .02) * var(--dmx-cycle) * var(--dmx-speed,1));will-change:opacity}.dmx-center-origin-ripple{animation:dmx-center-origin-ripple calc(var(--dmx-cycle) * var(--dmx-speed,1)) ease-in-out infinite;animation-delay:calc(var(--dmx-center-ripple-ring,0) * .16 * 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}}@keyframes dmx-diagonal-alt-sweep{0%,to{opacity:calc(.5 * var(--dmx-opacity-base));--dmx-bloom-level:0}14%{opacity:var(--dmx-opacity-peak);--dmx-bloom-level:1}30%{opacity:calc(.75 * var(--dmx-opacity-base));--dmx-bloom-level:0}}@keyframes dmx-ripple-echo{0%,to{opacity:calc(.625 * var(--dmx-opacity-base));--dmx-bloom-level:0}28%{opacity:calc(.98 * var(--dmx-opacity-peak));--dmx-bloom-level:.9}56%{opacity:var(--dmx-opacity-mid);--dmx-bloom-level:0}78%{opacity:calc(.68 * var(--dmx-opacity-peak) + .32 * var(--dmx-opacity-mid));--dmx-bloom-level:0}}@keyframes dmx-center-origin-ripple{0%,to{opacity:calc(.625 * var(--dmx-opacity-base));--dmx-bloom-level:0}34%{opacity:var(--dmx-opacity-peak);--dmx-bloom-level:1}60%{opacity:calc(.5 * (var(--dmx-opacity-base) + var(--dmx-opacity-mid)));--dmx-bloom-level:0}}@media (prefers-reduced-motion:reduce){.dmx-dot,.dmx-spiral-snake,.dmx-diagonal-alt-sweep,.dmx-ripple-echo,.dmx-center-origin-ripple{transition:none!important;animation:none!important}}