text {
}

    text.nameLabel {
        font-weight: 600;
    }

    text.valueLabel {
        font-weight: 300;
    }

    text.yearText {
        font-size: 64px;
        font-weight: 700;
        opacity: 0.25;
    }

.tick text {
    fill: #777777;
}

.xAxis .tick:nth-child(2) text {
    text-anchor: start;
}

.tick line {
    shape-rendering: CrispEdges;
    stroke: #dddddd;
}

    .tick line.origin {
        stroke: #aaaaaa;
    }

path.domain {
    display: none;
}

.topic-race-options-container {
    left: calc(100% - 300px);
    top: calc(100% - 150px);
    width: 250px;
    height: 100px;
    position: absolute;
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 8px 15px;
}

    .topic-race-options-container .year {
        text-align: center;
        font-size: 2.5rem;
        font-weight: 800;
    }

    .topic-race-options-container .loader {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        text-align: center;
        height: 100%;
        padding-top:40px;
        z-index: 2;
        display:none;
        color:black;
        background-color: rgba(255, 255,255, 0.8);
    }

    .topic-race-options-container .opt {
        transition: 0.1s;
        cursor: pointer;
    }

        .topic-race-options-container .opt:hover {
            color: black;
            transition: 0.1s;
            transform: scale(1.01);
        }