.spinner-wrapper{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:12px;

}

.spinner{

    border-radius:50%;

    border:3px solid rgba(255,255,255,.12);

    border-top-color:var(--primary);

    animation:spinnerRotate .7s linear infinite;

    box-shadow:
        0 0 18px rgba(47,107,255,.35);

}

.spinner-sm{

    width:18px;

    height:18px;

}

.spinner-md{

    width:30px;

    height:30px;

}

.spinner-lg{

    width:52px;

    height:52px;

}

.spinner-label{

    color:var(--text-secondary);

    font-size:14px;

    font-weight:500;

}

@keyframes spinnerRotate{

    from{

        transform:rotate(0deg);

    }

    to{

        transform:rotate(360deg);

    }

}