@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(.53,.21,.29,.67);

    &.xsmall {
        width: 12px;
        height: 12px;
    }
    &.small {
        width: 16px;
        height: 16px;
    }
    &.medium {
        width: 20px;
        height: 20px;
    }
    &.large {
        width: 28px;
        height: 28px;
    }
}

.bolt-spinner-label {
    margin-top: 8px;
    text-align: center;
    color: $communication-foreground;
}