:root{--c1:#a84cff;--c2:#195ecd;--c3:#fa7145;--size:68px;--speed:1.5s;--ring-width:3px}.expanding-rings-loader{width:var(--size);height:var(--size);justify-content:center;align-items:center;display:flex;position:relative}.expanding-rings-loader.size-sm{width:var(--size);height:var(--size)}.expanding-rings-loader.size-md{width:calc(var(--size) * 3);height:calc(var(--size) * 3)}.expanding-rings-loader.size-lg{width:calc(var(--size) * 6);height:calc(var(--size) * 6)}.ring-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.expanding-rings-loader .ring{border:var(--ring-width) solid transparent;will-change:transform, opacity;width:100%;height:100%;animation:expandRing var(--speed) infinite ease-out;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.expanding-rings-loader .ring-1{--ring-scale:.55;border-color:var(--c1);animation-delay:0s}.expanding-rings-loader .ring-2{--ring-scale:.78;border-color:var(--c2);animation-delay:calc(var(--speed) * .33)}.expanding-rings-loader .ring-3{--ring-scale:1;border-color:var(--c3);animation-delay:calc(var(--speed) * .66)}@keyframes expandRing{0%{opacity:1;transform:translate(-50%,-50%)scale(.05)}50%{opacity:.8}to{opacity:0;transform:translate(-50%, -50%) scale(var(--ring-scale))}}.expanding-rings-loader.is-static .ring{opacity:.6;transform:translate(-50%, -50%) scale(var(--ring-scale));animation:none}@media (prefers-reduced-motion:reduce){.expanding-rings-loader .ring{opacity:.6;transform:translate(-50%, -50%) scale(var(--ring-scale));animation:none}}