.dmx-root{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;--dmx-dot-size: 3px;--dmx-dot-fill: currentColor;--dmx-halo-level: 0}.dmx-dot{display:block;border-radius:999px;background:var(--dmx-dot-fill, currentColor);transform-origin:center;will-change:opacity}.dmx-root.dmx-dot-shape-square .dmx-dot{border-radius:0}.dmx-root.dmx-dot-shape-diamond .dmx-dot{border-radius:0;transform:rotate(45deg) scale(.7071067812)}.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:.16;--dmx-bloom-level: 0}@media(prefers-reduced-motion:reduce){.dmx-dot{transition:none!important}}