.spinner-border-md {
    width: 1.5rem !important;
    height: 1.5rem !important;
    border-width: 0.145em !important;
}

.svg-spinner {
    animation: spin 1s linear infinite;
    color: var(--ccp-theme-primary);
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.spinner-size-sm {
    width: var(--size-16);
    height: var(--size-16);
}

.spinner-size-md {
    width: var(--size-24);
    height: var(--size-24);
}

.spinner-size-lg {
    width: var(--size-40);
    height: var(--size-40);
}