.origin-bars{container-type:inline-size}.origin-bars .explain{color:var(--ink-2);max-width:60ch;margin:-.25rem 0 1rem;font-size:.875rem}.origin-bars .rows{margin:0;padding:0;list-style:none}.origin-bars .head,.origin-bars .row{grid-template-columns:minmax(8rem,12rem) minmax(6rem,1fr) 6.5rem;align-items:center;column-gap:1rem;display:grid}.origin-bars.compared .head,.origin-bars.compared .row{grid-template-columns:minmax(8rem, 12rem) minmax(6rem, 1fr) 6.5rem repeat(var(--cmp), 6.5rem)}.origin-bars .cmps{display:contents}.origin-bars .head{border-bottom:1px solid var(--line);color:var(--ink-2);margin-bottom:.25rem;padding:0 .5rem .625rem;font-size:.8125rem;font-weight:600;line-height:1.25}.origin-bars .head-item{text-align:right;justify-content:flex-end;align-items:center;gap:.4375rem;display:flex}.origin-bars .row{border-radius:var(--radius-sm);padding:.4375rem .5rem;position:relative}.origin-bars .row:hover,.origin-bars .row:focus-within{background:var(--surface-2)}.origin-bars .pop{z-index:30;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);width:min(26rem,100% - 1rem);box-shadow:var(--shadow-pop);color:var(--ink-2);opacity:0;visibility:hidden;pointer-events:none;gap:.25rem;padding:.625rem .75rem;font-size:.8125rem;line-height:1.45;transition:opacity .12s,transform .12s,visibility 0s linear .12s;display:grid;position:absolute;top:calc(100% - .25rem);left:13.5rem;transform:translateY(-3px)}.origin-bars .row.pop-up .pop{top:auto;bottom:calc(100% - .25rem);transform:translateY(3px)}.origin-bars .row:hover .pop,.origin-bars .row:focus-within .pop{opacity:1;visibility:visible;transition:opacity .12s .15s,transform .12s .15s,visibility 0s linear .15s;transform:none}.origin-bars .pop-title{color:var(--ink);font-size:.875rem}.origin-bars .pop-key{border-top:1px solid var(--line);flex-wrap:wrap;gap:.25rem .875rem;margin-top:.375rem;padding-top:.5rem;font-size:.75rem;display:flex}.origin-bars .pop-key>span{align-items:center;gap:.375rem;display:inline-flex}.origin-bars .pop-key b{color:var(--ink);font-variant-numeric:tabular-nums}.origin-bars .pop-key .mark.parent{height:.75rem}.origin-bars .label{font-size:.9375rem;font-weight:550;line-height:1.25;display:grid}.origin-bars .label a{color:var(--ink);text-decoration:none}.origin-bars .label a:hover{color:var(--accent);text-decoration:underline}.origin-bars .note-text{color:var(--ink-3);font-size:.75rem;font-weight:400}.origin-bars .track{height:1.625rem;position:relative}.origin-bars .bar{background:var(--c-foreign);border-radius:0 4px 4px 0;min-width:2px;position:absolute;top:.3125rem;bottom:.3125rem;left:0}.origin-bars .mark{flex:none;display:inline-block}.origin-bars .mark.main{background:var(--c-foreign);border-radius:2px;width:.875rem;height:.625rem}.origin-bars .mark.parent{background:var(--ink);width:3px;height:1rem;box-shadow:0 0 0 1.5px var(--surface);border-radius:2px}.origin-bars .mark.national{background:var(--surface);border:2.5px solid var(--ink-2);border-radius:50%;width:.6875rem;height:.6875rem}.origin-bars .track .mark{position:absolute;top:50%;transform:translate(-50%,-50%)}.origin-bars .track .mark.parent{height:100%}.origin-bars .val{text-align:right;font-variant-numeric:tabular-nums;line-height:1.2}.origin-bars .val.main strong{font-size:.9375rem;display:block}.origin-bars .count{color:var(--ink-3);white-space:nowrap;font-size:.75rem;display:block}.origin-bars .val.cmp{color:var(--ink-2);font-size:.9375rem}.origin-bars .val.cmp .mark{display:none}.origin-bars .val.cmp .cmp-name{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@container (width<=46rem){.origin-bars .pop{width:calc(100% - 1rem);left:.5rem}.origin-bars .head{flex-wrap:wrap;gap:.375rem 1.25rem;padding:0 0 .75rem;display:flex}.origin-bars .spacer{display:none}.origin-bars .head-item{justify-content:flex-start;font-weight:550}.origin-bars .row,.origin-bars.compared .row{grid-template-columns:minmax(0,1fr) auto;row-gap:.25rem}.origin-bars .label{grid-area:1/1}.origin-bars .val.main{grid-area:1/2}.origin-bars .track{grid-area:2/1/auto/-1;height:1.375rem}.origin-bars .cmps{flex-wrap:wrap;grid-area:3/1/auto/-1;gap:.25rem 1.25rem;display:flex}.origin-bars .val.cmp{align-items:center;gap:.375rem;font-size:.8125rem;display:inline-flex}.origin-bars .val.cmp .mark{display:inline-block}.origin-bars .val.cmp .mark.parent{height:.875rem}.origin-bars .val.cmp .cmp-name{clip:auto;width:auto;height:auto;color:var(--ink-3);position:static;overflow:visible}.origin-bars .val.cmp .cmp-value{color:var(--ink);font-weight:600}}