/* -------------
    SOMMAIRE
------------- */

/*
    @AUTHOR : Nicolas BOUDOT

    ATOME : LOADER
    Styles du loader de chargement de la page
*/



.atom_loader {
    position: relative;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    animation: rotate 1s linear infinite
}

    .atom_loader::before {
        content: "";
        box-sizing: border-box;
        position: absolute;
        inset: 0;
        border: 5px solid var(--c-primary);
        border-radius: 50%;
        animation: circular-progress-bar 2s linear infinite ;
    }

    @keyframes rotate {
        100%   {transform: rotate(360deg)}
    }

    @keyframes circular-progress-bar {
        0%   {clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}
        25%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}
        50%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}
        75%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}
        100% {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}
    }