/* Chips: the look of chips.js. A file rather than a <style> the script adds, because the site's
 * Content-Security-Policy allows style sheets from the site itself and nothing written at runtime. */
.ch-wrap{position:relative}
.ch-wrap>select{position:absolute;inset:0;opacity:0;pointer-events:none}
.ch-wrap .ch{display:flex;flex-wrap:wrap;gap:var(--ch-gap,8px)}
.ch-wrap .ch-b{all:unset;box-sizing:border-box;display:grid;align-content:center;justify-items:center;gap:2px;min-width:var(--ch-min,52px);min-height:var(--ch-h,44px);
  padding:6px 14px;border:var(--ch-border,1px solid var(--ch-line));border-radius:var(--ch-radius,2px);background:var(--ch-bg,transparent);color:var(--ch-fg);
  font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;text-align:center;transition:background-color .15s,color .15s,border-color .15s}
.ch-wrap .ch-b small{font-size:.8em;opacity:.75}
.ch-wrap .ch-b:is(:hover,:focus,:active){background:var(--ch-hover,var(--ch-bg,transparent));color:var(--ch-fg);border:var(--ch-border,1px solid var(--ch-line))}
.ch-wrap .ch-b:focus-visible{outline:2px solid var(--ch-on-bg);outline-offset:2px}
.ch-wrap .ch-b[aria-checked=true],.ch-wrap .ch-b[aria-checked=true]:is(:hover,:focus,:active){background:var(--ch-on-bg);color:var(--ch-on-fg);border-color:var(--ch-on-bg)}
.ch-wrap .ch-b[aria-checked=true] small{opacity:.9}