/* Place any Custom CSS for the site here */

/* The arrows of flowcharts in mermaid diagrams
do not show up if using Sphinx-Book-Theme in Dark Mode
change the color and thickness here
Must use !important or else these get overridden
By something that applies invisible colors with really high specificity
Which also overrides any mermaid theme settings
*/

/* change the color of the arrowhead */
.mermaid .marker {
  stroke: var(--pst-color-accent) !important;
  fill: var(--pst-color-accent) !important;
}

/* change the color of the arrow line */
.mermaid .flowchart-link {
  stroke: var(--pst-color-accent) !important;
  fill: var(--pst-color-accent) !important;
}

/* thicken the arrow line */
.mermaid .edge-thickness-normal {
  stroke-width: 2px !important;
}