.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-dot.dmx-inactive{--dmx-bloom-level:0;visibility:hidden;pointer-events:none;will-change:auto;filter:none;opacity:0!important;animation:none!important}.dmx-root.dmx-matrix-3{--dmx-cycle:1.5s}.dmx-center-ripple-3{animation:dmx-center-origin-ripple calc(.82 * var(--dmx-cycle) * var(--dmx-speed,1)) ease-in-out infinite;animation-delay:calc(var(--dmx-center-ripple-ring,0) * .11 * var(--dmx-cycle) * var(--dmx-speed,1));will-change:opacity}@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-center-ripple-3{transition:none!important;animation:none!important}}