.summary-graph {
    --summary-chart-background-color: var(--background-color);
    --summary-chart-border-color: var(--dark-gray);
    --summary-chart-capital-color: #137d9e;
    --summary-chart-currvalue-color: var(--positive-border-color);
    --summary-chart-text-color: var(--light-gray);
    --summary-chart-fill-color: var(--black);

    display: block;
    margin: 0 auto 1em;
}

.summary-graph .labels.x-labels {
    text-anchor: middle;
}

.summary-graph .labels.y-labels {
    text-anchor: end;
}

.summary-graph .grid {
    stroke: var(--font-color);
    stroke-dasharray: 0;
    stroke-width: 1;
}

.summary-graph .labels {
    font-size: 13px;
}

.summary-graph .label-title {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    fill: var(--background-color);
}