body { font-family: YaroRg, sans-serif; font-size: 16px; }

.loading-progress { position: relative; display: block; width: 8rem; height: 8rem; margin: 20vh auto 1rem auto; }

.loading-progress circle { fill: none; stroke: #e0e0e0; stroke-width: 0.6rem; transform-origin: 50% 50%; transform: rotate(-90deg); }

.loading-progress circle:last-child { stroke: #1b6ec2; 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(20vh + 3.25rem) 0 auto 0.2rem; }

.loading-progress-text:after { content: var(--blazor-load-percentage-text, "Loading"); }

.last-p-mb-0 > * { margin-bottom: 0 !important; }

#blazor-error-ui {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    display: none;
    position: fixed;
    z-index: 1000;
    padding: 1rem;
}

#blazor-error-ui .dismiss {
    cursor: pointer;
}