.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:var(--dmx-dot-fill, currentColor);opacity:calc(.5 * (var(--dmx-opacity-base) + var(--dmx-opacity-mid)));--dmx-bloom-level: 0;transform-origin:center;transform:none;will-change:opacity}.dmx-bloom .dmx-dot{filter:drop-shadow(0 0 calc(var(--dmx-dot-size, 3px) * .75 * var(--dmx-bloom-level, 0)) currentColor) drop-shadow(0 0 calc(var(--dmx-dot-size, 3px) * 1.35 * var(--dmx-bloom-level, 0)) currentColor);will-change:opacity,filter}.dmx-root.dmx-bloom-halo.dmx-bloom .dmx-dot{filter:drop-shadow(0 0 calc(var(--dmx-dot-size, 3px) * .92 * var(--dmx-bloom-level, 0)) currentColor) drop-shadow(0 0 calc(var(--dmx-dot-size, 3px) * 1.62 * var(--dmx-bloom-level, 0)) currentColor) drop-shadow(0 0 calc(var(--dmx-dot-size, 3px) * 2.55 * var(--dmx-bloom-level, 0)) currentColor);will-change:opacity,filter}.dmx-muted .dmx-dot{opacity:calc(.44 * var(--dmx-opacity-mid));--dmx-bloom-level: 0}.dmx-dot.dmx-inactive{opacity:0!important;--dmx-bloom-level: 0;animation:none!important;visibility:hidden;pointer-events:none;will-change:auto;filter:none}.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);--dmx-bloom-level: 0}50%{opacity:var(--dmx-opacity-peak);--dmx-bloom-level: 1}}@keyframes dmx-ripple-echo{0%,to{opacity:calc(.625 * var(--dmx-opacity-base));--dmx-bloom-level: 0}28%{opacity:calc(.98 * var(--dmx-opacity-peak));--dmx-bloom-level: .9}56%{opacity:var(--dmx-opacity-mid);--dmx-bloom-level: 0}78%{opacity:calc(.68 * var(--dmx-opacity-peak) + .32 * var(--dmx-opacity-mid));--dmx-bloom-level: 0}}@keyframes dmx-center-origin-ripple{0%,to{opacity:calc(.625 * var(--dmx-opacity-base));--dmx-bloom-level: 0}34%{opacity:var(--dmx-opacity-peak);--dmx-bloom-level: 1}60%{opacity:calc(.5 * (var(--dmx-opacity-base) + var(--dmx-opacity-mid)));--dmx-bloom-level: 0}}@keyframes dmx-collapse{0%{opacity:calc(.95 * var(--dmx-opacity-peak) + .05 * var(--dmx-opacity-mid));--dmx-bloom-level: .75}to{opacity:calc(.375 * var(--dmx-opacity-base));--dmx-bloom-level: 0}}@keyframes dmx-hover-ripple{0%{opacity:calc(.5 * var(--dmx-opacity-base));--dmx-bloom-level: 0}45%{opacity:var(--dmx-opacity-peak);--dmx-bloom-level: 1}to{opacity:var(--dmx-opacity-base);--dmx-bloom-level: 0}}@keyframes dmx-diagonal-alt-sweep{0%,to{opacity:calc(.5 * var(--dmx-opacity-base));--dmx-bloom-level: 0}14%{opacity:var(--dmx-opacity-peak);--dmx-bloom-level: 1}30%{opacity:calc(.75 * var(--dmx-opacity-base));--dmx-bloom-level: 0}}@keyframes dmx-spiral-snake{0%,to{opacity:calc(.5 * var(--dmx-opacity-base));--dmx-bloom-level: 0}8%{opacity:var(--dmx-opacity-peak);--dmx-bloom-level: 1}16%{opacity:calc(.5 * var(--dmx-opacity-peak) + .4 * var(--dmx-opacity-mid) + .1 * var(--dmx-opacity-base));--dmx-bloom-level: 0}24%{opacity:calc(.25 * var(--dmx-opacity-peak) + .45 * var(--dmx-opacity-mid) + .3 * var(--dmx-opacity-base));--dmx-bloom-level: 0}32%{opacity:calc(.5 * var(--dmx-opacity-mid) + .5 * var(--dmx-opacity-base));--dmx-bloom-level: 0}40%{opacity:calc(.75 * var(--dmx-opacity-base));--dmx-bloom-level: 0}}@keyframes dmx-diagonal-snake{0%,to{opacity:calc(.5 * var(--dmx-opacity-base));--dmx-bloom-level: 0}8%{opacity:var(--dmx-opacity-peak);--dmx-bloom-level: 1}16%{opacity:calc(.5 * var(--dmx-opacity-peak) + .4 * var(--dmx-opacity-mid) + .1 * var(--dmx-opacity-base));--dmx-bloom-level: 0}24%{opacity:calc(.25 * var(--dmx-opacity-peak) + .45 * var(--dmx-opacity-mid) + .3 * var(--dmx-opacity-base));--dmx-bloom-level: 0}32%{opacity:calc(.5 * var(--dmx-opacity-mid) + .5 * var(--dmx-opacity-base));--dmx-bloom-level: 0}40%{opacity:calc(.75 * var(--dmx-opacity-base));--dmx-bloom-level: 0}}@keyframes dmx-ring-snake{0%,to{opacity:calc(.5 * var(--dmx-opacity-base));--dmx-bloom-level: 0}10%{opacity:var(--dmx-opacity-peak);--dmx-bloom-level: 1}20%{opacity:calc(.45 * var(--dmx-opacity-peak) + .45 * var(--dmx-opacity-mid) + .1 * var(--dmx-opacity-base));--dmx-bloom-level: 0}30%{opacity:calc(.2 * var(--dmx-opacity-peak) + .4 * var(--dmx-opacity-mid) + .4 * var(--dmx-opacity-base));--dmx-bloom-level: 0}40%{opacity:calc(.875 * var(--dmx-opacity-base));--dmx-bloom-level: 0}}.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);--dmx-bloom-level: 0}3.846154%,30.769231%{opacity:var(--dmx-opacity-peak);--dmx-bloom-level: 1}30.769231%,46.153846%{opacity:var(--dmx-opacity-base);--dmx-bloom-level: 0}46.153846%,50%{opacity:var(--dmx-opacity-peak);--dmx-bloom-level: 1}50%,53.846154%{opacity:var(--dmx-opacity-base);--dmx-bloom-level: 0}53.846154%,57.692308%{opacity:var(--dmx-opacity-peak);--dmx-bloom-level: 1}57.692308%,65.384615%{opacity:var(--dmx-opacity-base);--dmx-bloom-level: 0}65.384615%,71.153846%{opacity:var(--dmx-opacity-peak);--dmx-bloom-level: 1}71.153846%,80.769231%{opacity:var(--dmx-opacity-base);--dmx-bloom-level: 0}80.769231%,84.615385%{opacity:var(--dmx-opacity-peak);--dmx-bloom-level: 1}84.615385%,88.461538%{opacity:var(--dmx-opacity-base);--dmx-bloom-level: 0}88.461538%,92.307692%{opacity:var(--dmx-opacity-peak);--dmx-bloom-level: 1}92.307692%,to{opacity:var(--dmx-opacity-base);--dmx-bloom-level: 0}}@keyframes dmx-square9-d2{0%,5.769231%{opacity:var(--dmx-opacity-base);--dmx-bloom-level: 0}5.769231%,25%{opacity:var(--dmx-opacity-peak);--dmx-bloom-level: 1}25%,30.769231%{opacity:var(--dmx-opacity-base);--dmx-bloom-level: 0}30.769231%,36.538462%{opacity:var(--dmx-opacity-peak);--dmx-bloom-level: 1}36.538462%,50%{opacity:var(--dmx-opacity-base);--dmx-bloom-level: 0}50%,53.846154%{opacity:var(--dmx-opacity-peak);--dmx-bloom-level: 1}53.846154%,57.692308%{opacity:var(--dmx-opacity-base);--dmx-bloom-level: 0}57.692308%,61.538462%{opacity:var(--dmx-opacity-peak);--dmx-bloom-level: 1}61.538462%,65.384615%{opacity:var(--dmx-opacity-base);--dmx-bloom-level: 0}65.384615%,76.923077%{opacity:var(--dmx-opacity-peak);--dmx-bloom-level: 1}76.923077%,80.769231%{opacity:var(--dmx-opacity-base);--dmx-bloom-level: 0}80.769231%,84.615385%{opacity:var(--dmx-opacity-peak);--dmx-bloom-level: 1}84.615385%,88.461538%{opacity:var(--dmx-opacity-base);--dmx-bloom-level: 0}88.461538%,92.307692%{opacity:var(--dmx-opacity-peak);--dmx-bloom-level: 1}92.307692%,to{opacity:var(--dmx-opacity-base);--dmx-bloom-level: 0}}@keyframes dmx-square9-d3{0%,7.692308%{opacity:var(--dmx-opacity-base);--dmx-bloom-level: 0}7.692308%,25%{opacity:var(--dmx-opacity-peak);--dmx-bloom-level: 1}25%,36.538462%{opacity:var(--dmx-opacity-base);--dmx-bloom-level: 0}36.538462%,42.307692%{opacity:var(--dmx-opacity-peak);--dmx-bloom-level: 1}42.307692%,46.153846%{opacity:var(--dmx-opacity-base);--dmx-bloom-level: 0}46.153846%,50%{opacity:var(--dmx-opacity-peak);--dmx-bloom-level: 1}50%,53.846154%{opacity:var(--dmx-opacity-base);--dmx-bloom-level: 0}53.846154%,57.692308%{opacity:var(--dmx-opacity-peak);--dmx-bloom-level: 1}57.692308%,71.153846%{opacity:var(--dmx-opacity-base);--dmx-bloom-level: 0}71.153846%,76.923077%{opacity:var(--dmx-opacity-peak);--dmx-bloom-level: 1}76.923077%,80.769231%{opacity:var(--dmx-opacity-base);--dmx-bloom-level: 0}80.769231%,84.615385%{opacity:var(--dmx-opacity-peak);--dmx-bloom-level: 1}84.615385%,88.461538%{opacity:var(--dmx-opacity-base);--dmx-bloom-level: 0}88.461538%,92.307692%{opacity:var(--dmx-opacity-peak);--dmx-bloom-level: 1}92.307692%,to{opacity:var(--dmx-opacity-base);--dmx-bloom-level: 0}}@keyframes dmx-square9-d4{0%,13.461538%{opacity:var(--dmx-opacity-base);--dmx-bloom-level: 0}13.461538%,30.769231%{opacity:var(--dmx-opacity-peak);--dmx-bloom-level: 1}30.769231%,50%{opacity:var(--dmx-opacity-base);--dmx-bloom-level: 0}50%,53.846154%{opacity:var(--dmx-opacity-peak);--dmx-bloom-level: 1}53.846154%,57.692308%{opacity:var(--dmx-opacity-base);--dmx-bloom-level: 0}57.692308%,61.538462%{opacity:var(--dmx-opacity-peak);--dmx-bloom-level: 1}61.538462%,65.384615%{opacity:var(--dmx-opacity-base);--dmx-bloom-level: 0}65.384615%,71.153846%{opacity:var(--dmx-opacity-peak);--dmx-bloom-level: 1}71.153846%,84.615385%{opacity:var(--dmx-opacity-base);--dmx-bloom-level: 0}84.615385%,88.461538%{opacity:var(--dmx-opacity-peak);--dmx-bloom-level: 1}88.461538%,92.307692%{opacity:var(--dmx-opacity-base);--dmx-bloom-level: 0}92.307692%,96.153846%{opacity:var(--dmx-opacity-peak);--dmx-bloom-level: 1}96.153846%,to{opacity:var(--dmx-opacity-base);--dmx-bloom-level: 0}}@keyframes dmx-square9-d5{0%,15.384615%{opacity:var(--dmx-opacity-base);--dmx-bloom-level: 0}15.384615%,25%{opacity:var(--dmx-opacity-peak);--dmx-bloom-level: 1}25%,30.769231%{opacity:var(--dmx-opacity-base);--dmx-bloom-level: 0}30.769231%,36.538462%{opacity:var(--dmx-opacity-peak);--dmx-bloom-level: 1}36.538462%,46.153846%{opacity:var(--dmx-opacity-base);--dmx-bloom-level: 0}46.153846%,50%{opacity:var(--dmx-opacity-peak);--dmx-bloom-level: 1}50%,53.846154%{opacity:var(--dmx-opacity-base);--dmx-bloom-level: 0}53.846154%,57.692308%{opacity:var(--dmx-opacity-peak);--dmx-bloom-level: 1}57.692308%,65.384615%{opacity:var(--dmx-opacity-base);--dmx-bloom-level: 0}65.384615%,76.923077%{opacity:var(--dmx-opacity-peak);--dmx-bloom-level: 1}76.923077%,84.615385%{opacity:var(--dmx-opacity-base);--dmx-bloom-level: 0}84.615385%,88.461538%{opacity:var(--dmx-opacity-peak);--dmx-bloom-level: 1}88.461538%,92.307692%{opacity:var(--dmx-opacity-base);--dmx-bloom-level: 0}92.307692%,96.153846%{opacity:var(--dmx-opacity-peak);--dmx-bloom-level: 1}96.153846%,to{opacity:var(--dmx-opacity-base);--dmx-bloom-level: 0}}@keyframes dmx-square9-d6{0%,17.307692%{opacity:var(--dmx-opacity-base);--dmx-bloom-level: 0}17.307692%,25%{opacity:var(--dmx-opacity-peak);--dmx-bloom-level: 1}25%,36.538462%{opacity:var(--dmx-opacity-base);--dmx-bloom-level: 0}36.538462%,42.307692%{opacity:var(--dmx-opacity-peak);--dmx-bloom-level: 1}42.307692%,50%{opacity:var(--dmx-opacity-base);--dmx-bloom-level: 0}50%,53.846154%{opacity:var(--dmx-opacity-peak);--dmx-bloom-level: 1}53.846154%,57.692308%{opacity:var(--dmx-opacity-base);--dmx-bloom-level: 0}57.692308%,61.538462%{opacity:var(--dmx-opacity-peak);--dmx-bloom-level: 1}61.538462%,71.153846%{opacity:var(--dmx-opacity-base);--dmx-bloom-level: 0}71.153846%,76.923077%{opacity:var(--dmx-opacity-peak);--dmx-bloom-level: 1}76.923077%,84.615385%{opacity:var(--dmx-opacity-base);--dmx-bloom-level: 0}84.615385%,88.461538%{opacity:var(--dmx-opacity-peak);--dmx-bloom-level: 1}88.461538%,92.307692%{opacity:var(--dmx-opacity-base);--dmx-bloom-level: 0}92.307692%,96.153846%{opacity:var(--dmx-opacity-peak);--dmx-bloom-level: 1}96.153846%,to{opacity:var(--dmx-opacity-base);--dmx-bloom-level: 0}}.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));--dmx-bloom-level: 0}20%,40%{opacity:calc(.3 * var(--dmx-opacity-peak) + .5 * var(--dmx-opacity-mid) + .2 * var(--dmx-opacity-base));--dmx-bloom-level: 0}40%,60%{opacity:calc(.6 * var(--dmx-opacity-mid) + .4 * var(--dmx-opacity-base));--dmx-bloom-level: 0}60%,80%{opacity:calc(.2 * var(--dmx-opacity-mid) + .8 * var(--dmx-opacity-base));--dmx-bloom-level: 0}80%,to{opacity:calc(.625 * var(--dmx-opacity-base));--dmx-bloom-level: 0}}.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);--dmx-bloom-level: 1}8.333333%,16.666667%{opacity:calc(.6 * var(--dmx-opacity-peak) + .4 * var(--dmx-opacity-mid));--dmx-bloom-level: 0}16.666667%,25%{opacity:calc(.5 * var(--dmx-opacity-mid) + .5 * var(--dmx-opacity-base));--dmx-bloom-level: 0}25%,33.333333%{opacity:calc(.3 * var(--dmx-opacity-mid) + .7 * var(--dmx-opacity-base));--dmx-bloom-level: 0}33.333333%,41.666667%{opacity:var(--dmx-opacity-peak);--dmx-bloom-level: 1}41.666667%,50%{opacity:calc(.6 * var(--dmx-opacity-peak) + .4 * var(--dmx-opacity-mid));--dmx-bloom-level: 0}50%,58.333333%{opacity:calc(.5 * var(--dmx-opacity-mid) + .5 * var(--dmx-opacity-base));--dmx-bloom-level: 0}58.333333%,66.666667%{opacity:calc(.3 * var(--dmx-opacity-mid) + .7 * var(--dmx-opacity-base));--dmx-bloom-level: 0}66.666667%,75%{opacity:var(--dmx-opacity-peak);--dmx-bloom-level: 1}75%,83.333333%{opacity:calc(.6 * var(--dmx-opacity-peak) + .4 * var(--dmx-opacity-mid));--dmx-bloom-level: 0}83.333333%,91.666667%{opacity:calc(.5 * var(--dmx-opacity-mid) + .5 * var(--dmx-opacity-base));--dmx-bloom-level: 0}91.666667%,to{opacity:calc(.3 * var(--dmx-opacity-mid) + .7 * var(--dmx-opacity-base));--dmx-bloom-level: 0}}@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}}