.loader-container{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100vh;background-color:hsla(0,0%,50%,.3);z-index:1000}.loader{position:relative;width:2.5em;height:2.5em;transform:rotate(165deg);z-index:1001}.loader:after,.loader:before{content:"";position:absolute;top:50%;left:50%;display:block;width:.5em;height:.5em;border-radius:.25em;transform:translate(-50%,-50%)}.loader:before{animation:before8 2s infinite}.loader:after{animation:after6 2s infinite}@keyframes before8{0%{width:.5em;box-shadow:1em -.5em #ee386c,-1em .5em #23abe1}35%{width:2.5em;box-shadow:0 -.5em #ee386c,0 .5em #23abe1}70%{width:.5em;box-shadow:-1em -.5em #ee386c,1em .5em #23abe1}to{box-shadow:1em -.5em #ee386c,-1em .5em #23abe1}}@keyframes after6{0%{height:.5em;box-shadow:.5em 1em #74c042,-.5em -1em #eace17}35%{height:2.5em;box-shadow:.5em 0 #74c042,-.5em 0 #eace17}70%{height:.5em;box-shadow:.5em -1em #74c042,-.5em 1em #eace17}to{box-shadow:.5em 1em #74c042,-.5em -1em #eace17}}.pl{width:6em;height:6em}.pl__ring{animation:ringA 2s linear infinite}.pl__ring--a{stroke:#74c042}.pl__ring--b{animation-name:ringB;stroke:#eace17}.pl__ring--c{animation-name:ringC;stroke:#23abe1}.pl__ring--d{animation-name:ringD;stroke:#ee386c}@keyframes ringA{0%,4%{stroke-dasharray:0 660;stroke-width:20;stroke-dashoffset:-330}12%{stroke-dasharray:60 600;stroke-width:30;stroke-dashoffset:-335}32%{stroke-dasharray:60 600;stroke-width:30;stroke-dashoffset:-595}40%,54%{stroke-dasharray:0 660;stroke-width:20;stroke-dashoffset:-660}62%{stroke-dasharray:60 600;stroke-width:30;stroke-dashoffset:-665}82%{stroke-dasharray:60 600;stroke-width:30;stroke-dashoffset:-925}90%,to{stroke-dasharray:0 660;stroke-width:20;stroke-dashoffset:-990}}@keyframes ringB{0%,12%{stroke-dasharray:0 220;stroke-width:20;stroke-dashoffset:-110}20%{stroke-dasharray:20 200;stroke-width:30;stroke-dashoffset:-115}40%{stroke-dasharray:20 200;stroke-width:30;stroke-dashoffset:-195}48%,62%{stroke-dasharray:0 220;stroke-width:20;stroke-dashoffset:-220}70%{stroke-dasharray:20 200;stroke-width:30;stroke-dashoffset:-225}90%{stroke-dasharray:20 200;stroke-width:30;stroke-dashoffset:-305}98%,to{stroke-dasharray:0 220;stroke-width:20;stroke-dashoffset:-330}}@keyframes ringC{0%{stroke-dasharray:0 440;stroke-width:20;stroke-dashoffset:0}8%{stroke-dasharray:40 400;stroke-width:30;stroke-dashoffset:-5}28%{stroke-dasharray:40 400;stroke-width:30;stroke-dashoffset:-175}36%,58%{stroke-dasharray:0 440;stroke-width:20;stroke-dashoffset:-220}66%{stroke-dasharray:40 400;stroke-width:30;stroke-dashoffset:-225}86%{stroke-dasharray:40 400;stroke-width:30;stroke-dashoffset:-395}94%,to{stroke-dasharray:0 440;stroke-width:20;stroke-dashoffset:-440}}@keyframes ringD{0%,8%{stroke-dasharray:0 440;stroke-width:20;stroke-dashoffset:0}16%{stroke-dasharray:40 400;stroke-width:30;stroke-dashoffset:-5}36%{stroke-dasharray:40 400;stroke-width:30;stroke-dashoffset:-175}44%,50%{stroke-dasharray:0 440;stroke-width:20;stroke-dashoffset:-220}58%{stroke-dasharray:40 400;stroke-width:30;stroke-dashoffset:-225}78%{stroke-dasharray:40 400;stroke-width:30;stroke-dashoffset:-395}86%,to{stroke-dasharray:0 440;stroke-width:20;stroke-dashoffset:-440}}