svg.railroad-diagram {
    background-color: hsl(30,20%,95%);
}
svg.railroad-diagram path {
    stroke-width: 3;
    stroke: black;
    fill: rgba(0,0,0,0);
}
svg.railroad-diagram text {
    font-size: 14px;
    font-weight: bold;
    font-family: Consolas, monospace;
    text-anchor: middle;
    white-space: pre;
}
svg.railroad-diagram text.diagram-text {
    font-size: 12px;
}
svg.railroad-diagram text.diagram-arrow {
    font-size: 16px;
}
svg.railroad-diagram text.label {
    text-anchor: start;
}
svg.railroad-diagram text.comment {
    font: italic 12px monospace;
}
svg.railroad-diagram g.non-terminal text {
    /*font-style: italic;*/
}
svg.railroad-diagram rect {
    stroke-width: 3;
    stroke: black;
    fill: hsl(120,100%,90%);
}
svg.railroad-diagram rect.group-box {
    stroke: gray;
    stroke-dasharray: 10 5;
    fill: none;
}
svg.railroad-diagram path.diagram-text {
    stroke-width: 3;
    stroke: black;
    fill: white;
    cursor: help;
}
svg.railroad-diagram g.diagram-text:hover path.diagram-text {
    fill: #eee;
}

/* 
    Extra styles appended by BHznJNs:
    https://github.com/BHznJNs/
*/
svg.railroad-diagram {
    vertical-align: middle;
}
svg.railroad-diagram path,
svg.railroad-diagram rect {
    stroke: var(--default-tx-color);
}
svg.railroad-diagram rect {
    fill: var(--quote-bg-color);
}
svg.railroad-diagram text {
    fill: var(--default-tx-color);
    font-family: var(--code-font) var(--text-font);
}
body.dark svg.railroad-diagram text {
    font-weight: normal;
}