/* A transient filter panel keeps the full height of the video and bookmark list. */
.catalog-filter-panel{position:fixed;inset:auto;left:auto;right:auto;top:auto;margin:0;box-sizing:border-box;padding:0;max-width:calc(100vw - 16px);border:1px solid #d9e3ef;border-radius:11px;background:#fff;color:#48627f;box-shadow:0 15px 44px #16355c24;overflow:hidden;font:12px/1.4 system-ui,sans-serif;z-index:40}
.catalog-filter-panel:not([hidden]){display:flex;flex-direction:column}
.catalog-filter-panel[hidden]{display:none!important}
.catalog-filter-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:13px 14px 11px;border-bottom:1px solid #e8edf5;flex-shrink:0}
.catalog-filter-heading h2{margin:0;font-size:14px;font-weight:650;color:#365475;line-height:1.4;letter-spacing:0}
.catalog-filter-heading p{margin:3px 0 0;font-size:10px;line-height:1.4;color:#7c8fa5}
.catalog-filter-close{height:24px;min-height:24px;width:24px;min-width:24px;padding:0;border:0;border-radius:5px;background:transparent;color:#7990aa;font:20px/1 system-ui,sans-serif}
.catalog-filter-close:hover{background:#f0f5fb;color:#315f9a}
.catalog-filter-body{padding:12px 14px;overflow:auto;overscroll-behavior:contain;min-height:0;scrollbar-width:thin;flex:1 1 auto}
.catalog-filter-panel h3{margin:0 0 7px;font-size:11px;font-weight:650;color:#526c89}
.catalog-filter-types>.segmented{margin-bottom:9px;display:flex}
.catalog-filter-panel .segmented button{min-height:25px;padding:3px 10px;font-size:11px;flex:1}
.catalog-filter-panel .filter-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 12px;margin-bottom:5px}
.catalog-filter-panel .check-label{font-size:11px;align-items:flex-start;gap:6px;line-height:1.4;min-width:0}
.catalog-filter-panel .check-label input{flex:0 0 auto;margin:2px 0 0}
.catalog-filter-panel .check-label>span{min-width:0;flex:1 1 auto}
.catalog-filter-panel .filter-count{font-size:10px;min-width:20px;flex:0 0 auto;color:#7d91a9;font-variant-numeric:tabular-nums}
.catalog-filter-type-actions{display:flex;justify-content:flex-end;margin:4px 0 0}
.catalog-filter-panel .text-button{min-height:23px;padding:3px 0;font-size:10px;text-align:left}
.catalog-filter-score,.catalog-filter-priority-score{margin-top:11px;padding-top:11px;border-top:1px solid #e9eef6}
.catalog-filter-scores{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0}
.catalog-filter-scores .catalog-filter-score,.catalog-filter-scores .catalog-filter-priority-score{min-width:0}
.catalog-filter-scores .catalog-filter-range,.catalog-filter-scores .catalog-filter-priority-range{gap:6px}
.catalog-filter-condition[data-attention] .catalog-filter-condition-label::before{content:'';display:inline-block;width:5px;height:5px;margin:0 5px 1px 0;border:1px solid #d09a43;border-radius:50%;background:#fdf7e8;vertical-align:middle}
.catalog-filter-panel select,.catalog-filter-panel .counted-select-trigger{width:100%;height:32px;min-height:32px;font-size:11px;border-radius:6px}
.catalog-filter-panel .counted-select{display:block;width:100%}
.catalog-filter-range,.catalog-filter-priority-range{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-top:8px}
.catalog-filter-range label>span,.catalog-filter-priority-range label>span,.catalog-filter-flags label>span{display:block;font-size:10px;color:#758ba5;margin-bottom:4px}
.catalog-filter-score-help{margin:5px 0 0;font-size:10px;color:#8295ac;line-height:1.45}
.catalog-filter-error,.catalog-filter-priority-error{font-size:10px;line-height:1.5;background:#fff1f0;border:1px solid #f1d9d4;border-radius:6px;padding:7px 9px;margin:7px 0 0;color:#a45440}
.catalog-filter-flags{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:12px}
.catalog-filter-flags p{grid-column:1/-1;font-size:10px;line-height:1.45;color:#8295ac;margin:0}
.catalog-filter-advanced{margin-top:13px;border-top:1px solid #e7eef7;padding-top:9px}
.catalog-filter-advanced summary{display:flex;align-items:center;gap:6px;padding:2px 0;font-size:11px;font-weight:600;color:#647d98;cursor:pointer;list-style:none}
.catalog-filter-advanced summary::before{content:'›';font:16px/12px system-ui;transform:rotate(0deg);transition:transform .13s ease}
.catalog-filter-advanced[open] summary::before{transform:rotate(90deg)}
.catalog-filter-advanced-count{font-size:9px;line-height:15px;min-width:15px;padding:0 4px;border-radius:8px;background:#eef4fc;color:#4b7bb5;font-variant-numeric:tabular-nums;text-align:center}
.catalog-filter-advanced-content{display:grid;gap:8px;margin-top:9px;min-width:0}
.catalog-filter-advanced-content>.check-label{margin-bottom:3px}
.catalog-filter-advanced-content h3{margin-top:3px;margin-bottom:0}
.catalog-filter-advanced-content .segmented{margin-bottom:2px}
.catalog-filter-advanced-content>.source-note{margin:0;font-size:10px;line-height:1.5}
.catalog-filter-conditions{margin-top:12px;border-top:1px solid #e7eef7;padding-top:8px;min-width:0}
.catalog-filter-conditions summary{display:flex;align-items:center;gap:6px;padding:2px 0;font-size:11px;font-weight:600;color:#647d98;cursor:pointer;list-style:none}
.catalog-filter-conditions summary::before{content:'›';font:16px/12px system-ui;transform:rotate(0deg);transition:transform .13s ease}
.catalog-filter-conditions[open] summary::before{transform:rotate(90deg)}
.catalog-filter-condition-count{font-size:9px;line-height:15px;min-width:15px;padding:0 4px;border-radius:8px;background:#eef4fc;color:#4b7bb5;font-variant-numeric:tabular-nums;text-align:center}
.catalog-filter-condition-content{margin-top:7px;min-width:0}
.catalog-filter-condition-content>p:first-child{margin:0 0 7px;font-size:10px;line-height:1.45;color:#8195ac}
.catalog-filter-condition-options{display:grid;grid-template-columns:minmax(0,1fr);gap:2px}
.catalog-filter-condition{display:grid;grid-template-columns:13px minmax(0,1fr) auto;align-items:start;gap:6px;padding:4px 5px;border-radius:5px;min-width:0;color:#647b96;font-size:11px;line-height:1.4;cursor:pointer}
.catalog-filter-condition:hover{background:#f7faff}
.catalog-filter-condition.selected{background:#eff5fe;color:#356596}
.catalog-filter-condition:has(input:disabled){opacity:.45;cursor:default}
.catalog-filter-condition input{height:13px;width:13px;margin:1px 0 0;min-width:13px;accent-color:#4381ce}
.catalog-filter-condition-label{min-width:0}
.catalog-filter-condition-facet{text-align:right;min-width:23px;max-width:115px;font-size:10px;line-height:1.4;color:#8497af;font-variant-numeric:tabular-nums;word-break:normal}
.catalog-filter-condition-error{font-size:10px;line-height:1.5;background:#fff1f0;border:1px solid #f1d9d4;border-radius:6px;padding:7px 9px;margin:7px 0 0;color:#a45440}
.catalog-filter-conditions [hidden]{display:none!important}
.catalog-filter-conditions summary:focus-visible,.catalog-filter-condition input:focus-visible{outline:2px solid #6795d7;outline-offset:2px}
.catalog-filter-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-top:1px solid #e6edf6;flex-shrink:0;background:#fafcfe}
.catalog-filter-footer .catalog-filter-clear{min-height:28px;padding:4px 0;font-size:11px;white-space:nowrap}
.catalog-filter-results{margin-left:auto;color:#8195ac;font-size:10px;font-variant-numeric:tabular-nums;white-space:nowrap}
.catalog-filter-footer .catalog-filter-done{min-height:29px;height:29px;padding:5px 10px;font-size:11px;border-radius:6px;white-space:nowrap}
.catalog-filter-panel [hidden]{display:none!important}
.catalog-filter-sr-label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.catalog-filter-panel button:focus-visible,.catalog-filter-panel select:focus-visible,.catalog-filter-panel summary:focus-visible{outline:2px solid #6795d7;outline-offset:2px}
@media(max-width:390px){.catalog-filter-heading,.catalog-filter-body{padding-left:12px;padding-right:12px}.catalog-filter-footer{padding:9px 12px}.catalog-filter-panel .filter-checks{gap:7px 9px}}
@media(max-width:300px){.catalog-filter-flags{grid-template-columns:1fr}.catalog-filter-flags p{grid-column:1}}
@media(prefers-reduced-motion:no-preference){.catalog-filter-panel:popover-open{animation:catalog-filter-reveal .13s ease-out}@keyframes catalog-filter-reveal{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}}
@media(prefers-reduced-motion:reduce){.catalog-filter-advanced summary::before,.catalog-filter-conditions summary::before{transition:none}}