.loading-container {
    width: min(24rem, 80vw);
    margin: 30vh auto 0 auto;
    text-align: center;
    font-family: Roboto, Helvetica, Arial, sans-serif;
}

.loading-title {
    margin-bottom: 1rem;
    font-size: 1rem;
}

.loading-bar {
    width: 100%;
    height: 1rem;
    overflow: hidden;
    border-radius: 999px;
    background: #e0e0e0;
}

.loading-bar-progress {
    width: var(--blazor-load-percentage, 0%);
    height: 100%;
    border-radius: inherit;
    background: #3e2cdd;
    transition: width 0.05s ease-in-out;
}

.loading-progress-text {
    margin-top: 1rem;
    font-size: 1rem;
}

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