.language-switcher {
    display: inline-flex;
    align-items: center;
    height: var(--menu-bar-height);
    margin: 0 8px;
    color: var(--fg);
    font-size: 13px;
    line-height: 1;
    white-space: nowrap;
}

.language-switcher-select {
    min-width: 106px;
    max-width: 140px;
    height: 28px;
    padding: 0 2px;
    border: 0;
    border-radius: 4px;
    color: var(--fg);
    background-color: transparent;
    font: inherit;
    cursor: pointer;
}

.language-switcher-select:focus-visible {
    outline: 2px solid var(--links);
    outline-offset: 2px;
}

.language-switcher-select option {
    color: var(--fg);
    background-color: var(--theme-popup-bg);
}

@media only screen and (max-width: 600px) {
    .language-switcher {
        margin: 0 4px;
    }

    .language-switcher-select {
        min-width: 100px;
        max-width: 116px;
    }
}