.spinner{display:block;height:0;width:25%;padding-top:25%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' width='100' height='100'%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='.797' y1='16.417' x2='63.166' y2='16.417'%3E%3Cstop offset='.1' stop-color='%23FFFFFF' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23FFFFFF'/%3E%3C/linearGradient%3E%3Cpath fill='url%28%23a%29' d='M63.2 32C63.2 15 49.2.8 32 .8S.8 14.8.8 32h9.6c0-11.9 9.7-21.6 21.6-21.6S53.6 20 53.6 32h9.6z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;-webkit-animation:animationSpinner 1s linear;-webkit-animation-iteration-count:infinite;-webkit-transform-origin:50% 50%;animation:animationSpinner 1s linear;animation-iteration-count:infinite;transform-origin:50% 50%;background-size:100% 100%}.spinner.black{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' width='100' height='100'%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='.797' y1='16.417' x2='63.166' y2='16.417'%3E%3Cstop offset='.1' stop-color='%23000000' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23000000'/%3E%3C/linearGradient%3E%3Cpath fill='url%28%23a%29' d='M63.2 32C63.2 15 49.2.8 32 .8S.8 14.8.8 32h9.6c0-11.9 9.7-21.6 21.6-21.6S53.6 20 53.6 32h9.6z'/%3E%3C/svg%3E")}@media(min-width:1025px){.spinner{width:8%;padding-top:8%}}@keyframes animationSpinner{0%{transform:rotate(0)}to{transform:rotate(1turn)}}