.dmx-root{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;--dmx-cycle:1500ms;--dmx-opacity-base:0.16;--dmx-opacity-mid:0.32;--dmx-opacity-peak:1;--dmx-halo-level:0}.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;clip-path:none;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-root.dmx-dot-shape-circle .dmx-dot{border-radius:999px;clip-path:none;-webkit-mask:none;mask:none}.dmx-root.dmx-dot-shape-diamond .dmx-dot,.dmx-root.dmx-dot-shape-square .dmx-dot{border-radius:0;clip-path:none;-webkit-mask:none;mask:none}.dmx-root.dmx-dot-shape-diamond .dmx-dot{transform:rotate(45deg) scale(.7071067812)}.dmx-root.dmx-dot-shape-hearts .dmx-dot{position:relative;border-radius:0;clip-path:none;transform:none;background:none;-webkit-mask:none;mask:none}.dmx-root.dmx-dot-shape-hearts .dmx-dot:before{content:"";position:absolute;inset:0;background:var(--dmx-dot-fill,currentColor);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='black' d='m8.593.827c-1.008.012-1.953.464-2.593,1.227-.641-.762-1.586-1.214-2.598-1.227C1.519.839-.007,2.378,0,4.257,0,8.362,4.201,10.875,5.488,11.547h0c.16.084.336.125.511.125s.352-.042.511-.125c1.287-.672,5.489-3.184,5.489-7.289.007-1.88-1.519-3.42-3.407-3.431Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='black' d='m8.593.827c-1.008.012-1.953.464-2.593,1.227-.641-.762-1.586-1.214-2.598-1.227C1.519.839-.007,2.378,0,4.257,0,8.362,4.201,10.875,5.488,11.547h0c.16.084.336.125.511.125s.352-.042.511-.125c1.287-.672,5.489-3.184,5.489-7.289.007-1.88-1.519-3.42-3.407-3.431Z'/%3E%3C/svg%3E");-webkit-mask-position:center;mask-position:center;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.dmx-bloom .dmx-dot{filter:drop-shadow(0 0 calc(var(--dmx-dot-size, 3px) * .75 * max(var(--dmx-bloom-level, 0), var(--dmx-halo-level, 0))) currentColor) drop-shadow(0 0 calc(var(--dmx-dot-size, 3px) * 1.35 * max(var(--dmx-bloom-level, 0), var(--dmx-halo-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 * max(var(--dmx-bloom-level, 0), var(--dmx-halo-level, 0))) currentColor) drop-shadow(0 0 calc(var(--dmx-dot-size, 3px) * 1.62 * max(var(--dmx-bloom-level, 0), var(--dmx-halo-level, 0))) currentColor) drop-shadow(0 0 calc(var(--dmx-dot-size, 3px) * 2.55 * max(var(--dmx-bloom-level, 0), var(--dmx-halo-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)) 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);--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:0.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:0.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}}