.brin-bar-graph{--brin-bar-bg:transparent;--brin-bar-surface:#ffffff;--brin-bar-title:#111111;--brin-bar-description:#5f6470;--brin-bar-color:#2469ff;--brin-bar-hover:#111111;--brin-bar-label:#5f6470;--brin-bar-value:#111111;--brin-bar-grid:#dfe3ea;--brin-bar-grid-opacity:.5;--brin-bar-radius:20px;--brin-bar-bar-radius:8px;--brin-bar-chart-height:340px;--brin-bar-gap:18px;--brin-bar-min-width:52px;--brin-bar-max-width:72px;--brin-bar-axis-width:54px;--brin-bar-label-space:48px;--brin-bar-top-space:34px;width:100%;max-width:100%;background:var(--brin-bar-bg);box-sizing:border-box}.brin-bar-graph *,.brin-bar-graph *::before,.brin-bar-graph *::after{box-sizing:border-box}.brin-bar-graph__surface{position:relative;width:100%;min-width:0;overflow:hidden;border-radius:var(--brin-bar-radius);background:var(--brin-bar-surface)}.brin-bar-graph__header{display:grid;gap:7px;margin:0 0 28px}.brin-bar-graph__title,.brin-bar-graph__description{margin:0}.brin-bar-graph__title{color:var(--brin-bar-title)}.brin-bar-graph__description{max-width:62ch;color:var(--brin-bar-description)}.brin-bar-graph__viewport{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.brin-bar-graph__plot{position:relative;width:100%;min-width:calc( var(--brin-bar-axis-width) + (var(--brin-bar-count) * var(--brin-bar-min-width)) + ((var(--brin-bar-count) - 1) * var(--brin-bar-gap)) );height:var(--brin-bar-chart-height)}.brin-bar-graph__grid{position:absolute;inset:var(--brin-bar-top-space) 0 var(--brin-bar-label-space) var(--brin-bar-axis-width);z-index:0;pointer-events:none}.brin-bar-graph__grid-line{position:absolute;top:var(--brin-grid-y);left:0;width:100%;border-top:1px solid color-mix(in srgb,var(--brin-bar-grid) calc(var(--brin-bar-grid-opacity) * 100%),transparent);transform:translateY(-.5px)}.brin-bar-graph__grid-value{position:absolute;right:calc(100% + 10px);top:0;color:var(--brin-bar-label);font-size:11px;line-height:1;white-space:nowrap;transform:translateY(-50%)}.brin-bar-graph__bars{position:absolute;z-index:1;inset:var(--brin-bar-top-space) 0 0 var(--brin-bar-axis-width);display:grid;grid-template-columns:repeat(var(--brin-bar-count),minmax(var(--brin-bar-min-width),1fr));gap:var(--brin-bar-gap);min-width:calc( (var(--brin-bar-count) * var(--brin-bar-min-width)) + ((var(--brin-bar-count) - 1) * var(--brin-bar-gap)) )}.brin-bar-graph__item{position:relative;display:grid;grid-template-rows:minmax(0,1fr) var(--brin-bar-label-space);min-width:0;outline:none}.brin-bar-graph__bar-zone{position:relative;display:flex;align-items:flex-end;justify-content:center;min-height:0}.brin-bar-graph__bar{position:relative;display:block;width:min(100%,var(--brin-bar-max-width));height:calc(var(--brin-bar-ratio) * 100%);min-height:2px;border-radius:var(--brin-bar-bar-radius) var(--brin-bar-bar-radius) 3px 3px;background:var(--brin-bar-item-color,var(--brin-bar-color));transform-origin:50% 100%;transition:background-color 180ms ease,filter 180ms ease}.brin-bar-graph__item:hover .brin-bar-graph__bar,.brin-bar-graph__item:focus-visible .brin-bar-graph__bar{background:var(--brin-bar-hover);filter:saturate(1.05)}.brin-bar-graph__value{color:var(--brin-bar-value);font-variant-numeric:tabular-nums}.brin-bar-graph--vertical .brin-bar-graph__value{position:absolute;z-index:2;bottom:calc(var(--brin-bar-ratio) * 100% + 8px);left:50%;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transform:translateX(-50%)}.brin-bar-graph__label{align-self:start;min-width:0;padding-top:11px;overflow:hidden;color:var(--brin-bar-label);line-height:1.3;text-align:center;overflow-wrap:anywhere;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.brin-bar-graph__tooltip{position:absolute;z-index:5;left:50%;bottom:calc(var(--brin-bar-ratio) * 100% + 10px);padding:7px 9px;border-radius:7px;background:var(--brin-bar-title);color:var(--brin-bar-surface);opacity:0;pointer-events:none;white-space:nowrap;transform:translate(-50%,5px);transition:opacity 140ms ease,transform 140ms ease}.brin-bar-graph--vertical .brin-bar-graph__item:hover .brin-bar-graph__tooltip,.brin-bar-graph--vertical .brin-bar-graph__item:focus-visible .brin-bar-graph__tooltip{opacity:1;transform:translate(-50%,0)}.brin-bar-graph--vertical.brin-bar-graph--show-values .brin-bar-graph__tooltip{display:none}.brin-bar-graph__item:focus-visible,.brin-bar-graph__horizontal-item:focus-visible{outline:2px solid var(--brin-bar-color);outline-offset:4px;border-radius:6px}.brin-bar-graph__horizontal-list{display:grid;gap:18px}.brin-bar-graph__horizontal-item{position:relative;display:grid;gap:8px;outline:none}.brin-bar-graph__horizontal-meta{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.brin-bar-graph--horizontal .brin-bar-graph__label{padding:0;text-align:left}.brin-bar-graph__horizontal-track{position:relative;width:100%;height:16px;overflow:hidden;border-radius:var(--brin-bar-bar-radius);background:color-mix(in srgb,var(--brin-bar-grid) 38%,transparent)}.brin-bar-graph__horizontal-bar{position:absolute;inset:0 auto 0 0;width:calc(var(--brin-bar-ratio) * 100%);border-radius:inherit;background:var(--brin-bar-item-color,var(--brin-bar-color));transform-origin:0 50%;transition:background-color 180ms ease}.brin-bar-graph__horizontal-item:hover .brin-bar-graph__horizontal-bar,.brin-bar-graph__horizontal-item:focus-visible .brin-bar-graph__horizontal-bar{background:var(--brin-bar-hover)}.brin-bar-graph--horizontal .brin-bar-graph__tooltip{top:50%;bottom:auto;left:auto;right:8px;max-width:calc(100% - 16px);overflow:hidden;text-overflow:ellipsis;transform:translateY(calc(-50% + 4px))}.brin-bar-graph--horizontal .brin-bar-graph__horizontal-item:hover .brin-bar-graph__tooltip,.brin-bar-graph--horizontal .brin-bar-graph__horizontal-item:focus-visible .brin-bar-graph__tooltip{opacity:1;transform:translateY(-50%)}.brin-bar-graph--horizontal.brin-bar-graph--show-values .brin-bar-graph__tooltip{display:none}.brin-bar-graph__empty{padding:18px 20px;border:1px dashed #b7b7b7;border-radius:10px;background:#fff;color:#50575e;font:500 13px/1.5 system-ui,sans-serif}.brin-bar-graph__sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important}@media (max-width:767px){.brin-bar-graph__header{margin-bottom:22px}.brin-bar-graph{--brin-bar-axis-width:46px;--brin-bar-label-space:44px;--brin-bar-top-space:30px}.brin-bar-graph__grid-value{right:calc(100% + 7px);font-size:10px}.brin-bar-graph__horizontal-list{gap:15px}}@media (prefers-reduced-motion:reduce){.brin-bar-graph__bar,.brin-bar-graph__horizontal-bar,.brin-bar-graph__tooltip{transition:none !important}}