/* public/app/css/lang-flags-grip.css
 * Synopsis: Poignée fixe redimensionnement langues.
 * Objectif: Hors scroll, couleur thème, un peu plus grande.
 */

.dash .dash-rail--langs .lang-flags-grip {
    background:
        linear-gradient(var(--dash-accent), var(--dash-accent)) center 32% / 58% 2px no-repeat,
        linear-gradient(var(--dash-accent), var(--dash-accent)) center 50% / 58% 2px no-repeat,
        linear-gradient(var(--dash-accent), var(--dash-accent)) center 68% / 58% 2px no-repeat,
        var(--dash-accent-dim);
    border: 1px solid color-mix(in srgb, var(--dash-accent) 55%, var(--dash-line));
    border-radius: var(--dash-radius);
    bottom: .45rem;
    box-shadow: 0 0 0 1px var(--dash-accent-dim);
    cursor: ns-resize;
    height: 1.45rem;
    padding: 0;
    position: absolute;
    right: .45rem;
    touch-action: none;
    width: 2.25rem;
    z-index: 4;
}

.dash .dash-rail--langs .lang-flags-grip:hover,
.dash .dash-rail--langs .lang-flags-grip:focus-visible {
    background-color: color-mix(in srgb, var(--dash-accent) 22%, var(--dash-elev2));
    border-color: var(--dash-accent);
    outline: none;
}