/* Language picker.
   Deliberately close to Bootstrap's own controls so the component inherits a
   site's theme rather than imposing one. A study that wants its own look
   overrides these through the style's `css` field. */
.selfHelp-language-picker {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
}

.selfHelp-language-picker--buttons {
    justify-content: center;
}

.selfHelp-language-picker__label {
    margin-right: .25rem;
}

.selfHelp-language-picker__button {
    font: inherit;
    padding: .375rem 1rem;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    background: transparent;
    cursor: pointer;
}

.selfHelp-language-picker__button:hover {
    background: #f8f9fa;
}

/* The language already in force. */
.selfHelp-language-picker__button[aria-current="true"] {
    border-color: #495057;
    font-weight: 600;
}

.selfHelp-language-picker__button[disabled] {
    opacity: .6;
    cursor: default;
}

.selfHelp-language-picker__select {
    width: auto;
}