#chart {
    $sectionW: 240px;
    $axisW: 30px;

    cursor:pointer;
    height:880px;
    left:540px;
    position:absolute;
    top:20px;
    width:240px;

    svg {
        margin-left:$axisW;
        height:100%;
        width:$sectionW - $axisW;
    }
}

#year-labels {
    // border:solid #e8e8e8;
    font-size:0;
    height:100%;
    left:540px;
    padding-top:15px;
    position:absolute;
    top:20px;
    width:30px;

    .label {
        color:#777;
        cursor:pointer;
        font-size:9px;
        height:23px;
        line-height:20px;
        margin-bottom:2px;
        text-align:center;
    }
}

.year-toggle:hover {
    background:#eee;
}

.axis .domain {
    fill: none;
    stroke: none;
}

.axis .tick {
    fill:#aaa;
    font-size:10px;
}

.label-axis-x {
    fill: #aaa;
    font-size:10px;
    letter-spacing:normal;
}

.tick-line {
    stroke:#f0f0f0;
}