/********************
	Style général des loaders
********************/
.bwa__loader__wrapper {
    position        : relative;
    display         : flex;
    align-items     : center;
    justify-content : center;
}

.bwa__loader__overlay {
    opacity        : 0;
    pointer-events : none;

    position       : absolute;
    top            : 0;
    left           : 0;
    right          : 0;
    bottom         : 0;
    width          : 100%;
    height         : 100%;
    background     : rgba(255, 255, 255, 0.5);
}

.bwa__loader__overlay.is--active {
    opacity        : 1;
    pointer-events : all;
}

.bwa__loader {
    opacity         : 0;
    pointer-events  : none;
    align-self      : center;
    justify-self    : center;
    position        : absolute;
    display         : flex;
    align-items     : center;
    justify-content : center;
    font-size       : 64px;
    width           : 1em;
    height          : 1em;
}

.bwa__loader.is--active {
    opacity : 1;
}

.bwa__loader:after {
    content       : " ";
    display       : block;
    width         : 0.71875em;
    height        : 0.71875em;
    margin        : 1px;
    border-radius : 50%;
    border        : 5px solid var(--color-secondary);
    border-color  : var(--color-secondary) transparent var(--color-secondary) transparent;
    animation     : add-to-cart__loader--animation 1.2s linear infinite;
}

@keyframes add-to-cart__loader--animation {
    0% {
        transform : rotate(0deg);
    }
    100% {
        transform : rotate(360deg);
    }
}