.dmx-root{display:inline-flex;align-items:center;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{border-radius:999px;display:block;background:currentColor;opacity:calc(.5 * (var(--dmx-opacity-base) + var(--dmx-opacity-mid)));transform-origin:center;transform:none;will-change:opacity}.dmx-muted .dmx-dot{opacity:calc(.44 * var(--dmx-opacity-mid))}.dmx-dot.dmx-inactive{opacity:0!important;animation:none!important;visibility:hidden;pointer-events:none;will-change:auto}.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-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)) 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-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(.625 * var(--dmx-opacity-base))}28%{opacity:calc(.98 * var(--dmx-opacity-peak))}56%{opacity:var(--dmx-opacity-mid)}78%{opacity:calc(.68 * var(--dmx-opacity-peak) + .32 * var(--dmx-opacity-mid))}}@keyframes dmx-center-origin-ripple{0%,to{opacity:calc(.625 * var(--dmx-opacity-base))}34%{opacity:var(--dmx-opacity-peak)}60%{opacity:calc(.5 * (var(--dmx-opacity-base) + var(--dmx-opacity-mid)))}}@keyframes dmx-collapse{0%{opacity:calc(.95 * var(--dmx-opacity-peak) + .05 * var(--dmx-opacity-mid))}to{opacity:calc(.375 * var(--dmx-opacity-base))}}@keyframes dmx-hover-ripple{0%{opacity:calc(.5 * var(--dmx-opacity-base))}45%{opacity:var(--dmx-opacity-peak)}to{opacity:var(--dmx-opacity-base)}}@keyframes dmx-diagonal-alt-sweep{0%,to{opacity:calc(.5 * var(--dmx-opacity-base))}14%{opacity:var(--dmx-opacity-peak)}30%{opacity:calc(.75 * var(--dmx-opacity-base))}}@keyframes dmx-spiral-snake{0%,to{opacity:calc(.5 * var(--dmx-opacity-base))}8%{opacity:var(--dmx-opacity-peak)}16%{opacity:calc(.5 * var(--dmx-opacity-peak) + .4 * var(--dmx-opacity-mid) + .1 * var(--dmx-opacity-base))}24%{opacity:calc(.25 * var(--dmx-opacity-peak) + .45 * var(--dmx-opacity-mid) + .3 * var(--dmx-opacity-base))}32%{opacity:calc(.5 * var(--dmx-opacity-mid) + .5 * var(--dmx-opacity-base))}40%{opacity:calc(.75 * var(--dmx-opacity-base))}}@keyframes dmx-diagonal-snake{0%,to{opacity:calc(.5 * var(--dmx-opacity-base))}8%{opacity:var(--dmx-opacity-peak)}16%{opacity:calc(.5 * var(--dmx-opacity-peak) + .4 * var(--dmx-opacity-mid) + .1 * var(--dmx-opacity-base))}24%{opacity:calc(.25 * var(--dmx-opacity-peak) + .45 * var(--dmx-opacity-mid) + .3 * var(--dmx-opacity-base))}32%{opacity:calc(.5 * var(--dmx-opacity-mid) + .5 * var(--dmx-opacity-base))}40%{opacity:calc(.75 * var(--dmx-opacity-base))}}@keyframes dmx-ring-snake{0%,to{opacity:calc(.5 * var(--dmx-opacity-base))}10%{opacity:var(--dmx-opacity-peak)}20%{opacity:calc(.45 * var(--dmx-opacity-peak) + .45 * var(--dmx-opacity-mid) + .1 * var(--dmx-opacity-base))}30%{opacity:calc(.2 * var(--dmx-opacity-peak) + .4 * var(--dmx-opacity-mid) + .4 * var(--dmx-opacity-base))}40%{opacity:calc(.875 * var(--dmx-opacity-base))}}.dmx-square9-bit{animation-duration:calc(5.2s * var(--dmx-speed, 1));animation-timing-function:steps(52,end);animation-iteration-count:infinite;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)}5.769231%,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%,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)}7.692308%,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%,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,end) 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(.6 * var(--dmx-opacity-peak) + .25 * var(--dmx-opacity-mid) + .15 * var(--dmx-opacity-base))}20%,40%{opacity:calc(.3 * var(--dmx-opacity-peak) + .5 * var(--dmx-opacity-mid) + .2 * var(--dmx-opacity-base))}40%,60%{opacity:calc(.6 * var(--dmx-opacity-mid) + .4 * var(--dmx-opacity-base))}60%,80%{opacity:calc(.2 * var(--dmx-opacity-mid) + .8 * var(--dmx-opacity-base))}80%,to{opacity:calc(.625 * var(--dmx-opacity-base))}}.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) * .0833333333 * var(--dmx-cycle) * var(--dmx-speed, 1));will-change:opacity}@keyframes dmx-circular2-ring{0%,8.333333%{opacity:var(--dmx-opacity-peak)}8.333333%,16.666667%{opacity:calc(.6 * var(--dmx-opacity-peak) + .4 * var(--dmx-opacity-mid))}16.666667%,25%{opacity:calc(.5 * var(--dmx-opacity-mid) + .5 * var(--dmx-opacity-base))}25%,33.333333%{opacity:calc(.3 * var(--dmx-opacity-mid) + .7 * var(--dmx-opacity-base))}33.333333%,41.666667%{opacity:var(--dmx-opacity-peak)}41.666667%,50%{opacity:calc(.6 * var(--dmx-opacity-peak) + .4 * var(--dmx-opacity-mid))}50%,58.333333%{opacity:calc(.5 * var(--dmx-opacity-mid) + .5 * var(--dmx-opacity-base))}58.333333%,66.666667%{opacity:calc(.3 * var(--dmx-opacity-mid) + .7 * var(--dmx-opacity-base))}66.666667%,75%{opacity:var(--dmx-opacity-peak)}75%,83.333333%{opacity:calc(.6 * var(--dmx-opacity-peak) + .4 * var(--dmx-opacity-mid))}83.333333%,91.666667%{opacity:calc(.5 * var(--dmx-opacity-mid) + .5 * var(--dmx-opacity-base))}91.666667%,to{opacity:calc(.3 * var(--dmx-opacity-mid) + .7 * var(--dmx-opacity-base))}}@media (prefers-reduced-motion: reduce){.dmx-dot,.dmx-ripple,.dmx-ripple-echo,.dmx-center-origin-ripple,.dmx-collapse,.dmx-hover-ripple,.dmx-path,.dmx-diagonal-alt-sweep,.dmx-spiral-snake,.dmx-diagonal-snake,.dmx-outer-snake,.dmx-middle-snake,.dmx-square9-bit,.dmx-square6-col-snake,.dmx-circular2-ring{animation:none!important;transition:none!important}}