.app-spinner{--app-spinner-track:color-mix(in srgb, var(--border) 88%, transparent);--app-spinner-arc:var(--brand-800);will-change:transform;flex-shrink:0;line-height:0;animation:.8s linear infinite app-spinner-spin;display:inline-block}html.dark .app-spinner{--app-spinner-track:color-mix(in srgb, var(--border) 140%, transparent);--app-spinner-arc:var(--brand-500)}.app-spinner__svg{width:100%;height:100%;display:block}.app-spinner__track{stroke:var(--app-spinner-track)}.app-spinner__arc{stroke:var(--app-spinner-arc);filter:drop-shadow(0 0 2px color-mix(in srgb, var(--app-spinner-arc) 35%, transparent))}.app-spinner--sm{width:1rem;height:1rem}.app-spinner--md{width:1.5rem;height:1.5rem}.app-spinner--lg{width:2.5rem;height:2.5rem}.app-spinner--xl{width:4rem;height:4rem}@keyframes app-spinner-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.app-spinner{animation-duration:1.6s}.app-spinner__arc{filter:none}}