.loading_container{--time:1.8s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loading_container .preloader{animation:rotate var(--time) cubic-bezier(.75,0,.5,1) infinite}@keyframes rotate{50%{transform:rotate(1turn)}to{transform:rotate(2turn)}}.preloader span{--c:#f23f3f;position:absolute;display:block;height:64px;width:64px;background:var(--c);border:1px solid var(--c);border-radius:100%}.preloader span:first-child{transform:translate(-28px,-28px);animation:shape_1 var(--time) cubic-bezier(.75,0,.5,1) infinite}@keyframes shape_1{60%{transform:scale(.4)}}.preloader span:nth-child(2){transform:translate(28px,-28px);animation:shape_2 var(--time) cubic-bezier(.75,0,.5,1) infinite}@keyframes shape_2{40%{transform:scale(.4)}}.preloader span:nth-child(3){position:relative;border-radius:0;transform:scale(.98) rotate(-45deg);animation:shape_3 var(--time) cubic-bezier(.75,0,.5,1) infinite}@keyframes shape_3{50%{border-radius:100%;transform:scale(.5) rotate(-45deg)}to{transform:scale(.98) rotate(-45deg)}}.shadow{position:relative;top:30px;left:50%;transform:translateX(-50%);display:block;height:16px;width:64px;border-radius:50%;background-color:#d9d9d9;border:1px solid #d9d9d9;animation:shadow var(--time) cubic-bezier(.75,0,.5,1) infinite}@keyframes shadow{50%{transform:translateX(-50%) scale(.5);border-color:#f2f2f2}}