/* ================== Progress Bars (Quiz, Reflex) ================== */
/* Namespace: .tora-flashcard-plugin */

.tora-flashcard-plugin .quiz-progress,
.tora-flashcard-plugin .reflex-progress {
    width: 100%;
    height: 14px;
    background-color: var(--tora-border);
    border-radius: 7px;
    overflow: hidden;
    margin: 10px 0;
}

.tora-flashcard-plugin .quiz-progress .progress-bar,
.tora-flashcard-plugin .reflex-progress .progress-bar {
    height: 100%;
    background-color: var(--tora-info);
    width: 0;
    transition: width 0.3s ease-in-out;
}

.tora-flashcard-plugin .reflex-progress .progress-bar.warning {
    background-color: var(--tora-error);
}