.loading-dots{gap:5px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loading-dots>span{background:var(--primary);border-radius:999px;width:12px;height:12px;animation:1.4s ease-in-out infinite both loading-dot}.loading-dots>span:first-child{animation-delay:-.32s}.loading-dots>span:nth-child(2){animation-delay:-.16s}:where([data-loading-dots-variant=legacy-icon]){justify-content:center;gap:3px;width:70px;display:flex}:where([data-loading-dots-variant=legacy-icon])>i{background:var(--primary);border-radius:100%;width:12px;height:12px;animation:1.4s ease-in-out infinite both loading-dot}:where([data-loading-dots-variant=legacy-icon],[data-loading-dots-variant=setup])>i:first-child,:where([data-loading-dots-variant=legacy-span])>.dot1{animation-delay:-.32s}:where([data-loading-dots-variant=legacy-icon],[data-loading-dots-variant=setup])>i:nth-child(2),:where([data-loading-dots-variant=legacy-span])>.dot2{animation-delay:-.16s}:where([data-loading-dots-variant=legacy-span]){text-align:center;width:70px}:where([data-loading-dots-variant=legacy-span])>span{background:var(--primary);border-radius:100%;width:12px;height:12px;animation:1.4s ease-in-out infinite both loading-dot;display:inline-block}:where([data-loading-dots-variant=setup]){justify-content:space-between;align-items:center;width:70px;display:flex}:where([data-loading-dots-variant=setup])>i{background:var(--primary);border-radius:50%;width:14px;height:14px;animation:1.4s ease-in-out infinite both loading-dot}@keyframes loading-dot{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}