/* senate_flows.css: Page-specific styles for Senate flows */
.node {
    stroke: none;
    cursor: pointer;
}

.node.elected {
    stroke: var(--dark);
    stroke-width: 2px;
}

.link {
    fill: var(--dark);
    fill-opacity: 0.08;
    stroke: none;
    cursor: pointer;
}

/* On hover the chosen candidate's links take a wash of the party colour and the rest soften */
.link.lit {
    fill-opacity: 0.3;
}

.link.dim {
    fill-opacity: 0.03;
}

.node.dim {
    fill-opacity: 0.25;
}

.label {
    font-size: 1rem;
    font-weight: 500;
}

/* Where a candidate passed the quota */
.elected-mark {
    fill: #fff;
    stroke: var(--dark);
    stroke-width: 2px;
    pointer-events: none;
}

.elected-note {
    fill: var(--dark);
    font-size: 0.8rem;
}

/* Party key */
#partyKey li {
    padding-left: 1.5rem;
}

#partyKey li::before {
    content: none;
}

#partyKey .swatch {
    position: absolute;
    left: 0.1rem;
    top: 0.2rem;
    width: 1rem;
    height: 1rem;
    border-radius: 0.2rem;
}

/* The script sets a minimum height so the chart doesn't shift as descriptors change */
figTitle {
    line-height: 1.3rem;
}