.spinner-container{align-items:center;display:flex;height:40px;justify-content:center;width:40px}.pl{display:block;height:6.25em;width:6.25em}.pl__ball,.pl__ring{animation:ring 2s ease-out infinite}.pl__ball{animation-name:ball}@media (prefers-color-scheme:dark){:root{--bg:hsl(var(--hue),10%,10%);--fg:hsl(var(--hue),10%,90%)}}@keyframes ring{0%{stroke-dasharray:0 257 0 0 1 0 0 258}25%{stroke-dasharray:0 0 0 0 257 0 258 0}50%,to{stroke-dasharray:0 0 0 0 0 515 0 0}}@keyframes ball{0%,50%{animation-timing-function:ease-in;stroke-dashoffset:1}64%{animation-timing-function:ease-in;stroke-dashoffset:-109}78%{animation-timing-function:ease-in;stroke-dashoffset:-145}92%{animation-timing-function:ease-in;stroke-dashoffset:-157}57%,71%,85%,99%,to{animation-timing-function:ease-out;stroke-dashoffset:-163}}