/* public/app/css/dashboard-stage-guide.css
 * Synopsis: Module dashboard-stage-guide.
 * Objectif: Rôle de public/app/css/dashboard-stage-guide.css.
 */

.dash .quota {
    display: none !important;
}

body[data-quota-visitor="off"] .dash .dash-free-guide {
    display: none !important;
}

.dash .dash-free-guide {
    background: var(--dash-accent-dim);
    border: 1px solid var(--dash-line);
    border-radius: var(--dash-radius);
    color: var(--dash-text);
    font-size: .82rem;
    line-height: 1.35;
    margin: 0;
    padding: .55rem .7rem;
}

.dash .dash-free-guide[data-kind="warn"] {
    border-color: color-mix(in srgb, var(--dash-hot) 45%, transparent);
    color: var(--dash-text);
}

.dash .dash-free-guide[data-kind="error"] {
    border-color: var(--dash-hot);
    color: var(--dash-hot);
}

.dash.dash--fs .dash-free-guide {
    display: none !important;
}

.dash .load {
    color: var(--dash-muted);
    flex: 1 1 100%;
    margin: 0;
    max-width: 100%;
}

.dash #stt-load-bar {
    background: var(--dash-elev2);
    border: 1px solid var(--dash-line);
    border-radius: 999px;
    height: .55rem;
    overflow: hidden;
}

.dash #stt-load-fill {
    background: linear-gradient(90deg, var(--dash-accent), #2fd6a0);
    border-radius: inherit;
}