: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>');

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

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



/* 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);
}

/* 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%;
}