.Spinner{--spinner-size:2rem;width:var(--spinner-size);height:var(--spinner-size);justify-content:center;align-items:center;display:flex;position:relative}.Spinner.with-background:before{content:"";border-radius:50%;position:absolute;inset:-.125rem}.Spinner.with-background.bg-dark:before{background:#00000040}.Spinner.with-background.bg-light:before{background:#fff6}.Spinner.white .Spinner__inner{background-image:var(--spinner-white-data)}.Spinner.white.with-background .Spinner__inner{background-image:var(--spinner-white-thin-data)}.Spinner.blue .Spinner__inner{background-image:var(--spinner-blue-data)}.theme-dark .Spinner.blue .Spinner__inner{background-image:var(--spinner-dark-blue-data)}.Spinner.black .Spinner__inner{background-image:var(--spinner-black-data)}.Spinner.green .Spinner__inner{background-image:var(--spinner-green-data)}.Spinner.gray .Spinner__inner{background-image:var(--spinner-gray-data)}.Spinner.yellow .Spinner__inner{background-image:var(--spinner-yellow-data)}.Spinner__inner{background-repeat:no-repeat;background-size:100%;animation-name:spin;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;inset:0}body.in-background .Spinner__inner{animation-play-state:paused}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}