.dmx-square{vertical-align:middle;flex:none;grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(5,1fr);place-items:center;display:inline-grid}.dmx-square-dot{width:var(--dmx-dot-size,4px);height:var(--dmx-dot-size,4px);opacity:.18;background:currentColor}.dmx-square-dot-round{border-radius:999px}.dmx-square-dot-hidden{visibility:hidden}.dmx-square-active .dmx-square-dot:not(.dmx-square-dot-hidden){animation:1.5s linear infinite dmx-square-spiral;animation-delay:calc(var(--dmx-order) * -42ms)}@keyframes dmx-square-spiral{0%,72%,to{opacity:.14}18%{opacity:1}34%{opacity:.45}}@media (prefers-reduced-motion:reduce){.dmx-square-active .dmx-square-dot:not(.dmx-square-dot-hidden){opacity:.58;animation:none}}