.eg-chart{display:block}.eg-chart__area{column-gap:var(--sp-2);grid-template-columns:auto 1fr;display:grid}.eg-chart__yaxis{grid-area:1/1;position:relative}.eg-chart__ytick,.eg-chart__ysizer{font-size:var(--fs-label);color:var(--ink-2);font-variant-numeric:tabular-nums;white-space:nowrap;line-height:1}.eg-chart__ytick{position:absolute;right:0;transform:translateY(-50%)}.eg-chart__ysizer{visibility:hidden;height:0;display:block;overflow:hidden}.eg-chart__plot{grid-area:1/2;min-width:0;position:relative}.eg-chart__canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.eg-chart__grid{stroke:var(--chart-grid);stroke-width:1px}.eg-chart__baseline{stroke:var(--chart-axis);stroke-width:1px}.eg-chart__line{fill:none;stroke:var(--accent);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.eg-chart__marks{position:absolute;inset:0}.eg-chart__mark{cursor:default;-webkit-tap-highlight-color:transparent;background:0 0;border:0;margin:0;padding:0;position:absolute;top:0;bottom:0}.eg-chart__mark:focus-visible{outline:none}.eg-chart__dot{background:var(--accent);width:10px;height:10px;box-shadow:0 0 0 2px var(--surface);border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.eg-chart__mark:hover .eg-chart__dot{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--accent-soft)}.eg-chart__mark:focus-visible .eg-chart__dot{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--ink)}.eg-chart__bar{background:var(--ink-3);width:min(24px,100% - 2px);min-height:2px;position:absolute;left:50%;transform:translate(-50%)}.eg-chart__bar--besser{background:var(--chart-pos)}.eg-chart__bar--schlechter{background:var(--chart-neg)}.eg-chart__bar--neutral{background:var(--ink-3)}.eg-chart__bar--up{border-radius:4px 4px 0 0}.eg-chart__bar--down{border-radius:0 0 4px 4px}.eg-chart__mark:hover .eg-chart__bar{filter:brightness(1.2)}.eg-chart__mark:focus-visible .eg-chart__bar{outline:2px solid var(--focus);outline-offset:2px}.eg-chart__crosshair{background:var(--chart-axis);pointer-events:none;width:1px;position:absolute;top:0;bottom:0}.eg-chart__target{border-top:1px dashed var(--chart-axis);pointer-events:none;position:absolute;left:0;right:0}.eg-chart__target-label{background:var(--surface);font-size:var(--fs-label);color:var(--ink-2);white-space:nowrap;border-radius:4px;padding:0 4px;line-height:1.2;position:absolute;top:-3px;right:0;transform:translateY(-100%)}.eg-chart__vlabel{font-size:var(--fs-label);color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;line-height:1;position:absolute}.eg-chart__tip{z-index:2;border:1px solid var(--line);border-radius:var(--r-field);background:var(--surface-2);pointer-events:none;white-space:nowrap;flex-direction:column;gap:1px;padding:6px 8px;display:flex;position:absolute;box-shadow:0 8px 24px #00000080}.eg-chart__tip-value{font-family:var(--font-display);font-weight:700;font-size:var(--fs-title);color:var(--ink);line-height:1.1}.eg-chart__tip-label,.eg-chart__tip-note{font-size:var(--fs-label);color:var(--ink-2);line-height:1.2}.eg-chart__xaxis{height:16px;margin-top:var(--sp-2);grid-area:2/2;position:relative}.eg-chart__xtick{font-size:var(--fs-label);color:var(--ink-2);white-space:nowrap;line-height:1.2;position:absolute;top:0}.eg-chart__table{border-collapse:collapse;width:100%;font-size:var(--fs-sub)}.eg-chart__table th,.eg-chart__table td{text-align:left;border-bottom:1px solid var(--line);padding:6px 8px}.eg-chart__table thead th{font-size:var(--fs-label);text-transform:uppercase;letter-spacing:var(--ls-label);color:var(--ink-2);font-weight:700}.eg-chart__table tbody th{color:var(--ink-2);font-weight:500}.eg-chart__table td{color:var(--ink);font-variant-numeric:tabular-nums}.eg-chart__table tbody tr:last-child th,.eg-chart__table tbody tr:last-child td{border-bottom:0}.eg-chart__tabletoggle{margin-top:var(--sp-2);font-family:inherit;font-size:var(--fs-sub);color:var(--ink-2);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;align-items:center;gap:4px;padding:4px 0;display:flex}.eg-chart__tabletoggle:hover{color:var(--ink)}.eg-chart__tabletoggle:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.eg-chart__tabletoggle-chev{transition:transform var(--motion);flex-shrink:0}.eg-chart__tabletoggle--open .eg-chart__tabletoggle-chev{transform:rotate(180deg)}.eg-chart__tablewrap{margin-top:var(--sp-2)}@keyframes eg-chart-in{0%{opacity:0}to{opacity:1}}.eg-chart__canvas,.eg-chart__marks{animation:eg-chart-in var(--motion) ease-out both}@media (prefers-reduced-motion:reduce){.eg-chart__canvas,.eg-chart__marks{animation:none}}
