@import './styles/<!--partnerName--settings-->';
@import './styles/tools';

:host {
    width: $spinner-size;
    height: $spinner-size;
}

.c-progress-loading-spinner {
    width: inherit;
    height: inherit;
    position: relative;
}
    .c-progress-loading-spinner__background {
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 50%;
        border: $spinner-width solid $spinner-background;
        width: 100%;
        height: 100%;
    }

    .c-progress-loading-spinner__spinner {
        top: 0;
        left: 0;
        position: absolute;
        width: 100%;
        height: 100%;
    }

            .c-progress-loading-spinner__progress--flipped {
                transform: rotateY(180deg);
            }

    .c-progress-loading-spinner__progress {
        stroke: $spinner-color;
    }



    .c-progress-loading-spinner__normal {
        border-left-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
    }