.hud-ring,body.public-site .hud-query-spinner,body.public-site .hud-boot-spinner,body.public-site .overlap-loading>span,body.public-site .overlap-drawer-loading>span,body.public-site .loading-row>span,body.resources-page .loading-row>span,body.admin-page .is-pending:before,body.admin-page .admin-spinner{--hud-ring-size:14px;--hud-ring-width:2px;width:var(--hud-ring-size);height:var(--hud-ring-size);background:conic-gradient(from 0deg, transparent 0 18%, color-mix(in srgb, var(--hud-ring-hot) 35%, transparent) 45%, var(--hud-ring-hot) 82%, transparent 82.5%);box-shadow:inset 0 0 0 var(--hud-ring-width) var(--hud-ring-track);filter:var(--hud-ring-glow,none);-webkit-mask:radial-gradient(farthest-side, transparent calc(100% - var(--hud-ring-width) - .5px), #000 calc(100% - var(--hud-ring-width)));-webkit-mask:radial-gradient(farthest-side, transparent calc(100% - var(--hud-ring-width) - .5px), #000 calc(100% - var(--hud-ring-width)));mask:radial-gradient(farthest-side, transparent calc(100% - var(--hud-ring-width) - .5px), #000 calc(100% - var(--hud-ring-width)));border:0;border-radius:50%;flex:none;animation:.9s linear infinite hud-ring-spin;display:inline-block}.hud-ring.is-lg{--hud-ring-size:28px}@keyframes hud-ring-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.hud-ring,body.public-site .hud-query-spinner,body.public-site .hud-boot-spinner,body.public-site .overlap-loading>span,body.public-site .overlap-drawer-loading>span,body.public-site .loading-row>span,body.resources-page .loading-row>span,body.admin-page .is-pending:before,body.admin-page .admin-spinner{animation-duration:2.4s}}