@import '../../_coreStyles.scss';
.bolt-spinner {
    align-items: center;
    justify-content: center;
}

@keyframes spinner-anim {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.bolt-spinner-circle {
    border: 1.5px solid $neutral-20;
    border-top-color: $communication-foreground;
    border-radius: 50%;

    animation-name: spinner-anim;
    animation-duration: 1.3s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(0.53, 0.21, 0.29, 0.67);

    &.xsmall {
        width: 0.75rem;
        height: 0.75rem;
    }
    &.small {
        width: 1rem;
        height: 1rem;
    }
    &.medium {
        width: 1.25rem;
        height: 1.25rem;
    }
    &.large {
        width: 1.75rem;
        height: 1.75rem;
    }
}

.bolt-spinner-label {
    color: $communication-foreground;
}