.spinner-wrapper{height:54px;width:54px;display:flex;justify-content:center;align-items:center}
.spinner-wrapper .loader{display:block;font-size:8px;width:1em;height:1em;border-radius:50%;position:relative;text-indent:-9999em;animation:mulShdSpin 1.1s infinite ease;transform:translateZ(0)}
@keyframes mulShdSpin{00%,100%{box-shadow:0 -2.6em 0 0 #d52b1e,1.8em -1.8em 0 0 #c3c1c2,2.5em 0 0 0 #c3c1c2,1.75em 1.75em 0 0 #c3c1c2,0 2.5em 0 0 #c3c1c2,-1.8em 1.8em 0 0 #c3c1c2,-2.6em 0 0 0 #c3c1c2,-1.8em -1.8em 0 0 #c3c1c2}
12.5%{box-shadow:0 -2.6em 0 0 #c3c1c2,1.8em -1.8em 0 0 #d52b1e,2.5em 0 0 0 #c3c1c2,1.75em 1.75em 0 0 #c3c1c2,0 2.5em 0 0 #c3c1c2,-1.8em 1.8em 0 0 #c3c1c2,-2.6em 0 0 0 #c3c1c2,-1.8em -1.8em 0 0 #c3c1c2}
25%{box-shadow:0 -2.6em 0 0 #c3c1c2,1.8em -1.8em 0 0 #c3c1c2,2.5em 0 0 0 #d52b1e,1.75em 1.75em 0 0 #c3c1c2,0 2.5em 0 0 #c3c1c2,-1.8em 1.8em 0 0 #c3c1c2,-2.6em 0 0 0 #c3c1c2,-1.8em -1.8em 0 0 #c3c1c2}
37.5%{box-shadow:0 -2.6em 0 0 #c3c1c2,1.8em -1.8em 0 0 #c3c1c2,2.5em 0 0 0 #c3c1c2,1.75em 1.75em 0 0 #d52b1e,0 2.5em 0 0 #c3c1c2,-1.8em 1.8em 0 0 #c3c1c2,-2.6em 0 0 0 #c3c1c2,-1.8em -1.8em 0 0 #c3c1c2}
50%{box-shadow:0 -2.6em 0 0 #c3c1c2,1.8em -1.8em 0 0 #c3c1c2,2.5em 0 0 0 #c3c1c2,1.75em 1.75em 0 0 #c3c1c2,0 2.5em 0 0 #d52b1e,-1.8em 1.8em 0 0 #c3c1c2,-2.6em 0 0 0 #c3c1c2,-1.8em -1.8em 0 0 #c3c1c2}
62.5%{box-shadow:0 -2.6em 0 0 #c3c1c2,1.8em -1.8em 0 0 #c3c1c2,2.5em 0 0 0 #c3c1c2,1.75em 1.75em 0 0 #c3c1c2,0 2.5em 0 0 #c3c1c2,-1.8em 1.8em 0 0 #d52b1e,-2.6em 0 0 0 #c3c1c2,-1.8em -1.8em 0 0 #c3c1c2}
75%{box-shadow:0 -2.6em 0 0 #c3c1c2,1.8em -1.8em 0 0 #c3c1c2,2.5em 0 0 0 #c3c1c2,1.75em 1.75em 0 0 #c3c1c2,0 2.5em 0 0 #c3c1c2,-1.8em 1.8em 0 0 #c3c1c2,-2.6em 0 0 0 #d52b1e,-1.8em -1.8em 0 0 #c3c1c2}
87.5%{box-shadow:0 -2.6em 0 0 #c3c1c2,1.8em -1.8em 0 0 #c3c1c2,2.5em 0 0 0 #c3c1c2,1.75em 1.75em 0 0 #c3c1c2,0 2.5em 0 0 #c3c1c2,-1.8em 1.8em 0 0 #c3c1c2,-2.6em 0 0 0 #c3c1c2,-1.8em -1.8em 0 0 #d52b1e}
}