.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{background:var(--dmx-dot-fill,currentColor);opacity:calc(.5 * (var(--dmx-opacity-base) + var(--dmx-opacity-mid)));border-radius:999px;display:block}.dmx-dot.dmx-inactive{visibility:hidden;pointer-events:none;opacity:0!important;animation:none!important}.dmx-circular2-ring{animation:dmx-circular2-ring calc(var(--dmx-cycle) * var(--dmx-speed,1)) steps(12, end) infinite;animation-delay:calc(var(--dmx-ring-order,0) * .0833333 * var(--dmx-cycle) * var(--dmx-speed,1))}@keyframes dmx-circular2-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))}}@keyframes dmx-reduced-pulse{0%,to{opacity:.65}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.dmx-root{animation:dmx-reduced-pulse 1.2s var(--ease-in-out) infinite}.dmx-dot,.dmx-circular2-ring{animation:none!important}}