.Spinner{--spinner-size: 24px;--spinner-border: calc(var(--spinner-size) / 6);width:var(--spinner-size);height:var(--spinner-size);border:var(--spinner-border) solid rgba(0,0,0,0);border-radius:50%;display:inline-block}.Spinner:not(.singleColor){animation:rotate 1s linear infinite,colors 4s ease-in-out infinite}.Spinner.singleColor{border-color:rgba(0,0,0,0) var(--textColorPrimary);animation:rotate 1s linear infinite}.Spinner.center{position:absolute;left:50%;top:50%;margin-left:calc(var(--spinner-size)/-2);margin-top:calc(var(--spinner-size)/-2)}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes colors{0%{border-color:rgba(0,0,0,0) #4285f4}25%{border-color:rgba(0,0,0,0) #de3e35}50%{border-color:rgba(0,0,0,0) #f7c223}75%{border-color:rgba(0,0,0,0) #1b9a59}100%{border-color:rgba(0,0,0,0) #4285f4}}