:where(:root[data-ontwerp=v2]) .vbarc-grid span{background:var(--grafiek-raster)}:where(:root[data-ontwerp=v2]) .vbarc-ytick,:where(:root[data-ontwerp=v2]) .vbarc-x span{font:400 11px/1 var(--font-body);color:var(--ink3)}:where(:root[data-ontwerp=v2]) .vbarc-bar,:where(:root[data-ontwerp=v2]) .vbarc-bar.solo{opacity:1;border-radius:4px 4px 0 0;max-width:24px}:where(:root[data-ontwerp=v2]) .vbarc-col:not(.on) .vbarc-bar{opacity:1}:where(:root[data-ontwerp=v2]) .vbarc-waarde{font:600 12px/1 var(--font-body);color:var(--ink);white-space:nowrap;pointer-events:none;position:absolute;left:50%;transform:translate(-50%)}:where(:root[data-ontwerp=v2]) .vbarc-tip{padding:8px 12px}:where(:root[data-ontwerp=v2]) .grafiektabel-w{height:100%;min-height:0;overflow:auto}:where(:root[data-ontwerp=v2]) .grafiektabel{border-collapse:collapse;width:100%;font:400 13px/1.4 var(--font-body);color:var(--ink)}:where(:root[data-ontwerp=v2]) .grafiektabel thead th{background:var(--card);text-align:left;font:600 12px/1.4 var(--font-body);color:var(--ink2);border-bottom:1px solid var(--line);padding:6px 8px;position:sticky;top:0}:where(:root[data-ontwerp=v2]) .grafiektabel tbody th{text-align:left;color:var(--ink2);border-bottom:1px solid var(--line3,var(--line));padding:7px 8px;font-weight:400}:where(:root[data-ontwerp=v2]) .grafiektabel td{border-bottom:1px solid var(--line3,var(--line));padding:7px 8px}:where(:root[data-ontwerp=v2]) .grafiektabel .is-num{text-align:right;font-variant-numeric:tabular-nums}:where(:root[data-ontwerp=v2]) .grafiektabel td.is-num{font-weight:600}:where(:root[data-ontwerp=v2]) .kpi-spark{flex:0 auto;width:96px;max-width:38%;height:28px;margin-left:auto;display:block}:where(:root[data-ontwerp=v2]) .kpi-spark polyline{fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}:where(:root[data-ontwerp=v2]) .areachart.is-assen{padding-top:4px}:where(:root[data-ontwerp=v2]) .areachart-rij{gap:12px;min-height:0;display:flex}:where(:root[data-ontwerp=v2]) .areachart.is-assen>.areachart-rij:first-child{flex:1}:where(:root[data-ontwerp=v2]) .areachart-y{flex:0 0 44px;position:relative}:where(:root[data-ontwerp=v2]) .areachart-y span{color:var(--ink3);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px;line-height:1;position:absolute;right:0;transform:translateY(-50%)}:where(:root[data-ontwerp=v2]) .areachart.is-assen .areachart-plot{cursor:crosshair}:where(:root[data-ontwerp=v2]) .areachart-x.is-onder{flex:1;height:14px;margin-top:10px;display:block;position:relative}:where(:root[data-ontwerp=v2]) .areachart-x.is-onder span{white-space:nowrap;line-height:1;position:absolute;top:0;transform:translate(-50%)}:where(:root[data-ontwerp=v2]) .areac-dot.areachart-eindpunt{width:8px;height:8px;box-shadow:0 0 0 2px var(--card)}:where(:root[data-ontwerp=v2]) .areachart-eind{color:var(--ink);white-space:nowrap;pointer-events:none;font-size:12px;font-weight:700;line-height:1;position:absolute;transform:translate(calc(-100% - 10px),calc(-100% - 2px))}:where(:root[data-ontwerp=v2]) .areac-tip.areachart-tip{flex-direction:column;gap:2px;min-width:0;display:flex;transform:translate(12px,-4px)}:where(:root[data-ontwerp=v2]) .areac-tip.areachart-tip.left{transform:translate(calc(-100% - 12px),-4px)}:where(:root[data-ontwerp=v2]) .areac-tip.areachart-tip .areac-tip-m{margin:0}:where(:root[data-ontwerp=v2]) .areac-tip.areachart-tip b{color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}:where(:root[data-ontwerp=v2]) .om-periode{white-space:nowrap;flex:none;gap:6px;display:flex}:where(:root[data-ontwerp=v2]) .om-periode .om-chip{box-sizing:border-box;border:1px solid var(--line);background:var(--card);height:32px;color:var(--ink2);font:inherit;white-space:nowrap;cursor:pointer;border-radius:16px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}:where(:root[data-ontwerp=v2]) .om-periode .om-chip:hover{color:var(--ink)}:where(:root[data-ontwerp=v2]) .om-periode .om-chip.on{background:var(--ink);border-color:var(--ink);color:#fff}