/* VideoVault Pro: multi-select lists in the Find bar. Colours, fonts and radii come from the free
   plugin's variables, so the list matches the drop-downs next to it. */
.vvpro-multi{position:relative;min-width:0}
.vvpro-multi__cap{display:block;margin:0 0 4px;font-family:var(--vv-font-ui);font-size:.875rem;font-weight:600;line-height:1.3}
.vvault-find__row .vvpro-multi__cap{margin:0}
.vvpro-multi__box{position:relative}
/* The button looks like the drop-downs beside it: same height, border, radius and chevron. */
.vvpro-multi__box>summary{display:flex;align-items:center;box-sizing:border-box;min-height:max(var(--vv-control-h,2.75rem),2.75rem);padding:0 2.25rem 0 .75rem;border:1px solid var(--vv-line,var(--vv-edge,#ccc));border-radius:3px;background:color-mix(in srgb,var(--vv-paper,#fff) 70%,#fff) var(--vv-chev-img) right .75rem center/.8rem no-repeat;font-family:var(--vv-font-ui);font-size:.9375rem;line-height:1.3;color:inherit;cursor:pointer;list-style:none;user-select:none}
.vvpro-multi__box>summary::-webkit-details-marker{display:none}
.vvpro-multi__value{display:block;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.vvpro-multi__box>summary:hover{border-color:var(--vv-muted,currentColor)}
.vvpro-multi__box>summary:focus-visible,.vvpro-multi input:focus-visible,.vvpro-multi button:focus-visible{outline:2px solid var(--vv-strong,currentColor);outline-offset:2px}
.vvpro-multi__box[open]>summary{border-color:var(--vv-strong,currentColor);box-shadow:0 0 0 1px var(--vv-strong,currentColor)}
/* The list floats over the page (nothing below it moves) and its choices scroll inside it. */
.vvpro-multi__panel{position:absolute;z-index:30;top:calc(100% + 4px);left:0;width:max(100%,18rem);max-width:calc(100vw - 2rem);box-sizing:border-box;padding:8px;border:1px solid var(--vv-line,var(--vv-edge,#ccc));border-radius:4px;background:var(--vv-paper,#fff);color:var(--vv-ink,inherit);box-shadow:0 12px 32px rgba(0,0,0,.18)}
.vvpro-multi__search{display:block;width:100%;min-height:2.5rem;margin:0 0 8px;padding:0 .75rem;border:1px solid var(--vv-line,var(--vv-edge,#ccc));border-radius:3px;background:transparent;color:inherit;font-family:var(--vv-font-ui);font-size:.9375rem;box-sizing:border-box}
.vvpro-multi__search[hidden],.vvpro-opt[hidden]{display:none}
.vvpro-multi__set{margin:0;padding:0;border:0;min-width:0}
.vvpro-multi__list{max-height:min(16rem,50vh);margin:0;padding:0;overflow:auto;list-style:none}
.vvpro-multi__list::marker,.vvpro-multi .vvpro-opt::marker{content:none}
.vvpro-multi .vvpro-opt{margin:0;padding:0;list-style:none}
.vvault-front .vvpro-multi .vvpro-opt label,.vvault-front .vvault-findform .vvault-find__row .vvault-field .vvpro-opt label{display:flex;align-items:center;gap:12px;min-height:2.25rem;margin:0;padding:6px 8px;border-radius:3px;font-family:var(--vv-font-ui);font-size:.9375rem;font-weight:400;line-height:1.3;color:inherit;cursor:pointer}
.vvpro-multi .vvpro-opt label:hover{background:color-mix(in srgb,var(--vv-ink,#000) 6%,transparent)}
.vvpro-multi .vvpro-opt input{flex:none;width:1.1rem;height:1.1rem;margin:0;accent-color:var(--vv-strong,currentColor)}
.vvpro-opt__name{flex:1;min-width:0;overflow-wrap:break-word;word-break:normal;hyphens:none}
.vvpro-count{flex:none;margin-inline-start:auto;color:var(--vv-muted,#666);font-size:.875rem;font-variant-numeric:tabular-nums}
.vvpro-opt.is-zero{opacity:.55}
.vvpro-multi__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 0;padding:8px 8px 0;border-top:1px solid var(--vv-line,var(--vv-edge,#ccc))}
.vvpro-multi__clear,.vvpro-multi__done{margin:0;padding:0;border:0;background:none;font-family:var(--vv-font-ui);font-size:.875rem;color:inherit;cursor:pointer}
.vvpro-multi__clear{min-height:2rem;text-decoration:underline;text-underline-offset:2px}
.vvpro-multi__clear:disabled{color:var(--vv-muted,#666);text-decoration:none;cursor:default}
.vvpro-multi__done{min-height:2rem;font-weight:600}
.vvpro-multi__clear[hidden],.vvpro-multi__done[hidden]{display:none}
.vvpro-multi__foot:not(:has(button:not([hidden]))){display:none}
@media (max-width:480px){.vvpro-multi__panel{width:100%;max-width:none}.vvpro-multi__list{max-height:min(14rem,40vh)}}
@media (prefers-reduced-motion:no-preference){.vvpro-opt{transition:opacity .15s}}
/* In the explore page's filter sidebar (and its phone sheet, which scrolls) the list opens in place
   instead of floating, so nothing is clipped, and the caption matches the free drop-downs' labels. */
.vvault-xp__field .vvpro-multi__cap{margin:0 0 var(--vv-s2);font-family:var(--vv-font-display);font-size:1.0625rem;font-weight:600;line-height:1.3}
.vvault-xp__field .vvpro-multi__box>summary{font-size:1rem}
.vvault-xp__field .vvpro-multi__panel{position:static;width:auto;max-width:none;margin-top:var(--vv-s1);padding:var(--vv-s2);box-shadow:none;
	--vv-pad-intent:asym /* R34: a long list scrolls inside the panel and its last row is cut at the bottom edge on purpose, to show there is more */}