:root {
  --md-primary-fg-color:        #e5006d;
  --md-primary-fg-color--light: #ECB7B7;
  --md-primary-fg-color--dark:  #90030C;

  --md-admonition-icon--function: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M15.6 5.29c-1.1-.1-2.07.71-2.17 1.82L13.18 10H16v2h-3l-.44 5.07a3.986 3.986 0 0 1-4.33 3.63 4.007 4.007 0 0 1-3.06-1.87l1.5-1.5c.24.74.9 1.31 1.73 1.38 1.1.1 2.07-.71 2.17-1.82L11 12H8v-2h3.17l.27-3.07c.19-2.2 2.13-3.83 4.33-3.63 1.31.11 2.41.84 3.06 1.87l-1.5 1.5c-.24-.74-.9-1.31-1.73-1.38Z"/></svg>');
  --md-admonition-icon--flag: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m12.36 6 .4 2H18v6h-3.36l-.4-2H7V6h5.36M14 4H5v17h2v-7h5.6l.4 2h7V6h-5.6"/></svg>');
  --md-admonition-icon--forward: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M5 5v14h3V5m2 0v14l11-7"/></svg>');
  --md-admonition-icon--protobuf-message: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13.09 20c.12.72.37 1.39.72 2H6c-1.11 0-2-.89-2-2V4a2 2 0 0 1 2-2h8l6 6v5.09c-.33-.05-.66-.09-1-.09-.34 0-.67.04-1 .09V9h-5V4H6v16h7.09M23 17l-3-2.5V16h-4v2h4v1.5l3-2.5m-5 1.5L15 21l3 2.5V22h4v-2h-4v-1.5Z"/></svg>');
  --md-admonition-icon--terminal: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zM6.414 15.707 5 14.293 7.293 12 5 9.707l1.414-1.414L10.121 12l-3.707 3.707zM19 16h-7v-2h7v2z"/></svg>');
  --md-admonition-icon--reference: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --><svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 10.4V20M12 10.4C12 8.15979 12 7.03969 11.564 6.18404C11.1805 5.43139 10.5686 4.81947 9.81596 4.43597C8.96031 4 7.84021 4 5.6 4H4.6C4.03995 4 3.75992 4 3.54601 4.10899C3.35785 4.20487 3.20487 4.35785 3.10899 4.54601C3 4.75992 3 5.03995 3 5.6V16.4C3 16.9601 3 17.2401 3.10899 17.454C3.20487 17.6422 3.35785 17.7951 3.54601 17.891C3.75992 18 4.03995 18 4.6 18H7.54668C8.08687 18 8.35696 18 8.61814 18.0466C8.84995 18.0879 9.0761 18.1563 9.29191 18.2506C9.53504 18.3567 9.75977 18.5065 10.2092 18.8062L12 20M12 10.4C12 8.15979 12 7.03969 12.436 6.18404C12.8195 5.43139 13.4314 4.81947 14.184 4.43597C15.0397 4 16.1598 4 18.4 4H19.4C19.9601 4 20.2401 4 20.454 4.10899C20.6422 4.20487 20.7951 4.35785 20.891 4.54601C21 4.75992 21 5.03995 21 5.6V16.4C21 16.9601 21 17.2401 20.891 17.454C20.7951 17.6422 20.6422 17.7951 20.454 17.891C20.2401 18 19.9601 18 19.4 18H16.4533C15.9131 18 15.643 18 15.3819 18.0466C15.15 18.0879 14.9239 18.1563 14.7081 18.2506C14.465 18.3567 14.2402 18.5065 13.7908 18.8062L12 20" stroke="%23000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');

  --openobd-session-controller-color: #d3f1f1;
  --openobd-session-color: #fbe8c6;

  --openobd-pink:           #e5006d;
  --openobd-pink-lighter:   #ff8fc4;
  --openobd-pink-light:     #ffd2e7;

  --openobd-reference-header-color: #006699;
  --openobd-reference-header-color--light: #4786a4;
}

/* Pink page title (left pane) */
@media screen and (min-width: 76.25em) {
    .md-nav--lifted>.md-nav__list>.md-nav__item>[for] {
        color: var(--md-primary-fg-color);
    }
}

/* Pink page section title (left pane) */
@media screen and (min-width: 76.25em) {
    .md-nav__item--section>.md-nav__link[for] {
        color: var(--md-primary-fg-color);
    }
}

/* Pink Table of contents title (right pane) */
.md-nav__title {
    color: var(--md-primary-fg-color);
}

/* Mermaid diagrams */
.mermaid {
    text-align: center;

    /* Background color of filled boxes (this property is removed from our building container (see Dockerfile) */
    --md-mermaid-sequence-box-bg-color: var(--openobd-session-color);
}

rect.rect {
    fill: red important!;
}

.center {
    display: block;
    margin: 0 auto;
}

.right {
    display: block;
    float: right;
    margin: 10px;
}

.left {
    display: block;
    float: left;
    margin: 10px;
}


.shadow {
  box-shadow: 4px 4px 8px #000000;
}

.border {
  border: 1px solid #000000;
}


/* Admonition function */
.md-typeset .admonition.function,
.md-typeset details.function {
  border-color: rgb(43, 155, 70);
}
.md-typeset .function > .admonition-title,
.md-typeset .function > summary {
  background-color: rgba(43, 155, 70, 0.1);
}
.md-typeset .function > .admonition-title::before,
.md-typeset .function > summary::before {
  background-color: rgb(43, 155, 70);
  -webkit-mask-image: var(--md-admonition-icon--function);
          mask-image: var(--md-admonition-icon--function);
}

/* Admonition flag */
.md-typeset .admonition.flag,
.md-typeset details.flag {
  border-color: rgb(229, 0, 109);
}
.md-typeset .flag > .admonition-title,
.md-typeset .flag > summary {
  background-color: rgba(229, 0, 109, 0.1);
}
.md-typeset .flag > .admonition-title::before,
.md-typeset .flag > summary::before {
  background-color: rgb(229, 0, 109);
  -webkit-mask-image: var(--md-admonition-icon--flag);
          mask-image: var(--md-admonition-icon--flag);
}

/* Reference */
.md-typeset .admonition.reference,
.md-typeset details.reference {
  border-color: var(--openobd-reference-header-color);
  background-color: antiquewhite;
}
.md-typeset .reference > .admonition-title,
.md-typeset .reference > summary {
  font-size: 19.8px;
  color: #FFFFFF;
  background-color: var(--openobd-reference-header-color--light);
}
.md-typeset .reference > .admonition-title::before,
.md-typeset .reference > summary::before {
  background-color: var(--openobd-reference-header-color);
  -webkit-mask-image: var(--md-admonition-icon--reference);
          mask-image: var(--md-admonition-icon--reference);
}

/* Admonition terminal */
.md-typeset .admonition.terminal,
.md-typeset details.terminal {
  border-color: rgb(85, 85, 85);
  font-family: var(--md-code-font-family);
}
.md-typeset .terminal > .admonition-title,
.md-typeset .terminal > summary {
  background-color: rgba(178, 190, 181);
}
.md-typeset .terminal > .admonition-title::before,
.md-typeset .terminal > summary::before {
  background-color: rgb(85, 85, 85);
  -webkit-mask-image: var(--md-admonition-icon--terminal);
          mask-image: var(--md-admonition-icon--terminal);
}

/* Admonition protobuf-message */
.md-typeset .admonition.protobuf-message,
.md-typeset details.protobuf-message {
  border-color: rgb(229, 218, 0);
}
.md-typeset .protobuf-message > .admonition-title,
.md-typeset .protobuf-message > summary {
  background-color: rgba(229, 218, 0, 0.1);
}
.md-typeset .protobuf-message > .admonition-title::before,
.md-typeset .protobuf-message > summary::before {
  background-color: rgb(229, 218, 0);
  -webkit-mask-image: var(--md-admonition-icon--protobuf-message);
          mask-image: var(--md-admonition-icon--protobuf-message);
}

/* Admonition forward */
.md-typeset .admonition.forward,
.md-typeset details.forward {
  border-color: rgb(96, 125, 139);
}
.md-typeset .forward > .admonition-title,
.md-typeset .forward > summary {
  background-color: rgba(96, 125, 139, 0.1);
}
.md-typeset .forward > .admonition-title::before,
.md-typeset .forward > summary::before {
  background-color: rgb(96, 125, 139);
  -webkit-mask-image: var(--md-admonition-icon--forward);
          mask-image: var(--md-admonition-icon--forward);
}

/* Function context explanation */
/* Container holding the image and the text */
.function-context-container {
  position: relative;
  text-align: left;
  color: purple;
}

.function-context-bottom-left {
  position: absolute;
  bottom: 0px;
  left: 7px;
  width: 97%;
}
