.progress-bar-container {
    width: 100%;
    height: 16px;
    background-color: #e0e0e0;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
}

.progress-bar-indeterminate {
    height: 100%;
    background-color: var(--mud-palette-primary, #594AE2);
    position: absolute;
    animation: indeterminate 1.5s infinite ease-in-out;
    width: 40%;
}

@keyframes indeterminate {
    0% {
        left: -40%;
    }

    100% {
        left: 100%;
    }
}

/* ブラウザのモーション設定を無視して強制実行 */
@media (prefers-reduced-motion: reduce) {
    .progress-bar-indeterminate {
        animation: indeterminate 1.5s infinite ease-in-out !important;
    }
}