.autumn-chart {
display: block;
width: 100%;
max-width: 100%;
color: var(--primary);
}
.autumn-chart__svg {
display: block;
width: 100%;
height: auto;
overflow: visible;
}
.autumn-chart--sparkline .autumn-chart__svg {
height: 2rem;
}
.autumn-chart--bar .autumn-chart__svg,
.autumn-chart--line .autumn-chart__svg {
height: 8rem;
}
.autumn-chart__line {
fill: none;
stroke: var(--primary);
stroke-width: 1.5;
stroke-linecap: round;
stroke-linejoin: round;
vector-effect: non-scaling-stroke;
}
.autumn-chart__point {
fill: var(--primary);
stroke: none;
}
.autumn-chart__bar {
fill: var(--primary);
}
.autumn-chart__table {
border-collapse: collapse;
color: var(--text);
border: 1px solid var(--border);
border-radius: var(--radius);
}