:root {
  --md-admonition-icon--video: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc.--><path d="M0 256a256 256 0 1 1 512 0 256 256 0 1 1-512 0zm188.3-108.9c-7.6 4.2-12.3 12.3-12.3 20.9v176c0 8.7 4.7 16.7 12.3 20.9s16.8 4.1 24.3-.5l144-88c7.1-4.4 11.5-12.1 11.5-20.5s-4.4-16.1-11.5-20.5l-144-88c-7.4-4.5-16.7-4.7-24.3-.5z"/></svg>');
  scrollbar-width: thin;
}

::-webkit-scrollbar {
  width: 9px;
  height: 9px;
}
::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: rgba(155, 155, 155, 0.5);
  border: transparent;
}

::-webkit-scrollbar-thumb:hover {
  background-color: var(--md-primary-fg-color);
}

.md-top {
  background-color: var(--md-primary-fg-color) !important;
}

span.md-tag {
  display: none !important;
}

.keywords {
  display: none;
}

@media screen and (min-width: 76.25em) {
  .md-nav--primary .md-nav__title {
    display: none;
  }
}

.md-nav--secondary .md-nav__title {
  text-transform: capitalize;
}

.md-nav__link:hover {
  color: #ff8000;
}

.md-typeset .admonition.video,
.md-typeset details.video {
  border-color: #8484c6;
}
.md-typeset .video > .admonition-title,
.md-typeset .video > summary {
  background-color: rgba(132, 132, 198, 0.1);
}
.md-typeset .video > .admonition-title::before,
.md-typeset .video > summary::before {
  background-color: rgb(132, 132, 198);
  -webkit-mask-image: var(--md-admonition-icon--video);
}

@media print {
  details.video {
    display: none !important;
  }
}
   
[data-md-component="header-title"] {
  .md-header__topic:nth-of-type(1) {
    display: none;
  }
}
 
.md-nav__link.md-nav__link--index { 
  font-weight: 600;
  text-transform: capitalize;
}
  
.md-typeset .md-button--secondary {
  background-color: #ff8000; 
  border-color: #ff8000;
  color: white; 
}
 
.md-typeset .md-button--secondary:hover {   
  background-color: #f89c40;    
  border-color: #f89c40;
  color: white; 
}

/* Set HT width and spacing */

.md-grid { 
  max-width: 100%; 
}  

.md-content {
  max-width: 1000px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

/* End Set HT width and spacing */

/* List Formatting */

.md-typeset ol ol,
.md-typeset ul ol {
  list-style-type:upper-alpha;
}

.md-typeset ol li::marker {
  font-weight: bold;
}

/* End List Formatting */

[data-md-color-scheme="volgistics-light"] {
  --md-primary-fg-color:        #8484c6;
  --md-primary-fg-color--light: #bebef6;
  --md-primary-fg-color--dark:  #90030C;
  --md-accent-fg-color: #9292d1;

  --md-typeset-a-color: #ff8000;
  --md-footer-bg-color--dark: #dcdcdc;
  --md-footer-fg-color--light: #545454;
  --md-footer-bg-color: #ffffff;
  --md-footer-fg-color: #545454;

  .md-typeset h1, .md-typeset h2, .md-typeset h3 {
    font-weight: 600;
    color: #000000ab;
  }  

  .md-top {
    color: var(--md-primary-bg-color) !important;
  }

}

[data-md-color-scheme="volgistics-dark"] {
  @media not print {
    color-scheme: dark;
    
    .md-typeset h1, .md-typeset h2, .md-typeset h3 {
      font-weight: 600;
      color: #dfdfdffc; 
    }

    --md-hue: 232;

    --md-primary-fg-color:#23233b;
    --md-accent-fg-color: #9292d1;

    --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:             #0d1117;
    --md-default-bg-color--light:      hsla(var(--md-hue), 15%, 21%, 0.54);
    --md-default-bg-color--lighter:    hsla(var(--md-hue), 15%, 21%, 0.26);
    --md-default-bg-color--lightest:   hsla(var(--md-hue), 15%, 21%, 0.07);

    --md-code-fg-color:                hsla(var(--md-hue), 18%, 86%, 1);
    --md-code-bg-color:                hsla(var(--md-hue), 15%, 15%, 1);

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

    --md-typeset-color:                var(--md-default-fg-color);

    --md-typeset-a-color:              #ff8000;

    /* --md-typeset-mark-color:           hsla(#{hex2hsl($clr-blue-a200)}, 0.3); */

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

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

    --md-admonition-fg-color:          var(--md-default-fg-color);
    --md-admonition-bg-color:          var(--md-default-bg-color);

    --md-footer-bg-color:              hsla(var(--md-hue), 15%, 12%, 0.87);
    --md-footer-bg-color--dark:        hsla(var(--md-hue), 15%, 10%, 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);

    --md-shadow-z2:
      0 #{px2rem(4px)} #{px2rem(10px)} hsla(0, 0%, 0%, 0.3),
      0 0              #{px2rem(1px)}  hsla(0, 0%, 0%, 0.25);

    --md-shadow-z3:
      0 #{px2rem(4px)} #{px2rem(10px)} hsla(0, 0%, 0%, 0.4),
      0 0              #{px2rem(1px)}  hsla(0, 0%, 0%, 0.35);

    img[src$="#only-light"],
    img[src$="#gh-light-mode-only"] {
      display: none;
    }
  }

  @media print {
    --md-primary-fg-color:        #8484c6;
    --md-primary-fg-color--light: #bebef6;
    --md-primary-fg-color--dark:  #90030C;
    --md-accent-fg-color: #9292d1;

    --md-typeset-a-color: #ff8000;
    --md-footer-bg-color--dark: #dcdcdc;
    --md-footer-fg-color--light: #545454;
    --md-footer-bg-color: #ffffff;
    --md-footer-fg-color: #545454;

    .md-typeset h1, .md-typeset h2, .md-typeset h3 {
      font-weight: 600;
      color: #000000ab;
    }  
  }
}