.ft-svg {
    @include pr-text;
    font-weight: $pr-weight-medium;

    .projection-area {
        fill: #f6f6f6;
    }

    .grey-bg {
        fill: #f9f9f9;
    }

    .border {
        fill: transparent;
        stroke: #c2c2c2;
        stroke-width: 1;
    }

    .light-border {
        fill: transparent;
        stroke: #F3F3F3;
        stroke-width: 1;
    }

    .axis-label {
        fill: $pr-color-medium-grey;
        font-weight: $pr-weight-light;
    }

    .contract-projection-line {
        fill: none;
        stroke-width: 4;
        stroke: #428de0;
    }

    .line.revenue.skinny {
        stroke-width: 2;
    }

    .total-projection-line {
        fill: none;
        stroke-width: 4;
        stroke: #6f9927;
        stroke-dasharray: 4;
    }

    .advances-expenses-line {
        fill: none;
        stroke-width: 4;
        stroke: #faa635;
    }
}

// body {
//     &:not(.mobile):not(.safari) {
//         .ft-svg {
//             .total-projection-line, .advances-expenses-line, .contract-projection-line, .intersection {
//                 filter: url('#dropShadow');
//             }
//         }
//     }
// }

@media (max-width: 435px) {
    .ft-svg {
        .contract-projection-line {
            stroke-width: 2;
        }

        .total-projection-line {
            stroke-width: 2;
        }

        .advances-expenses-line {
            stroke-width: 2;
        }
    }
}