.loader{border-radius:50%;color:var(--main-red);height:48px;perspective:1000px;transform:rotate(45deg);width:48px}.loader:after,.loader:before{animation:spin 1s linear infinite;border-radius:50%;content:"";display:block;height:inherit;left:0;position:absolute;top:0;transform:rotateX(70deg);width:inherit}.loader:after{animation-delay:.4s;color:var(--by-main-blue);transform:rotateY(70deg)}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes rotateccw{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(-1turn)}}@keyframes spin{0%,to{box-shadow:.2em 0 0 0 currentcolor}12%{box-shadow:.2em .2em 0 0 currentcolor}25%{box-shadow:0 .2em 0 0 currentcolor}37%{box-shadow:-.2em .2em 0 0 currentcolor}50%{box-shadow:-.2em 0 0 0 currentcolor}62%{box-shadow:-.2em -.2em 0 0 currentcolor}75%{box-shadow:0 -.2em 0 0 currentcolor}87%{box-shadow:.2em -.2em 0 0 currentcolor}}