@media screen {
    
    /* Custom dark theme */
    [data-md-color-scheme="dark"] {

      --md-hue: 232;
  
      /* Default color shades */
      --md-default-fg-color:             hsla(var(--md-hue), 75%, 95%, 1);
      --md-default-fg-color--light:      hsla(var(--md-hue), 75%, 90%, 0.62);
      --md-default-fg-color--lighter:    hsla(var(--md-hue), 75%, 90%, 0.32);
      --md-default-fg-color--lightest:   hsla(var(--md-hue), 75%, 90%, 0.12);
      --md-default-bg-color:             #000;
      --md-default-bg-color--light:      #000;
      --md-default-bg-color--lighter:    #000;
      --md-default-bg-color--lightest:   #000;
  
      /* Code color shades */
      --md-code-fg-color:                hsla(var(--md-hue), 18%, 86%, 1);
      --md-code-bg-color:                hsla(var(--md-hue), 15%, 15%, 1);
      --md-typeset-a-color:              hsl(17, 92%, 56%);
  
      /* Code highlighting color shades */
      --md-code-hl-color:                hsla(#{hex2hsl($clr-blue-a200)}, 0.15);
      --md-code-hl-number-color:         hsla(6, 74%, 63%, 1);
      --md-code-hl-special-color:        hsla(340, 83%, 66%, 1);
      --md-code-hl-function-color:       hsla(291, 57%, 65%, 1);
      --md-code-hl-constant-color:       hsla(250, 62%, 70%, 1);
      --md-code-hl-keyword-color:        hsla(219, 66%, 64%, 1);
      --md-code-hl-string-color:         hsla(150, 58%, 44%, 1);
      --md-code-hl-name-color:           var(--md-code-fg-color);
      --md-code-hl-operator-color:       var(--md-default-fg-color--light);
      --md-code-hl-punctuation-color:    var(--md-default-fg-color--light);
      --md-code-hl-comment-color:        var(--md-default-fg-color--light);
      --md-code-hl-generic-color:        var(--md-default-fg-color--light);
      --md-code-hl-variable-color:       var(--md-default-fg-color--light);
  
      /* Typeset color shades */
      --md-typeset-color:                var(--md-default-fg-color);
  
      /* Typeset `a` color shades */
      /* --md-typeset-a-color:              rgb(162, 162, 162); */
  
      /* Typeset `mark` color shades */
      --md-typeset-mark-color:           hsla(#{hex2hsl($clr-blue-a200)}, 0.3);
  
      /* Typeset `kbd` color shades */
      --md-typeset-kbd-color:            hsla(var(--md-hue), 15%, 94%, 0.12);
      --md-typeset-kbd-accent-color:     hsla(var(--md-hue), 15%, 94%, 0.2);
      --md-typeset-kbd-border-color:     hsla(var(--md-hue), 15%, 14%, 1);
  
      /* Typeset `table` color shades */
      --md-typeset-table-color:          hsla(var(--md-hue), 75%, 95%, 0.12);
      --md-typeset-table-color--light:   hsla(var(--md-hue), 75%, 95%, 0.035);
  
      /* Admonition color shades */
      --md-admonition-fg-color:          var(--md-default-fg-color);
      --md-admonition-bg-color:          var(--md-default-bg-color);
  
      /* Footer color shades */
      --md-footer-bg-color:              #000;
      --md-footer-bg-color--dark:        #000;
  
      /* Shadow depth 1 */
      --md-shadow-z1:
        0 #{px2rem(4px)} #{px2rem(10px)} hsla(0, 0%, 0%, 0.2),
        0 0              #{px2rem(1px)}  hsla(0, 0%, 0%, 0.1);
  
      /* Shadow depth 2 */
      --md-shadow-z2:
        0 #{px2rem(4px)} #{px2rem(10px)} hsla(0, 0%, 0%, 0.3),
        0 0              #{px2rem(1px)}  hsla(0, 0%, 0%, 0.25);
  
      /* Shadow depth 3 */
      --md-shadow-z3:
        0 #{px2rem(4px)} #{px2rem(10px)} hsla(0, 0%, 0%, 0.4),
        0 0              #{px2rem(1px)}  hsla(0, 0%, 0%, 0.35);
    }

    [data-md-color-scheme="dark"] img[src$="#only-light"] {
            display: none;
    }
    [data-md-color-scheme="dark"] img[src$="#gh-light-mode-only"] {
            display: none;
    }
    [data-md-color-scheme="dark"] img[src$="#only-dark"], [data-md-color-scheme="dark"] img[src$="#gh-dark-mode-only"] {
            display: initial;
    }

    [data-md-color-scheme="dark"] strong, [data-md-color-scheme="dark"] .md-nav__title, h4 {
        color:  hsl(17, 92%, 56%);
      }

    [data-md-color-scheme="default"] strong, [data-md-color-scheme="default"] .md-nav__title, [data-md-color-scheme="default"] h4 {
    color:  hsl(17, 92%, 56%);
    }

    /*
    [data-md-color-switching] *, [data-md-color-switching] *::before, [data-md-color-switching] *::after {
            transition-duration: 0ms !important;
    }
    
    [data-md-color-scheme="dark"][data-md-color-primary="pink"] {
        --md-typeset-a-color: #ed5487;
    }
    [data-md-color-scheme="dark"][data-md-color-primary="purple"] {
        --md-typeset-a-color: #bd78c9;
    }
    [data-md-color-scheme="dark"][data-md-color-primary="deep-purple"] {
        --md-typeset-a-color: #a682e3;
    }
    [data-md-color-scheme="dark"][data-md-color-primary="indigo"] {
        --md-typeset-a-color: #6c91d5;
    }
    [data-md-color-scheme="dark"][data-md-color-primary="teal"] {
        --md-typeset-a-color: #00ccb8;
    }
    [data-md-color-scheme="dark"][data-md-color-primary="green"] {
        --md-typeset-a-color: #71c174;
    }
    [data-md-color-scheme="dark"][data-md-color-primary="deep-orange"] {
        --md-typeset-a-color: #ff9575;
    }
    [data-md-color-scheme="dark"][data-md-color-primary="brown"] {
        --md-typeset-a-color: #c7846b;
    }
    [data-md-color-scheme="dark"][data-md-color-primary="Set neutral colors to indigo grey"] {
        --md-typeset-a-color: #6c91d5;
    }
    [data-md-color-scheme="dark"][data-md-color-primary="blue-grey"] {
        --md-typeset-a-color: #6c91d5;
    }
    [data-md-color-scheme="dark"][data-md-color-primary="white"] {
        --md-typeset-a-color: #6c91d5;
    }
    [data-md-color-scheme="dark"][data-md-color-primary="black"] {
        --md-typeset-a-color: #6c91d5;
    } */

    [data-md-color-scheme="default"][data-md-color-primary="black"] {
        --md-typeset-a-color: hsl(17, 92%, 56%);
    }
}

.md-typeset div.arithmatex {
    overflow: initial;
}

.md-typeset .arithmatex mjx-assistive-mml {
    display: none !important;
}

.md-typeset .admonition,
.md-typeset .admonition {
    font-size: 0.8rem /*px2rem(15.0px)*/
  }

:root {
--md-admonition-icon--cnote: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M0 1.75A.75.75 0 0 1 .75 1h4.253c1.227 0 2.317.59 3 1.501A3.743 3.743 0 0 1 11.006 1h4.245a.75.75 0 0 1 .75.75v10.5a.75.75 0 0 1-.75.75h-4.507a2.25 2.25 0 0 0-1.591.659l-.622.621a.75.75 0 0 1-1.06 0l-.622-.621A2.25 2.25 0 0 0 5.258 13H.75a.75.75 0 0 1-.75-.75Zm7.251 10.324.004-5.073-.002-2.253A2.25 2.25 0 0 0 5.003 2.5H1.5v9h3.757a3.75 3.75 0 0 1 1.994.574ZM8.755 4.75l-.004 7.322a3.752 3.752 0 0 1 1.992-.572H14.5v-9h-3.495a2.25 2.25 0 0 0-2.25 2.25Z"/></svg>')
}
.md-typeset .admonition.cnote,
.md-typeset details.cnote {
border-color: rgb(255, 145, 0);
font-size: 0.8rem;
}
.md-typeset .cnote > .admonition-title,
.md-typeset .cnote > summary {
background-color: rgba(234, 155, 45, 0.1);
}
.md-typeset .cnote > .admonition-title::before,
.md-typeset .cnote > summary::before {
background-color: rgb(68, 73, 69);
-webkit-mask-image: var(--md-admonition-icon--cnote);
        mask-image: var(--md-admonition-icon--cnote);
}

/* mjx-container {
    display: inline-block;
}

mjx-assistive-mml {
    right: 0px;
    bottom: 0px;
} */