.loader-container{width:30px;height:30px;position:absolute;-moz-animation:scaleUp 0.5s linear;-webkit-animation:scaleUp 0.5s linear;animation:scaleUp 0.5s linear;-moz-transform:scale(0);-ms-transform:scale(0);-webkit-transform:scale(0);transform:scale(0);opacity:0}.loader-container .loader{background:#ff0c0c;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9Ii0wLjAzOTYxNCIgeTE9IjAuOTUyNzkiIHgyPSIxLjAzOTYxNCIgeTI9IjAuMDQ3MjEiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZjBjMGMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMWQ0MDAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=);background:-moz-linear-gradient(40deg,#ff0c0c,#21d400);background:-webkit-linear-gradient(40deg,#ff0c0c,#21d400);background:linear-gradient(50deg,#ff0c0c,#21d400);border-radius:50%;-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg);animation:filterHue 2.5s linear infinite;height:100%;width:100%;transform:rotate(0deg)}.loader-container .loader::after{content:'';position:absolute;height:80px;width:80px;left:10px;top:10px;border-radius:100%}@-webkit-keyframes $animationName{50%{-webkit-filter:hue-rotate(1000deg);filter:hue-rotate(1000deg)}100%{-webkit-filter:hue-rotate(2000deg);filter:hue-rotate(2000deg)}}@-moz-keyframes filterHue2{50%{-webkit-filter:hue-rotate(1000deg);filter:hue-rotate(1000deg)}100%{-webkit-filter:hue-rotate(2000deg);filter:hue-rotate(2000deg)}}@-ms-keyframes filterHue2{50%{-webkit-filter:hue-rotate(1000deg);filter:hue-rotate(1000deg)}100%{-webkit-filter:hue-rotate(2000deg);filter:hue-rotate(2000deg)}}@keyframes filterHue2{50%{-webkit-filter:hue-rotate(1000deg);filter:hue-rotate(1000deg)}100%{-webkit-filter:hue-rotate(2000deg);filter:hue-rotate(2000deg)}}@-webkit-keyframes $animationName{50%{-webkit-filter:hue-rotate(1000deg);filter:hue-rotate(1000deg)}100%{-webkit-filter:hue-rotate(2000deg);filter:hue-rotate(2000deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes filterHue{50%{-webkit-filter:hue-rotate(1000deg);filter:hue-rotate(1000deg)}100%{-webkit-filter:hue-rotate(2000deg);filter:hue-rotate(2000deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-ms-keyframes filterHue{50%{-webkit-filter:hue-rotate(1000deg);filter:hue-rotate(1000deg)}100%{-webkit-filter:hue-rotate(2000deg);filter:hue-rotate(2000deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes filterHue{50%{-webkit-filter:hue-rotate(1000deg);filter:hue-rotate(1000deg)}100%{-webkit-filter:hue-rotate(2000deg);filter:hue-rotate(2000deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes $animationName{50%{-moz-transform:scale(.5);-ms-transform:scale(.5);-webkit-transform:scale(.5);transform:scale(.5);opacity:1}100%{-moz-transform:scale(.25);-ms-transform:scale(.25);-webkit-transform:scale(.25);transform:scale(.25)}}@-moz-keyframes scaleUp{50%{-moz-transform:scale(.5);-ms-transform:scale(.5);-webkit-transform:scale(.5);transform:scale(.5);opacity:1}100%{-moz-transform:scale(.25);-ms-transform:scale(.25);-webkit-transform:scale(.25);transform:scale(.25)}}@-ms-keyframes scaleUp{50%{-moz-transform:scale(.5);-ms-transform:scale(.5);-webkit-transform:scale(.5);transform:scale(.5);opacity:1}100%{-moz-transform:scale(.25);-ms-transform:scale(.25);-webkit-transform:scale(.25);transform:scale(.25)}}@keyframes scaleUp{50%{-moz-transform:scale(.5);-ms-transform:scale(.5);-webkit-transform:scale(.5);transform:scale(.5);opacity:1}100%{-moz-transform:scale(.25);-ms-transform:scale(.25);-webkit-transform:scale(.25);transform:scale(.25)}}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.loader{background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9Ii0wLjAzOTYxNCIgeTE9IjAuOTUyNzkiIHgyPSIxLjAzOTYxNCIgeTI9IjAuMDQ3MjEiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmMDAwNTAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMzgwZmYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=)!important;background:-moz-linear-gradient(40deg,#f00050,#2380ff)!important;background:-webkit-linear-gradient(40deg,#f00050,#2380ff)!important;background:linear-gradient(50deg,#f00050,#2380ff)!important}}