.module {
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.loading-progress {
    width: 220px;
    height: 10px;
    border-radius: 10px;
    margin: 0 0 12px 0;
}

.loading-progress-text {
    height: 26px;
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    text-align: center;
    margin-bottom: 12px;
    position: unset;
}

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


.loading-progress line {
    stroke-width: 10;
    fill: none;
    stroke: #e0e0e0;
    background: #06A7E1;
    stroke-linecap: round;
}

    .loading-progress line:last-child {
        stroke-width: 10;
        stroke: #06A7E1;
        stroke-dasharray: calc(var(--blazor-load-percentage, 0%) * 1.4), 500%;
        transition: stroke-dasharray 0.05s ease-in-out;
        stroke-linecap: round;
    }

.loading-progress-label {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    text-align: center;
}