.box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;height:70vh}.loader{color:#6c75cc;position:relative;display:inline-block;font-size:48px;letter-spacing:4px}.loader:before{right:70px;bottom:16px;height:24px;width:4px;background:currentColor}.loader:after,.loader:before{content:"";box-sizing:border-box;position:absolute}.loader:after{width:8px;height:8px;left:125px;top:0;border-radius:50%;background:#50b4d6;animation:animloader 1s ease-in infinite}.loader_two{color:#50b4d6;font-size:6px;width:1em;height:1em;border-radius:50%;position:relative;text-indent:-9999em;animation:mulShdSpin 1.1s linear infinite;transform:translateZ(0)}@keyframes animloader{0%{transform:translateY(8px) scaleY(1) scaleX(1.25)}25%,75%{transform:translateY(-5px) scaleY(1.2) scaleX(1)}50%{transform:translateY(-10px) scaleY(1) scaleX(1)}to{transform:translateY(8px) scaleY(.8) scaleX(.8)}}@keyframes mulShdSpin{0%,to{box-shadow:0 -3em 0 .2em,2em -2em 0 0,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 0}12.5%{box-shadow:0 -3em 0 0,2em -2em 0 .2em,3em 0 0 0,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}25%{box-shadow:0 -3em 0 -.5em,2em -2em 0 0,3em 0 0 .2em,2em 2em 0 0,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}37.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 0,2em 2em 0 .2em,0 3em 0 0,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}50%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 0,0 3em 0 .2em,-2em 2em 0 0,-3em 0 0 -1em,-2em -2em 0 -1em}62.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 0,-2em 2em 0 .2em,-3em 0 0 0,-2em -2em 0 -1em}75%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 .2em,-2em -2em 0 0}87.5%{box-shadow:0 -3em 0 0,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 0,-2em -2em 0 .2em}}