.dmx-root{color:currentColor;vertical-align:middle;--dmx-cycle:1.5s;--dmx-speed:1;--dmx-opacity-base:.08;--dmx-opacity-mid:.34;--dmx-opacity-peak:.94;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{transform-origin:50%;will-change:opacity;background:currentColor;border-radius:999px;display:block}.dmx-inactive{visibility:hidden;pointer-events:none;opacity:0;will-change:auto;animation:none}.dmx-circular-ring{animation:dmx-circular-ring calc(var(--dmx-cycle) * var(--dmx-speed)) steps(12, end) infinite;animation-delay:calc(var(--dmx-ring-order) * .0833333 * var(--dmx-cycle) * var(--dmx-speed))}@keyframes dmx-circular-ring{0%,8.33333%{opacity:var(--dmx-opacity-peak)}8.33333%,16.6667%{opacity:calc(.6 * var(--dmx-opacity-peak) + .4 * var(--dmx-opacity-mid))}16.6667%,25%{opacity:calc(.5 * var(--dmx-opacity-mid) + .5 * var(--dmx-opacity-base))}25%,33.3333%{opacity:calc(.3 * var(--dmx-opacity-mid) + .7 * var(--dmx-opacity-base))}33.3333%,41.6667%{opacity:var(--dmx-opacity-peak)}41.6667%,50%{opacity:calc(.6 * var(--dmx-opacity-peak) + .4 * var(--dmx-opacity-mid))}50%,58.3333%{opacity:calc(.5 * var(--dmx-opacity-mid) + .5 * var(--dmx-opacity-base))}58.3333%,66.6667%{opacity:calc(.3 * var(--dmx-opacity-mid) + .7 * var(--dmx-opacity-base))}66.6667%,75%{opacity:var(--dmx-opacity-peak)}75%,83.3333%{opacity:calc(.6 * var(--dmx-opacity-peak) + .4 * var(--dmx-opacity-mid))}83.3333%,91.6667%{opacity:calc(.5 * var(--dmx-opacity-mid) + .5 * var(--dmx-opacity-base))}91.6667%,to{opacity:calc(.3 * var(--dmx-opacity-mid) + .7 * var(--dmx-opacity-base))}}@media (prefers-reduced-motion:reduce){.dmx-dot,.dmx-circular-ring{transition:none;animation:none}}