.b-ranked-bars{display:flex;flex-direction:column;gap:20px}.b-ranked-bars__controls{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}.b-ranked-bars__toggle-group{display:flex;flex-wrap:wrap;gap:12px}.b-ranked-bars__toggle{display:inline-flex;padding:4px;border:1px solid var(--color-grey-mid);border-radius:999px}.b-ranked-bars__toggle-btn{cursor:pointer;padding:6px 16px;border:0;border-radius:999px;font-family:var(--font-sans);font-size:var(--font-size-body-sm, 14px);color:var(--color-charcoal);background:transparent}.b-ranked-bars__toggle-btn.is-active{color:var(--color-white);background:var(--color-charcoal)}.b-ranked-bars__topn{cursor:pointer;display:inline-flex;gap:8px;align-items:center;font-family:var(--font-sans);font-size:var(--font-size-body-sm, 14px);color:var(--color-charcoal)}.b-ranked-bars__canvas{min-height:320px}.b-ranked-bars__svg{display:block;width:100%;height:auto}.b-ranked-bars__gridline{stroke:var(--color-charcoal);stroke-opacity:.1}.b-ranked-bars__axis-tick{font-family:var(--font-mono);font-size:12px;fill:var(--color-grey-dark)}.b-ranked-bars__name{font-family:var(--font-sans);font-size:13px;fill:var(--color-charcoal)}.b-ranked-bars__bar--albion{fill:var(--color-teal)}.b-ranked-bars__bar--other{fill:var(--color-teal-dark)}.b-ranked-bars__bar--negative{fill:var(--color-grey-mid)}.b-ranked-bars__median{stroke:var(--color-lavender);stroke-dasharray:5 4;stroke-width:1.5}.b-ranked-bars__median-label{font-family:var(--font-mono);font-size:12px;fill:var(--color-lavender)}.b-ranked-bars__legend{display:flex;flex-wrap:wrap;gap:20px;margin:0;padding:0;font-family:var(--font-mono);font-size:var(--font-size-detail, 12px);list-style:none}.b-ranked-bars__legend-item{display:flex;gap:8px;align-items:center;margin:0}.b-ranked-bars__key{display:inline-block;flex-shrink:0;width:14px;height:14px;border-radius:3px}.b-ranked-bars__key--albion{background-color:var(--color-teal)}.b-ranked-bars__key--other{background-color:var(--color-teal-dark)}.b-ranked-bars__key--negative{background-color:var(--color-grey-mid)}.b-ranked-bars__key--median{width:18px;height:0;border-top:2px dashed var(--color-lavender);border-radius:0}.b-ranked-bars__editor-note,.b-ranked-bars__empty{margin:0;padding:2rem;font-family:var(--font-mono);font-size:var(--font-size-detail, 12px);color:var(--color-grey-dark);text-align:center}