.wlTOuAUnEi{
position: fixed;
inset:0;
z-index:1000;
/* backdrop-filter:blur(4px); */
display: flex;
align-items: center;
justify-content: center;
}

.spinner{
width: 56px;
height: 56px;
border-radius: 50%;
border: 4px solid rgba(255,255,255,.2);
border-top-color: var(--main-color);
animation: spin 0.9s linear infinite;
position: relative;
}

.spinner::after{
content: "";
position: absolute;
inset: 8px;
border-radius: 50%;
border: 4px solid transparent;
border-bottom-color: var(--main-color);
animation: spinReverse 0.6s linear infinite;
}

@keyframes spin{
to{ transform: rotate(360deg); }
}

@keyframes spinReverse{
to{ transform: rotate(-360deg); }
}