.spinner{display:inline-block;width:51.2px;height:51.2px;position:relative;top:50%;margin-top:-25.6px;line-height:100%;z-index:10002}.spinner .text{position:absolute;top:100%;left:0;right:0;margin-top:1.6em;text-align:center;font-size:80%;color:rgba(0,0,0,.4)}.spinner .spinner-circle{position:absolute;background-color:transparent;border-radius:50%;border-style:solid;border-color:#181818 transparent}.spinner .spinner-circle.spinner-circle-outer{width:51.2px;height:51.2px;border-width:12.8px;top:-6.400000000000002px;left:-6.400000000000002px;opacity:.2;-ms-filter:alpha(opacity=50);filter:alpha(opacity=50);animation:spinner-rotate-outer 2s ease-in-out 0s infinite}.spinner .spinner-circle.spinner-circle-inner{width:25.6px;height:25.6px;border-width:6.4px;top:12.799999999999999px;left:12.799999999999999px;opacity:0;-ms-filter:alpha(opacity=70);filter:alpha(opacity=70);animation:spinner-rotate-inner 3s linear 0s infinite}.spinner .spinner-circle.spinner-circle-single-1{width:38.4px;height:38.4px;border-width:9.6px;top:3.200000000000001px;left:3.200000000000001px;opacity:.9;-ms-filter:alpha(opacity=30);filter:alpha(opacity=30);animation:spinner-rotate-single-1 5s ease-in-out 0s infinite;border-color:transparent transparent transparent #4dc3ff;box-shadow:2px 0 2px #4dc3ff}.spinner .spinner-circle.spinner-circle-single-2{width:0;height:0;border-width:25.6px;top:6.399999999999999px;left:6.399999999999999px;opacity:0;-ms-filter:alpha(opacity=30);filter:alpha(opacity=30);animation:spinner-rotate-single-2 7s ease-in-out 0s infinite;border-color:#4dc3ff transparent transparent;box-shadow:0 -12px 4px #4dc3ff}@keyframes spinner-rotate-outer{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spinner-rotate-inner{0%{transform:rotate(30deg)}to{transform:rotate(390deg)}}@keyframes spinner-rotate-single-1{0%{transform:rotate(56deg)}20%{transform:rotate(-132deg)}40%{transform:rotate(-250deg)}60%{transform:rotate(40deg)}70%{transform:rotate(-80deg)}to{transform:rotate(56deg)}}@keyframes spinner-rotate-single-2{0%{transform:rotate(-24deg)}10%{transform:rotate(142deg)}20%{transform:rotate(-87deg)}30%{transform:rotate(-345deg)}40%{transform:rotate(86deg)}50%{transform:rotate(175deg)}60%{transform:rotate(-245deg)}70%{transform:rotate(4deg)}80%{transform:rotate(-132deg)}90%{transform:rotate(345deg)}to{transform:rotate(-24deg)}}