.dmx-root{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;--dmx-opacity-base: .16;--dmx-opacity-mid: .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{display:block;border-radius:999px;background:var(--dmx-dot-fill, currentColor);opacity:calc(.5 * (var(--dmx-opacity-base) + var(--dmx-opacity-mid)));transform-origin:center;will-change:opacity;--dmx-bloom-level: 0}.dmx-root.dmx-dot-shape-circle .dmx-dot{border-radius:999px;clip-path:none}.dmx-root.dmx-dot-shape-square .dmx-dot{border-radius:0;clip-path:none}.dmx-root.dmx-dot-shape-diamond .dmx-dot{border-radius:0;clip-path:none;transform:rotate(45deg) scale(.7071067812)}.dmx-root.dmx-dot-shape-hearts .dmx-dot{position:relative;border-radius:0;background: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)}.dmx-muted .dmx-dot{opacity:calc(.44 * var(--dmx-opacity-mid));--dmx-bloom-level: 0}.dmx-dot.dmx-inactive{opacity:0!important;animation:none!important;visibility:hidden;pointer-events:none;filter:none;will-change:auto;--dmx-bloom-level: 0}@media(prefers-reduced-motion:reduce){.dmx-dot{animation:none!important}}