.s-q-item__annotation-legend__item__icon.svelte-1n567z8{font-size:12px;align-self:flex-start;& svg {
      overflow: visible;
    }}.showAsCompactList.svelte-1n567z8{flex-flow:row wrap;column-gap:1em}
.separator.svelte-1klh8l3{border-top:1px solid #c3c2ca;padding-top:4px}
q-item-holder.svelte-1n9w0m2,q-titlegroup.svelte-1n9w0m2{display:block;box-sizing:border-box}.s-q-item__subtitle.svelte-1n9w0m2:has(> :first-child:empty + :last-child:empty){display:none}.s-q-item__subtitle.svelte-1n9w0m2>span:empty{display:none}
.highlight.svelte-1yf6ya1{& .s-legend-item-label__item__label {
			font-weight: bold;
		}}
.tick-start.svelte-mba2ab{stroke:#d4d6dd;stroke-opacity:1}text.svelte-mba2ab{alignment-baseline:text-before-edge;dominant-baseline:text-before-edge;font-family:nzz-sans-serif;font-weight:100;font-size:11px;fill:#6e6e7e}
text.svelte-1hvrs8i.svelte-1hvrs8i{fill:#6e6e7e;font-family:nzz-sans-serif;font-size:11px;font-weight:100;font-variant:tabular-nums}.showValuesInChartArea.svelte-1hvrs8i text.svelte-1hvrs8i{fill:#05032d}
line.svelte-g03c70{shape-rendering:crispEdges}
.chart-container.svelte-1eshvuv{justify-content:center;align-items:center;& svg {
      max-width: 100%;
      height: auto;
      margin: auto;
      display: block;

      /* Mitigate the problem with cropped-off content
	    for online – where we (usually) have padding to the sides and where we want to keep the optical
	    borders of the chart in line with the surrounding content.
	   */
      overflow: visible;
    };& x-axis-lbl {
      color: #05032d;
      display: block;
      font-family: nzz-sans-serif;
      font-size: 11px;
      font-weight: 100;
      text-align: right;
    }}