/* Pre-Blazor loading indicator (the main stylesheet is in the shared UI library). */
.loading-progress { position: absolute; display: block; width: 6rem; height: 6rem; inset: 30vh 0 auto 0; margin: 0 auto; }
.loading-progress circle { fill: none; stroke: #cfd5de; stroke-width: 0.5rem; transform-origin: 50% 50%; transform: rotate(-90deg); }
.loading-progress circle:last-child { stroke: #1d4ed8; stroke-dasharray: calc(3.141 * var(--blazor-load-percentage, 0%) * 0.8), 500%; transition: stroke-dasharray 0.05s ease-in-out; }
.loading-progress-text { position: absolute; text-align: center; font-weight: bold; inset: calc(30vh + 2.4rem) 0 auto 0; font-family: system-ui, sans-serif; }
.loading-progress-text:after { content: var(--blazor-load-percentage-text, "Loading"); }
noscript { display: block; padding: 2rem; font-family: system-ui, sans-serif; }