@charset "utf-8";

:root {
    --arrow: #014421;
    --batwoman: #4b0082;
    --black-lightning: #343434;
    --constantine: #000000;
    --dc-s-legends-of-tomorrow: #665d1e;
    --freedom-fighters-the-ray: #000000;
    --stargirl: #e5b73b;
    --supergirl: #191970;
    --superman-lois: #8e3a59;
    --the-flash: #a40000;
    --vixen: #000000;
}

table td {
    height: 100%;
    vertical-align: middle;
}

table td a {
    display: inline-block;
    width: 100%;
    height: 100%;
    text-align: center;
}

#arrowverse-table > tbody > tr.arrow:not(.no-color) > td {
    background-color: var(--arrow);
}

#arrowverse-table > tbody > tr.batwoman:not(.no-color) > td {
    background-color: var(--batwoman);
}

#arrowverse-table > tbody > tr.black-lightning:not(.no-color) > td {
    background-color: var(--black-lightning);
}

#arrowverse-table > tbody > tr.constantine:not(.no-color) > td {
    background-color: var(--constantine);
}

#arrowverse-table > tbody > tr.dc-s-legends-of-tomorrow:not(.no-color) > td {
    background-color: var(--dc-s-legends-of-tomorrow);
}

#arrowverse-table > tbody > tr.freedom-fighters-the-ray:not(.no-color) > td {
    background-color: var(--freedom-fighters-the-ray);
}

#arrowverse-table > tbody > tr.stargirl:not(.no-color) > td {
    background-color: var(--stargirl);
}

#arrowverse-table > tbody > tr.supergirl:not(.no-color) > td {
    background-color: var(--supergirl);
}

#arrowverse-table > tbody > tr.superman-lois:not(.no-color) > td {
    background-color: var(--superman-lois);
}

#arrowverse-table > tbody > tr.the-flash:not(.no-color) > td {
    background-color: var(--the-flash);
}

#arrowverse-table > tbody > tr.vixen:not(.no-color) > td {
    background-color: var(--vixen);
}