/* stylelint-disable */
@mixin define_dataviz($index, $dataviz, $sub-1: 15%, $sub-2: 30%) {
    $dataviz-sub-1: lighten($dataviz, $sub-1);
    $dataviz-sub-2: lighten($dataviz, $sub-2);

    .bg-dataviz-#{$index} {
        background-color: $dataviz !important;
        fill: $dataviz !important;
    }
    .bg-dataviz-#{$index}-0 {
        background-color: $dataviz !important;
        fill: $dataviz !important;
    }
    .bg-dataviz-#{$index}-1 {
        background-color: $dataviz-sub-1 !important;
        fill: $dataviz-sub-1 !important;
    }
    .bg-dataviz-#{$index}-2 {
        background-color: $dataviz-sub-2 !important;
        fill: $dataviz-sub-2 !important;
    }
    .color-dataviz-#{$index} {
        color: $dataviz !important;
    }

    .stroke-dataviz-#{$index} circle {
        stroke: $dataviz-sub-2 !important;
        stroke-width: 1px;
    }
}

@include define_dataviz(0, $dataviz-1);
@include define_dataviz(1, $dataviz-2, 25%, 45%);
@include define_dataviz(2, $dataviz-3);
@include define_dataviz(3, $dataviz-4);