/* The language trigger uses the same surface as the other settings choices. */
#settingsView .language-current-btn {
    background: var(--input-bg, rgba(255, 255, 255, 0.07)) !important;
    border-color: var(--border-color, rgba(255, 255, 255, 0.10)) !important;
    color: var(--text-primary) !important;
}

#settingsView .language-current-btn:hover,
#settingsView .language-current-btn:focus-visible,
#settingsView .language-switcher.open .language-current-btn {
    background: color-mix(in srgb, var(--input-bg, rgba(255, 255, 255, 0.07)) 88%, var(--text-primary) 12%) !important;
    border-color: var(--border-color, rgba(255, 255, 255, 0.10)) !important;
    outline: none !important;
}

body.light-mode #settingsView .language-current-btn {
    background: #fff !important;
    border-color: rgba(15, 23, 42, 0.10) !important;
    color: var(--text-primary) !important;
}

body.light-mode #settingsView .language-current-btn:hover,
body.light-mode #settingsView .language-current-btn:focus-visible,
body.light-mode #settingsView .language-switcher.open .language-current-btn {
    background: #fff !important;
    border-color: rgba(15, 23, 42, 0.16) !important;
}