.udc-chart {
  width: 100%; height: 100%; background: #eef1f4; box-sizing: border-box;
  padding: 20px; font: 14px/1.4 sans-serif; display: flex; flex-direction: column;
}
.udc-chart .udc-title { margin: 0; font-size: 20px; font-weight: 500; color: #333; }
.udc-chart .udc-subtitle { margin: 2px 0 12px; font-size: 12px; color: #999; }
.udc-chart .udc-stage { flex: 1 1 auto; min-height: 0; }
.udc-chart .udc-svg { width: 100%; height: 100%; display: block; }
.udc-chart .udc-label { font-size: 12px; fill: #444; }
.udc-chart .udc-row.is-sweden .udc-label { fill: #e07b39; font-weight: 700; }
.udc-chart .udc-connector { stroke: #ccc; stroke-width: 2px; }
.udc-chart .udc-row.is-sweden .udc-connector { stroke: #f0c4a3; }
.udc-chart .udc-dot-2005 { fill: #b7c4d1; }
.udc-chart .udc-dot-2018 { fill: #16324f; }
.udc-chart .udc-row.is-sweden .udc-dot-2018 { fill: #e07b39; }
.udc-chart .udc-row.is-sweden .udc-dot-2005 { fill: #f0c4a3; }
.udc-chart .udc-value { font-size: 11px; fill: #666; font-variant-numeric: tabular-nums; }
.udc-chart .udc-row.is-sweden .udc-value { fill: #e07b39; font-weight: 700; }