.dot-grid-loader{--unit:calc(var(--loader-size) / 23);--dot-size:calc(var(--unit) * 3);grid-template-columns:repeat(var(--grid-size), var(--dot-size));gap:calc(var(--unit) * 2);display:inline-grid}.dot-grid-loader span{--rest-scale:.85;width:var(--dot-size);height:var(--dot-size);box-shadow:0 0 var(--dot-size) color-mix(in srgb, currentColor 30%, transparent);opacity:.15;animation:1.4s cubic-bezier(.45,0,.55,1) infinite backwards dot-grid-loader-wave;animation-delay:calc(var(--step) * 90ms);background-color:currentColor;border-radius:50%}@keyframes dot-grid-loader-wave{0%,55%,to{opacity:.15;transform:scale(var(--rest-scale))}12%{opacity:1;transform:scale(1)}}@media (forced-colors:active){.dot-grid-loader span{background-color:canvastext}}@media (prefers-reduced-motion:reduce){.dot-grid-loader span{--rest-scale:1}}