.svg-container.routes {
    width: 500px;
    height: 349px;
    margin: 0;
}

.routes-container {
    display: flex;
    width: 100%;
}


.routes-list ol {
    list-style: none;
}

.routes-list ol li {
    line-height: 2rem;
    margin: 4px 0;
    padding: 0 0.6rem;
}

.routes-list ol li:hover {
    cursor: pointer;
    filter: brightness(85%);
}

#routes-graph path:hover {
    stroke-width: 8;
    cursor: pointer;
}

#a.bg {
    background: #429BFF;
}

#b.bg {
    background: #FFB562;
}

#c.bg {
    background: #C864E4;
}

#d.bg {
    background: #45FE8F;
}

#e.bg {
    background: #F85757;
}

#f.bg {
    background: #85FFDF;
}

.route-hover {
    stroke-width: 8;
}