@keyframes horaire{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(720deg)}}@keyframes antiHoraire{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(-720deg)}}@keyframes growingCircle{from{border-width:1px;opacity:0;width:130px;height:130px}10%{opacity:.07}30%{opacity:.03}to{border-width:145px;opacity:0;width:590px;height:590px}}@keyframes pulse{from{transform:translate(-50%,-50%) scale(1)}3%{transform:translate(-50%,-50%) scale(1.5)}6%{transform:translate(-50%,-50%) scale(1)}}#loader{position:fixed;width:100px;height:100px;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;display:none;z-index:10001}.loadingContent #loader{display:block}#loader::before{content:"";position:absolute;display:block;width:150px;height:150px;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);border-style:solid;border-width:0;border-color:#ffe600;animation:growingCircle 2.5s linear .57s infinite}#loader::after{content:"";position:absolute;display:block;width:14px;height:14px;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);border-style:solid;border-width:5px;border-color:#ffe600;animation:pulse 2.5s linear infinite}#loader .out{position:absolute;width:100px;height:100px;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);overflow:hidden;animation:horaire 2.5s ease-in-out infinite alternate}#loader .out>div{position:absolute;width:100px;height:100px;left:0;top:0}#loader .out>div:first-child{transform:rotate(120deg)}#loader .out>div:last-child{transform:rotate(-120deg)}#loader .out>div::before{content:"";background:#e3013a;position:absolute;display:block;width:100px;height:100px;left:0;top:0;border-radius:50%;transform:translateX(85px)}#loader .in{position:absolute;width:60px;height:60px;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);overflow:hidden;animation:antiHoraire 2.5s ease-in-out infinite alternate}#loader .in>div{position:absolute;width:60px;height:60px;left:0;top:0}#loader .in>div:first-child{transform:rotate(120deg)}#loader .in>div:last-child{transform:rotate(-120deg)}#loader .in>div::before{content:"";background:#0069b2;position:absolute;display:block;width:60px;height:60px;left:0;top:0;border-radius:50%;transform:translateX(45px)}