.tevarai-loading-container {
	margin: 10px auto;
	width: 40px;
    height: 40px;
}
.tevarai-loading-spinner {
    width: 40px;
    height: 40px;
    border: 2px solid rgba(var(--midgrey), 0.25);
    border-top: 2px solid rgba(var(--primary), 1);
	border-bottom: 2px solid rgba(var(--primary), 1);
    border-radius: 50%;
    animation: tevarai-loading-spin 1s linear infinite;
}
.tevarai-inner-loading-spinner {
    width: 20px;
    height: 20px;
	margin: 8px;
    border: 2px solid rgba(var(--midgrey), 0.25);
    border-top: 2px solid rgba(var(--primary), 1);
	border-left: 2px solid rgba(var(--primary), 1);
    border-radius: 50%;
    animation: tevarai-inner-loading-spin 0.5s linear infinite;
}

.tevarai-inner-loading-ball {
	display:none;
    width: 8px;
    height: 8px;
	margin: 4px;
    background-color: rgba(var(--secondary), 1);
    border-radius: 35%;
    animation: tevarai-inner-loading-ball .75s linear infinite;
}
@keyframes tevarai-loading-spin {
    to {
        transform: rotate(360deg);
    }
}
@keyframes tevarai-inner-loading-spin {
    to {
        transform: rotate(-360deg);
    }
}
@keyframes tevarai-inner-loading-ball {
    to {
        transform: rotate(360deg);
    }
}