.Spinner.a{transform:rotate(45deg);perspective:1000px;border-radius:50%;width:48px;height:48px;color:rgb(var(--color-palette-a)/1)}.Spinner.a:after,.Spinner.a:before{content:"";display:block;position:absolute;top:0;left:0;width:inherit;height:inherit;border-radius:50%;transform:rotateX(70deg);animation:spin 1s linear infinite}.Spinner.a:after{color:rgb(var(--color-palette-b)/1);transform:rotateY(70deg);animation-delay:.4s}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes rotateccw{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(-1turn)}}@keyframes spin{0%,to{box-shadow:.35em 0 0 0 currentcolor}12%{box-shadow:.35em .35em 0 0 currentcolor}25%{box-shadow:0 .35em 0 0 currentcolor}37%{box-shadow:-.35em .35em 0 0 currentcolor}50%{box-shadow:-.35em 0 0 0 currentcolor}62%{box-shadow:-.35em -.35em 0 0 currentcolor}75%{box-shadow:0 -.35em 0 0 currentcolor}87%{box-shadow:.35em -.35em 0 0 currentcolor}}.Spinner.b{display:inline-block;border-top:4px solid rgb(var(--color-palette-a)/1);border-right:4px solid transparent;animation:rotation 1s linear infinite}.Spinner.b,.Spinner.b:after{width:48px;height:48px;border-radius:50%;box-sizing:border-box}.Spinner.b:after{content:"";position:absolute;left:0;top:0;border-bottom:4px solid rgb(var(--color-palette-b)/1);border-left:4px solid transparent}.Spinner.c{display:inline-block;border-top:4px solid rgb(var(--color-palette-a)/1);border-right:4px solid transparent;animation:rotation 1s linear infinite}.Spinner.c,.Spinner.c:after{width:48px;height:48px;border-radius:50%;box-sizing:border-box}.Spinner.c:after{content:"";position:absolute;left:0;top:0;border-left:4px solid rgb(var(--color-palette-b)/1);border-bottom:4px solid transparent;animation:rotation .5s linear infinite reverse}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}