@use "../helpers/variables" as vars;

$line-width: 1;
$dot-size: 0;

.sparkline {
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: $line-width;

    .line {
        stroke-width: 2;
    }

    .sparkline-circle {
        display: none;
        fill: vars.$brand-color-red;
        stroke-width: $dot-size;
    }

    .sparkline-area {
        stroke: none;
    }
}