@font-face {
  font-family: ui-sans-serif;
  src: url(./SvgrepoCom.woff2) format('woff2');
  font-weight: 400  900;
  font-style: normal;
  font-display: swap;
}

:root {
    /* --font-sans: awsomefontregular, ui-sans-serif, sans-serif;
    --font-mono: awsomefontregular, ui-sans, Mono; */
    --sl-font: ui-sans-serif;
    --sl-text-lg: 1.125rem;
    --sl-text-h4: 1.25rem;
    --sl-text-h3: 1.35rem;
    --sl-text-h2: 1.45rem;
    --sl-text-h1: 1.60rem;
}

body {
  /* firefox bug */
  font-family: ui-sans-serif, Avenir, Helvetica, Arial, sans-serif;
}

mjx-container[jax="SVG"] > svg {
    display: inline !important;
}
MathJax > svg {
    display: inline !important;
}

html[data-theme="light"] .beoe-dark {
  display: none;
}

html[data-theme="dark"] .beoe-light {
  display: none;
}

/* #mermaid */
.cluster >  rect {
      fill: #4488ff08 !important;
}
g > .node {
  place-items: center !important;
}
.nodeLabel > p {
      font-weight: bold !important;
      font-size: 13pt !important;
      margin-left: -0.2em !important;
      margin-top: -0.1em !important;
      display: flex !important;
      align-items: center;
}
.nodeLabel > p > a {
      font-weight: bold !important;
      font-size: medium !important;
      padding: 0 0.3rem 0 0.3rem;
margin: -0.3rem 0 -0.3rem 0 !important;
}
foreignObject {
  overflow: visible !important;
  min-width: 150px !important;
  min-height: 100px !important;
  place-items: center !important;
}

.cBlu { color: #00a2ff !important; }
.cYlw { color: #ff9500 !important; }
.cGrn { color: #00c39c !important; }
.cRed { color: #ff3333 !important; }
.cPrp { color: #9933ff !important; }
.cPnk { color: #ff33ff !important; }
.cPnk , cYlw, cGrn, cRed, cPrp, cBlu {
font-size: large !important;
margin: -0.3rem 0 -0.3rem 0 !important;
}
.xLrg {
font-size: x-large !important;
}