/* The interview language's searchable list (language-picker.js): a text box with a popup list
   below it, in the look of the other fields. Logical properties keep it right for RTL pages. */
.language-combobox{display:grid;gap:8px;max-width:440px;min-width:0}
.language-combobox>label{margin:0}
.language-field{position:relative}
.language-field::after{content:"";position:absolute;inset-inline-end:18px;top:50%;width:8px;height:8px;border-right:2px solid #4d665b;border-bottom:2px solid #4d665b;transform:translateY(-70%) rotate(45deg);pointer-events:none;transition:transform .15s}
.language-field:has(.language-input[aria-expanded="true"])::after{transform:translateY(-25%) rotate(-135deg)}
.language-field:has(.language-input:disabled)::after{opacity:.4}
.language-combobox .language-input{margin:0;padding-inline-end:44px;min-height:48px;text-overflow:ellipsis}
.language-input:disabled{cursor:not-allowed;color:#4d665b;background:#f3f3ee}
.language-popup{position:absolute;inset-inline:0;top:calc(100% + 6px);z-index:30;background:#fff;border:1px solid var(--line,#dce2d8);border-radius:12px;box-shadow:0 14px 34px #173a3524;overflow:hidden}
.language-options{position:relative;list-style:none;margin:0;padding:6px;max-height:min(340px,46dvh);overflow-y:auto;overscroll-behavior:contain}
.language-options:empty{display:none}
.language-option{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:8px;row-gap:2px;min-height:44px;padding-block:9px;padding-inline:9px 36px;border-inline-start:3px solid transparent;border-radius:8px;cursor:pointer;position:relative;line-height:1.35}
.language-option:hover{background:#f4f6f0}
.language-option[aria-selected="true"]{background:var(--sage,#edf4e9);border-inline-start-color:var(--green,#245f4f)}
.language-option[data-current="true"]::after{content:"";position:absolute;inset-inline-end:16px;top:50%;width:6px;height:11px;border-right:2px solid var(--green,#245f4f);border-bottom:2px solid var(--green,#245f4f);transform:translateY(-65%) rotate(45deg)}
.language-own{font-size:16px;font-weight:600;color:var(--ink,#173a35);unicode-bidi:isolate}
.language-local{font-size:14px;color:#4d665b}
.language-formats{flex-basis:100%;font-size:12.5px;color:#5c6f65}
.language-empty{margin:0;padding:14px 16px;font-size:14px;line-height:1.5;color:#4d665b}
.language-hint{margin:0;font-size:13px;line-height:1.45;color:#5c6f65}
@media(max-width:520px){.language-options{max-height:min(300px,42dvh)}.language-own{font-size:15px}}
@media(forced-colors:active){.language-option[aria-selected="true"]{outline:2px solid Highlight;outline-offset:-2px}.language-field::after,.language-option[data-current="true"]::after{border-color:CanvasText}}