/* LBAF transcript search: form in Able Player's toolbar beside "Auto scroll", results between the toolbar and the transcript (lbaf-transcript.js). */
.lbaf-sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.lbaf-tr .able-window-toolbar { flex-wrap: nowrap; }
.lbaf-tr .autoscroll-transcript { flex: 0 0 auto; }
.lbaf-tr-search { order: 4; flex: 0 1 260px; min-width: 0; display: flex; gap: 6px; margin: 0 0 0 auto; } /* Able Player puts "Auto scroll" at order 3 */
.lbaf-tr-search input[type="search"] { flex: 1 1 auto; min-width: 0; width: 100%; height: 32px; margin: 0; padding: 0 10px; font: inherit; font-size: 16px; color: var(--ds-color-ink, #16121f); background: #fff; border: 2px solid var(--ds-color-ink, #16121f); border-radius: 6px; box-shadow: none; }
.lbaf-tr-search input[type="search"]:focus-visible { outline: 2px solid var(--ds-color-cyan-deep, #006e99); outline-offset: 1px; }
.lbaf-tr-search button[type="submit"] { flex: 0 0 auto; height: 32px; margin: 0; padding: 0 12px; font: inherit; font-size: 14px; font-weight: 700; line-height: 1; color: var(--ds-color-ink, #16121f); background: var(--ds-color-highlighter, #fff101); border: 2px solid var(--ds-color-ink, #16121f); border-radius: 6px; cursor: pointer; }
.lbaf-tr-search button[type="submit"]:hover { background: var(--ds-color-ink, #16121f); color: var(--ds-color-highlighter, #fff101); }
.lbaf-tr-search button[type="submit"]:focus-visible { outline: 2px solid var(--ds-color-cyan-deep, #006e99); outline-offset: 2px; }
.lbaf-tr-results { flex: 0 0 auto; max-height: 55%; display: none; flex-direction: column; padding: 8px 16px 10px; background: var(--ds-color-paper, #fff); border-bottom: 1px solid rgba(22, 18, 31, 0.14); }
.lbaf-tr-results.is-open { display: flex; }
.lbaf-tr-search__sum { flex: 0 0 auto; margin: 0; font-size: 14px; line-height: 1.4; color: var(--ds-color-muted, #5a5466); }
.lbaf-tr-search__list:empty { display: none; }
.lbaf-tr-search__list { flex: 0 1 auto; min-height: 0; list-style: none; margin: 8px 0 0; padding: 0; overflow-y: auto; overscroll-behavior: contain; border-top: 1px solid rgba(22, 18, 31, 0.1); }
.lbaf-tr-search__list li { margin: 0; padding: 0; border-bottom: 1px solid rgba(22, 18, 31, 0.1); }
.lbaf-tr-search__list button { display: flex; gap: 12px; align-items: baseline; width: 100%; margin: 0; padding: 8px 4px; font: inherit; font-size: 14px; line-height: 1.45; text-align: left; color: var(--ds-color-ink, #16121f); background: transparent; border: 0; border-radius: 0; cursor: pointer; }
.lbaf-tr-search__list button:hover { background: var(--ds-color-studio, #f3f2f6); }
.lbaf-tr-search__list button:focus-visible { outline: 2px solid var(--ds-color-cyan-deep, #006e99); outline-offset: -2px; }
.lbaf-tr-search__time { flex: 0 0 auto; min-width: 4.2em; font-weight: 700; font-variant-numeric: tabular-nums; color: var(--ds-color-cyan-deep, #006e99); }
.lbaf-tr-search__text { flex: 1 1 auto; min-width: 0; }
.lbaf-tr-results mark { background: var(--ds-color-highlighter, #fff101); color: inherit; padding: 0 1px; }
.lbaf-tr .lbaf-tr-hit { text-decoration: underline; text-decoration-color: var(--ds-color-cyan, #00adee); text-decoration-thickness: 3px; text-underline-offset: 3px; }
.lbaf-tr .able-transcript-area .able-transcript { flex: 1 1 0; min-height: 0; } /* the transcript takes what the search results leave */