.loader{width:2.5em;height:2.5em;position:relative;transform:rotate(165deg)}.loader:before,.loader:after{content:"";border-radius:.25em;width:.5em;height:.5em;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loader:before{animation:2s infinite before8}.loader:after{animation:2s infinite after6}@keyframes before8{0%{width:.5em;box-shadow:1em -.5em rgba(225,20,98,.75),-1em .5em rgba(111,202,220,.75)}35%{width:2.5em;box-shadow:0 -.5em rgba(225,20,98,.75),0 .5em rgba(111,202,220,.75)}70%{width:.5em;box-shadow:-1em -.5em rgba(225,20,98,.75),1em .5em rgba(111,202,220,.75)}to{box-shadow:1em -.5em rgba(225,20,98,.75),-1em .5em rgba(111,202,220,.75)}}@keyframes after6{0%{height:.5em;box-shadow:.5em 1em rgba(61,184,143,.75),-.5em -1em rgba(233,169,32,.75)}35%{height:2.5em;box-shadow:.5em 0 rgba(61,184,143,.75),-.5em 0 rgba(233,169,32,.75)}70%{height:.5em;box-shadow:.5em -1em rgba(61,184,143,.75),-.5em 1em rgba(233,169,32,.75)}to{box-shadow:.5em 1em rgba(61,184,143,.75),-.5em -1em rgba(233,169,32,.75)}}.loader{position:absolute;top:calc(50% - 1.25em);left:calc(50% - 1.25em)}