:root{--primary-color:#0fc;--background-dark:#0f0f0f}.htLoadingSpinner{box-sizing:border-box;border-radius:50%;animation:1s linear infinite htLoadingSpinnerSpin;display:inline-block;position:relative}.htLoadingSpinnerInner{box-sizing:border-box;border-style:solid;border-color:#0000;border-radius:50%;width:100%;height:100%}.htLoadingSpinner[data-size=small]{width:20px;height:20px}.htLoadingSpinner[data-size=small] .htLoadingSpinnerInner{border-width:2px}.htLoadingSpinner[data-size=medium]{width:32px;height:32px}.htLoadingSpinner[data-size=medium] .htLoadingSpinnerInner{border-width:3px}.htLoadingSpinner[data-size=large]{width:48px;height:48px}.htLoadingSpinner[data-size=large] .htLoadingSpinnerInner{border-width:4px}.htLoadingSpinner[data-color=primary] .htLoadingSpinnerInner{border-top-color:var(--primary-color);border-right-color:var(--primary-color)}.htLoadingSpinner[data-color=secondary] .htLoadingSpinnerInner{border-top-color:var(--secondary-color);border-right-color:var(--secondary-color)}.htLoadingSpinner[data-color=white] .htLoadingSpinnerInner{border-top-color:var(--text-primary);border-right-color:var(--text-primary)}.htLoadingSpinner[data-color=danger] .htLoadingSpinnerInner{border-top-color:var(--danger-color);border-right-color:var(--danger-color)}@keyframes htLoadingSpinnerSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.htLoadingSpinner{animation:none}}