.dmx-root{align-items:center;display:inline-flex;justify-content:center;vertical-align:middle;--dmx-cycle:1.5s;--dmx-opacity-base:.16;--dmx-opacity-mid:.32;--dmx-opacity-peak:1}.dmx-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr))}.dmx-dot{background:currentColor;border-radius:999px;display:block;opacity:calc((var(--dmx-opacity-base) + var(--dmx-opacity-mid))*.5);transform:none;transform-origin:center;will-change:opacity}.dmx-muted .dmx-dot{opacity:calc(var(--dmx-opacity-mid)*.44)}.dmx-dot.dmx-inactive{animation:none!important;opacity:0!important;pointer-events:none;visibility:hidden;will-change:auto}.dmx-ripple{animation:dmx-ripple calc(var(--dmx-cycle)*var(--dmx-speed, 1)) ease-in-out infinite;animation-delay:calc(var(--dmx-ripple-ring, 0)*.2333*var(--dmx-cycle)*var(--dmx-speed, 1));will-change:opacity}.dmx-ripple-echo{animation:dmx-ripple-echo calc(var(--dmx-cycle)*var(--dmx-speed, 1)) ease-in-out infinite;animation-delay:calc((var(--dmx-ripple-ring, 0)*.14 + var(--dmx-ripple-parity, 0)*.03)*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}.dmx-collapse{animation:dmx-collapse calc(var(--dmx-cycle)*.2*var(--dmx-speed, 1)) ease-in forwards;animation-delay:calc((4 - var(--dmx-manhattan, 0))*.032*var(--dmx-cycle)*var(--dmx-speed, 1))}.dmx-hover-ripple{animation:dmx-hover-ripple calc(var(--dmx-cycle)*var(--dmx-speed, 1)) ease-in-out infinite;animation-delay:calc(var(--dmx-distance, 0)*.127*var(--dmx-cycle)*var(--dmx-speed, 1))}.dmx-path{animation:dmx-ripple calc(var(--dmx-cycle)*var(--dmx-speed, 1)) ease-in-out infinite;animation-delay:calc(var(--dmx-path, 0)*.2333*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-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-snake{animation:dmx-diagonal-snake calc(var(--dmx-cycle)*var(--dmx-speed, 1)) linear infinite;animation-delay:calc(var(--dmx-diagonal-snake-order, 0)*.04*var(--dmx-cycle)*var(--dmx-speed, 1));will-change:opacity}.dmx-outer-snake{animation:dmx-ring-snake calc(var(--dmx-cycle)*var(--dmx-speed, 1)) linear infinite;animation-delay:calc(var(--dmx-outer-order, 0)*.0625*var(--dmx-cycle)*var(--dmx-speed, 1));will-change:opacity}.dmx-middle-snake{animation:dmx-ring-snake calc(var(--dmx-cycle)*var(--dmx-speed, 1)) linear infinite;animation-delay:calc(var(--dmx-middle-order, 0)*.125*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)}}@keyframes dmx-ripple-echo{0%,to{opacity:calc(var(--dmx-opacity-base)*.625)}28%{opacity:calc(var(--dmx-opacity-peak)*.98)}56%{opacity:var(--dmx-opacity-mid)}78%{opacity:calc(var(--dmx-opacity-peak)*.68 + var(--dmx-opacity-mid)*.32)}}@keyframes dmx-center-origin-ripple{0%,to{opacity:calc(var(--dmx-opacity-base)*.625)}34%{opacity:var(--dmx-opacity-peak)}60%{opacity:calc((var(--dmx-opacity-base) + var(--dmx-opacity-mid))*.5)}}@keyframes dmx-collapse{0%{opacity:calc(var(--dmx-opacity-peak)*.95 + var(--dmx-opacity-mid)*.05)}to{opacity:calc(var(--dmx-opacity-base)*.375)}}@keyframes dmx-hover-ripple{0%{opacity:calc(var(--dmx-opacity-base)*.5)}45%{opacity:var(--dmx-opacity-peak)}to{opacity:var(--dmx-opacity-base)}}@keyframes dmx-diagonal-alt-sweep{0%,to{opacity:calc(var(--dmx-opacity-base)*.5)}14%{opacity:var(--dmx-opacity-peak)}30%{opacity:calc(var(--dmx-opacity-base)*.75)}}@keyframes dmx-spiral-snake{0%,to{opacity:calc(var(--dmx-opacity-base)*.5)}8%{opacity:var(--dmx-opacity-peak)}16%{opacity:calc(var(--dmx-opacity-peak)*.5 + var(--dmx-opacity-mid)*.4 + var(--dmx-opacity-base)*.1)}24%{opacity:calc(var(--dmx-opacity-peak)*.25 + var(--dmx-opacity-mid)*.45 + var(--dmx-opacity-base)*.3)}32%{opacity:calc(var(--dmx-opacity-mid)*.5 + var(--dmx-opacity-base)*.5)}40%{opacity:calc(var(--dmx-opacity-base)*.75)}}@keyframes dmx-diagonal-snake{0%,to{opacity:calc(var(--dmx-opacity-base)*.5)}8%{opacity:var(--dmx-opacity-peak)}16%{opacity:calc(var(--dmx-opacity-peak)*.5 + var(--dmx-opacity-mid)*.4 + var(--dmx-opacity-base)*.1)}24%{opacity:calc(var(--dmx-opacity-peak)*.25 + var(--dmx-opacity-mid)*.45 + var(--dmx-opacity-base)*.3)}32%{opacity:calc(var(--dmx-opacity-mid)*.5 + var(--dmx-opacity-base)*.5)}40%{opacity:calc(var(--dmx-opacity-base)*.75)}}@keyframes dmx-ring-snake{0%,to{opacity:calc(var(--dmx-opacity-base)*.5)}10%{opacity:var(--dmx-opacity-peak)}20%{opacity:calc(var(--dmx-opacity-peak)*.45 + var(--dmx-opacity-mid)*.45 + var(--dmx-opacity-base)*.1)}30%{opacity:calc(var(--dmx-opacity-peak)*.2 + var(--dmx-opacity-mid)*.4 + var(--dmx-opacity-base)*.4)}40%{opacity:calc(var(--dmx-opacity-base)*.875)}}.dmx-square9-bit{animation-duration:calc(5.2s*var(--dmx-speed, 1));animation-iteration-count:infinite;animation-timing-function:steps(52);will-change:opacity}.dmx-square9-d1{animation-name:dmx-square9-d1}.dmx-square9-d2{animation-name:dmx-square9-d2}.dmx-square9-d3{animation-name:dmx-square9-d3}.dmx-square9-d4{animation-name:dmx-square9-d4}.dmx-square9-d5{animation-name:dmx-square9-d5}.dmx-square9-d6{animation-name:dmx-square9-d6}@keyframes dmx-square9-d1{0%,3.846154%{opacity:var(--dmx-opacity-base)}3.846154%,30.769231%{opacity:var(--dmx-opacity-peak)}30.769231%,46.153846%{opacity:var(--dmx-opacity-base)}46.153846%,50%{opacity:var(--dmx-opacity-peak)}50%,53.846154%{opacity:var(--dmx-opacity-base)}53.846154%,57.692308%{opacity:var(--dmx-opacity-peak)}57.692308%,65.384615%{opacity:var(--dmx-opacity-base)}65.384615%,71.153846%{opacity:var(--dmx-opacity-peak)}71.153846%,80.769231%{opacity:var(--dmx-opacity-base)}80.769231%,84.615385%{opacity:var(--dmx-opacity-peak)}84.615385%,88.461538%{opacity:var(--dmx-opacity-base)}88.461538%,92.307692%{opacity:var(--dmx-opacity-peak)}92.307692%,to{opacity:var(--dmx-opacity-base)}}@keyframes dmx-square9-d2{0%,5.769231%{opacity:var(--dmx-opacity-base)}25%,5.769231%{opacity:var(--dmx-opacity-peak)}25%,30.769231%{opacity:var(--dmx-opacity-base)}30.769231%,36.538462%{opacity:var(--dmx-opacity-peak)}36.538462%,50%{opacity:var(--dmx-opacity-base)}50%,53.846154%{opacity:var(--dmx-opacity-peak)}53.846154%,57.692308%{opacity:var(--dmx-opacity-base)}57.692308%,61.538462%{opacity:var(--dmx-opacity-peak)}61.538462%,65.384615%{opacity:var(--dmx-opacity-base)}65.384615%,76.923077%{opacity:var(--dmx-opacity-peak)}76.923077%,80.769231%{opacity:var(--dmx-opacity-base)}80.769231%,84.615385%{opacity:var(--dmx-opacity-peak)}84.615385%,88.461538%{opacity:var(--dmx-opacity-base)}88.461538%,92.307692%{opacity:var(--dmx-opacity-peak)}92.307692%,to{opacity:var(--dmx-opacity-base)}}@keyframes dmx-square9-d3{0%,7.692308%{opacity:var(--dmx-opacity-base)}25%,7.692308%{opacity:var(--dmx-opacity-peak)}25%,36.538462%{opacity:var(--dmx-opacity-base)}36.538462%,42.307692%{opacity:var(--dmx-opacity-peak)}42.307692%,46.153846%{opacity:var(--dmx-opacity-base)}46.153846%,50%{opacity:var(--dmx-opacity-peak)}50%,53.846154%{opacity:var(--dmx-opacity-base)}53.846154%,57.692308%{opacity:var(--dmx-opacity-peak)}57.692308%,71.153846%{opacity:var(--dmx-opacity-base)}71.153846%,76.923077%{opacity:var(--dmx-opacity-peak)}76.923077%,80.769231%{opacity:var(--dmx-opacity-base)}80.769231%,84.615385%{opacity:var(--dmx-opacity-peak)}84.615385%,88.461538%{opacity:var(--dmx-opacity-base)}88.461538%,92.307692%{opacity:var(--dmx-opacity-peak)}92.307692%,to{opacity:var(--dmx-opacity-base)}}@keyframes dmx-square9-d4{0%,13.461538%{opacity:var(--dmx-opacity-base)}13.461538%,30.769231%{opacity:var(--dmx-opacity-peak)}30.769231%,50%{opacity:var(--dmx-opacity-base)}50%,53.846154%{opacity:var(--dmx-opacity-peak)}53.846154%,57.692308%{opacity:var(--dmx-opacity-base)}57.692308%,61.538462%{opacity:var(--dmx-opacity-peak)}61.538462%,65.384615%{opacity:var(--dmx-opacity-base)}65.384615%,71.153846%{opacity:var(--dmx-opacity-peak)}71.153846%,84.615385%{opacity:var(--dmx-opacity-base)}84.615385%,88.461538%{opacity:var(--dmx-opacity-peak)}88.461538%,92.307692%{opacity:var(--dmx-opacity-base)}92.307692%,96.153846%{opacity:var(--dmx-opacity-peak)}96.153846%,to{opacity:var(--dmx-opacity-base)}}@keyframes dmx-square9-d5{0%,15.384615%{opacity:var(--dmx-opacity-base)}15.384615%,25%{opacity:var(--dmx-opacity-peak)}25%,30.769231%{opacity:var(--dmx-opacity-base)}30.769231%,36.538462%{opacity:var(--dmx-opacity-peak)}36.538462%,46.153846%{opacity:var(--dmx-opacity-base)}46.153846%,50%{opacity:var(--dmx-opacity-peak)}50%,53.846154%{opacity:var(--dmx-opacity-base)}53.846154%,57.692308%{opacity:var(--dmx-opacity-peak)}57.692308%,65.384615%{opacity:var(--dmx-opacity-base)}65.384615%,76.923077%{opacity:var(--dmx-opacity-peak)}76.923077%,84.615385%{opacity:var(--dmx-opacity-base)}84.615385%,88.461538%{opacity:var(--dmx-opacity-peak)}88.461538%,92.307692%{opacity:var(--dmx-opacity-base)}92.307692%,96.153846%{opacity:var(--dmx-opacity-peak)}96.153846%,to{opacity:var(--dmx-opacity-base)}}@keyframes dmx-square9-d6{0%,17.307692%{opacity:var(--dmx-opacity-base)}17.307692%,25%{opacity:var(--dmx-opacity-peak)}25%,36.538462%{opacity:var(--dmx-opacity-base)}36.538462%,42.307692%{opacity:var(--dmx-opacity-peak)}42.307692%,50%{opacity:var(--dmx-opacity-base)}50%,53.846154%{opacity:var(--dmx-opacity-peak)}53.846154%,57.692308%{opacity:var(--dmx-opacity-base)}57.692308%,61.538462%{opacity:var(--dmx-opacity-peak)}61.538462%,71.153846%{opacity:var(--dmx-opacity-base)}71.153846%,76.923077%{opacity:var(--dmx-opacity-peak)}76.923077%,84.615385%{opacity:var(--dmx-opacity-base)}84.615385%,88.461538%{opacity:var(--dmx-opacity-peak)}88.461538%,92.307692%{opacity:var(--dmx-opacity-base)}92.307692%,96.153846%{opacity:var(--dmx-opacity-peak)}96.153846%,to{opacity:var(--dmx-opacity-base)}}.dmx-square6-col-snake{animation:dmx-square6-col-snake calc(var(--dmx-cycle)*var(--dmx-speed, 1)) steps(5) infinite;animation-delay:calc(var(--dmx-col-pos, 0)*.2*var(--dmx-cycle)*var(--dmx-speed, 1));will-change:opacity}@keyframes dmx-square6-col-snake{0%,20%{opacity:calc(var(--dmx-opacity-peak)*.6 + var(--dmx-opacity-mid)*.25 + var(--dmx-opacity-base)*.15)}20%,40%{opacity:calc(var(--dmx-opacity-peak)*.3 + var(--dmx-opacity-mid)*.5 + var(--dmx-opacity-base)*.2)}40%,60%{opacity:calc(var(--dmx-opacity-mid)*.6 + var(--dmx-opacity-base)*.4)}60%,80%{opacity:calc(var(--dmx-opacity-mid)*.2 + var(--dmx-opacity-base)*.8)}80%,to{opacity:calc(var(--dmx-opacity-base)*.625)}}.dmx-circular2-ring{animation:dmx-circular2-ring calc(var(--dmx-cycle)*var(--dmx-speed, 1)) steps(12) infinite;animation-delay:calc(var(--dmx-ring-order, 0)*.08333*var(--dmx-cycle)*var(--dmx-speed, 1));will-change:opacity}@keyframes dmx-circular2-ring{0%,8.333333%{opacity:var(--dmx-opacity-peak)}16.666667%,8.333333%{opacity:calc(var(--dmx-opacity-peak)*.6 + var(--dmx-opacity-mid)*.4)}16.666667%,25%{opacity:calc(var(--dmx-opacity-mid)*.5 + var(--dmx-opacity-base)*.5)}25%,33.333333%{opacity:calc(var(--dmx-opacity-mid)*.3 + var(--dmx-opacity-base)*.7)}33.333333%,41.666667%{opacity:var(--dmx-opacity-peak)}41.666667%,50%{opacity:calc(var(--dmx-opacity-peak)*.6 + var(--dmx-opacity-mid)*.4)}50%,58.333333%{opacity:calc(var(--dmx-opacity-mid)*.5 + var(--dmx-opacity-base)*.5)}58.333333%,66.666667%{opacity:calc(var(--dmx-opacity-mid)*.3 + var(--dmx-opacity-base)*.7)}66.666667%,75%{opacity:var(--dmx-opacity-peak)}75%,83.333333%{opacity:calc(var(--dmx-opacity-peak)*.6 + var(--dmx-opacity-mid)*.4)}83.333333%,91.666667%{opacity:calc(var(--dmx-opacity-mid)*.5 + var(--dmx-opacity-base)*.5)}91.666667%,to{opacity:calc(var(--dmx-opacity-mid)*.3 + var(--dmx-opacity-base)*.7)}}@media(prefers-reduced-motion:reduce){.dmx-center-origin-ripple,.dmx-circular2-ring,.dmx-collapse,.dmx-diagonal-alt-sweep,.dmx-diagonal-snake,.dmx-dot,.dmx-hover-ripple,.dmx-middle-snake,.dmx-outer-snake,.dmx-path,.dmx-ripple,.dmx-ripple-echo,.dmx-spiral-snake,.dmx-square6-col-snake,.dmx-square9-bit{animation:none!important;transition:none!important}}