.dmx-root{vertical-align:middle;--dmx-cycle:1.5s;--dmx-opacity-base:.16;--dmx-opacity-mid:.32;--dmx-opacity-peak:1;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{opacity:calc(.5*(var(--dmx-opacity-base) + var(--dmx-opacity-mid)));transform-origin:50%;will-change:opacity;background:currentColor;border-radius:999px;display:block;transform:none}.dmx-muted .dmx-dot{opacity:calc(.44*var(--dmx-opacity-mid))}.dmx-dot.dmx-inactive{visibility:hidden;pointer-events:none;will-change:auto;opacity:0!important;animation:none!important}.dmx-ripple{animation:dmx-ripple calc(var(--dmx-cycle)*var(--dmx-speed,1))cubic-bezier(.42,0,.58,1)infinite;animation-delay:calc(var(--dmx-ripple-ring,0)*.2333*var(--dmx-cycle)*var(--dmx-speed,1));will-change:opacity}.dmx-path{animation:dmx-ripple calc(var(--dmx-cycle)*var(--dmx-speed,1))cubic-bezier(.42,0,.58,1)infinite;animation-delay:calc(var(--dmx-path,0)*.2333*var(--dmx-cycle)*var(--dmx-speed,1));will-change:opacity}.dmx-diagonal-snake{animation:dmx-ripple calc(var(--dmx-cycle)*var(--dmx-speed,1))cubic-bezier(.42,0,.58,1)infinite;animation-delay:calc(var(--dmx-diagonal-snake-order,0)*.045*var(--dmx-cycle)*var(--dmx-speed,1));will-change:opacity}@keyframes dmx-ripple{0%,to{opacity:var(--dmx-opacity-base)}50%{opacity:var(--dmx-opacity-peak)}}@media (prefers-reduced-motion:reduce){.dmx-dot,.dmx-ripple,.dmx-path,.dmx-diagonal-snake{transition:none!important;animation:none!important}}