.app-loader{align-items:center;display:flex;height:100vh;justify-content:center;position:relative;width:100vw}.app-loader-sign{bottom:20%;color:#7c3bf1;font-size:2em;font-weight:500;position:absolute}.app-loader .container-loader{grid-gap:10px;animation:ratat 1s infinite alternate;display:grid;grid-template-columns:80px 80px;grid-template-rows:80px 80px;transform-origin:center}@media (max-width:768px){.app-loader .container-loader{grid-gap:5px;grid-template-columns:40px 40px;grid-template-rows:40px 40px}.app-loader-sign{bottom:15%;color:#7c3bf1;font-size:1.5em;font-weight:500;position:absolute}}.app-loader .container-loader .box{animation:ouille .5s infinite alternate}.app-loader .container-loader .box:first-of-type{background:#7c3bf1}.app-loader .container-loader .box:nth-of-type(2){background:#fbb0fb}.app-loader .container-loader .box:nth-of-type(3){background:#fb9cb9}.app-loader .container-loader .box:nth-of-type(4){background:#aeb5f4}@keyframes ratat{0%{grid-gap:10px;transform:rotate(0)}50%{grid-gap:50px;transform:rotate(90deg) scale(1.3)}to{grid-gap:10px;transform:rotate(180deg) scale(1)}}@keyframes ouille{0%{border-radius:0}to{border-radius:50%}}