/* Define brand */
:root,
[data-md-color-scheme="default"] {
  --md-default-bg-color: rgb(250, 250, 250);
  --md-primary-fg-color: rgb(255, 255, 255);
  --md-primary-fg-color--light: #5FFFD7;
  --md-primary-fg-color--dark: #89CFF0;
  --md-primary-bg-color: rgba(0, 0, 0, .75);
  --md-primary-bg-color--light: rgba(0, 0, 0, .54);
  --md-accent-fg-color: #89CFF0;
  --pg-light-border: rgb(229, 231, 235);
  --hb-hero-color: rgb(45, 45, 45);
}

:root,
[data-md-color-scheme="slate"] {
  --md-default-bg-color: rgb(26, 26, 27);
  --md-primary-fg-color: rgb(15, 15, 15);
  --md-primary-fg-color--light:#5FFFD7;
  --md-primary-fg-color--dark: #50C878;
  --md-primary-bg-color: rgba(0, 0, 0, .75);
  --md-primary-bg-color--light: rgba(0, 0, 0, .54);
  --md-accent-fg-color: #50C878;
  --md-typeset-a-color: rgb(59, 158, 127);
  --pg-light-border: rgb(47, 47, 47);
  --hb-hero-color: rgb(59, 158, 127);
}

.md-content a {
  color: #2c5282; /* A muted blue-gray color */
  text-decoration: none;
  transition: color 0.2s ease-in-out, border-bottom 0.2s ease-in-out;
}


/* Better contrast link colors for light mode */
[data-md-color-scheme="default"]>* {
  --md-typeset-a-color: #0056b3;
  /* Deep Blue */
}

/* Better contrast link colors for dark mode */
[data-md-color-scheme="slate"]>* {
  --md-typeset-a-color: #89CFF0;
  /* Soft Light Blue */
}


/* ---------- CUSTOM ADMONITIONS ---------- */

/* jupyter notebook */
:root {
  --md-admonition-icon--notebook: url("https://upload.wikimedia.org/wikipedia/commons/3/38/Jupyter_logo.svg");
}

.md-typeset .admonition.notebook,
.md-typeset details.notebook {
  border-color: #767677;
}

.md-typeset .notebook>.admonition-title,
.md-typeset .notebook>summary {
  background-color: #f37726;
  border-color: #767677;
}

/* Default style for light mode */
[data-md-color-scheme="default"] {
  .md-typeset .notebook>.admonition-title::before,
  .md-typeset .notebook>summary::before {
    background-color: #000000; /* Black background */
    -webkit-mask-image: var(--md-admonition-icon--notebook);
    mask-image: var(--md-admonition-icon--notebook);
  }
}
  
/* Style for dark mode */
[data-md-color-scheme="slate"] {
  .md-typeset .notebook>.admonition-title::before,
  .md-typeset .notebook>summary::before {
    background-color: #FFFFFF; /* White background */
    -webkit-mask-image: var(--md-admonition-icon--notebook);
    mask-image: var(--md-admonition-icon--notebook);
  }
}


/* vyper */
:root {
  --md-admonition-icon--vyper: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 338 376"><path d="M195.008 311.356L82.2221 198.603C77.6282 193.823 75.0968 187.356 75.0968 180.139V19.2101C75.0968 9.83746 65.7215 0.464804 56.3461 0.464804H18.7508C9.37539 0.464804 0 9.83746 0 19.2101V206.663C0 216.598 3.6564 226.158 10.6879 233.188L141.943 364.405C149.256 371.716 158.819 375.371 168.476 375.371H187.226C197.633 375.371 205.977 366.936 205.977 356.626V337.974C205.977 328.32 202.321 318.76 195.008 311.45V311.356Z" fill="%239F4CF2"/><path d="M337.514 19.1164C337.514 9.65003 328.233 0.371094 318.764 0.371094H281.168C271.793 0.371094 262.418 9.74375 262.418 19.1164V179.951C262.418 187.168 259.605 193.635 254.917 198.509L217.134 236.281C209.822 243.592 206.165 253.152 206.165 262.806V281.551C206.165 291.955 214.603 300.296 224.916 300.296H243.667C253.23 300.296 262.886 296.641 270.199 289.33L326.451 233.094C333.483 226.065 337.421 216.505 337.421 206.57V19.1164H337.514Z" fill="%239F4CF2"/></svg>');
}

.md-typeset .admonition.vyper,
.md-typeset details.vyper {
  border-color: #9F4CF2;
}

.md-typeset .vyper > .admonition-title,
.md-typeset .vyper > summary {
  background-color: rgba(159, 76, 242, 0.1);
  border-color: #9F4CF2;
}

.md-typeset .vyper > .admonition-title::before,
.md-typeset .vyper > summary::before {
  background-color: #9F4CF2;
  -webkit-mask-image: var(--md-admonition-icon--vyper);
  mask-image: var(--md-admonition-icon--vyper);
}

/* Style for dark mode */
[data-md-color-scheme="slate"] .md-typeset .vyper > .admonition-title,
[data-md-color-scheme="slate"] .md-typeset .vyper > summary {
  background-color: rgba(159, 76, 242, 0.2);
}


/* google colab */
:root {
  --md-admonition-icon--colab: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGc+PHBhdGggZD0iTTQuNTQgOS40NkwyLjE5IDcuMWE2LjkzIDYuOTMgMCAwIDAgMCA5Ljc5bDIuMzYtMi4zNkEzLjU5IDMuNTkgMCAwIDEgNC41NCA5LjQ2WiIgZmlsbD0iI0U4NzEwQSI+PC9wYXRoPjxwYXRoIGQ9Ik0yLjE5IDcuMWwyLjM1IDIuMzZhMy41OSAzLjU5IDAgMCAxIDUuMDggMGwxLjcxLTIuOTNoMGwtLjEtLjA4aDBBNi45MyA2LjkzIDAgMCAwIDIuMTkgNy4xWiIgZmlsbD0iI0Y5QUIwMCI+PC9wYXRoPjxwYXRoIGQ9Ik0xMS4zNCAxNy40NmgwTDkuNjIgMTQuNTRhMy41OSAzLjU5IDAgMCAxLTUuMDggMEwyLjE5IDE2LjlBNi45MyA2LjkzIDAgMCAwIDkgMTcuNTVsLjExLS4wOVoiIGZpbGw9IiNGOUFCMDAiPjwvcGF0aD48cGF0aCBkPSJNMTIgNy4xYTYuOTMgNi45MyAwIDAgMCAwIDkuNzlsMi4zNi0yLjM2YTMuNTkgMy41OSAwIDEgMSA1LjA4LTUuMDhMMjEuODEgNy4xQTYuOTMgNi45MyAwIDAgMCAxMiA3LjFaIiBmaWxsPSIjRjlBQjAwIj48L3BhdGg+PHBhdGggZD0iTTIxLjgxIDcuMWwtMi4zNSAyLjM2YTMuNTkgMy41OSAwIDAgMS01LjA4IDUuMDhMMTIgMTYuOWE2LjkzIDYuOTMgMCAwIDAgOS44MS05LjgwWiIgZmlsbD0iI0U4NzEwQSI+PC9wYXRoPjwvZz48L3N2Zz4=');
}

.md-typeset .admonition.colab,
.md-typeset details.colab {
  border-color: #005959; /* Vibrant orange border */
}

.md-typeset .colab > .admonition-title,
.md-typeset .colab > summary {
  background-color: #008080; /* Teal background */
}

.md-typeset .colab > .admonition-title::before,
.md-typeset .colab > summary::before {
  background-color: rgb(232, 113, 10);
  -webkit-mask-image: var(--md-admonition-icon--colab);
  mask-image: var(--md-admonition-icon--colab);
}


/* description */
:root {
  --md-admonition-icon--description: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1.75 1.5a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h12.5a.25.25 0 0 0 .25-.25V1.75a.25.25 0 0 0-.25-.25H1.75zM0 1.75C0 .784.784 0 1.75 0h12.5C15.216 0 16 .784 16 1.75v12.5A1.75 1.75 0 0 1 14.25 16H1.75A1.75 1.75 0 0 1 0 14.25V1.75zm9.22 3.72a.75.75 0 0 0 0 1.06L10.69 8 9.22 9.47a.75.75 0 1 0 1.06 1.06l2-2a.75.75 0 0 0 0-1.06l-2-2a.75.75 0 0 0-1.06 0zM6.78 6.53a.75.75 0 0 0-1.06-1.06l-2 2a.75.75 0 0 0 0 1.06l2 2a.75.75 0 1 0 1.06-1.06L5.31 8l1.47-1.47z"/></svg>')
}

.md-typeset .admonition.description,
.md-typeset details.description {
  border-color: rgb(30, 144, 255);
}

.md-typeset .description>.admonition-title,
.md-typeset .description>summary {
  background-color: rgba(30, 144, 255, 0.3);
  border-color: rgb(30, 144, 255);
}

.md-typeset .description>.admonition-title::before,
.md-typeset .description>summary::before {
  background-color: rgb(30, 144, 255);
  -webkit-mask-image: var(--md-admonition-icon--description);
  mask-image: var(--md-admonition-icon--description);
}


/* guard */
:root {
  --md-admonition-icon--guard: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="m8.533.133 5.25 1.68A1.75 1.75 0 0 1 15 3.48V7c0 1.566-.32 3.182-1.303 4.682-.983 1.498-2.585 2.813-5.032 3.855a1.697 1.697 0 0 1-1.33 0c-2.447-1.042-4.049-2.357-5.032-3.855C1.32 10.182 1 8.566 1 7V3.48a1.75 1.75 0 0 1 1.217-1.667l5.25-1.68a1.748 1.748 0 0 1 1.066 0Zm-.61 1.429.001.001-5.25 1.68a.251.251 0 0 0-.174.237V7c0 1.36.275 2.666 1.057 3.859.784 1.194 2.121 2.342 4.366 3.298a.196.196 0 0 0 .154 0c2.245-.957 3.582-2.103 4.366-3.297C13.225 9.666 13.5 8.358 13.5 7V3.48a.25.25 0 0 0-.174-.238l-5.25-1.68a.25.25 0 0 0-.153 0ZM9.5 6.5c0 .536-.286 1.032-.75 1.3v2.45a.75.75 0 0 1-1.5 0V7.8A1.5 1.5 0 1 1 9.5 6.5Z"/></svg>')
}

.md-typeset .admonition.guard,
.md-typeset details.guard {
  border-color: rgb(60, 60, 60);
}

.md-typeset .guard>.admonition-title,
.md-typeset .guard>summary {
  background-color: rgba(60, 60, 60, 0.2);
  border-color: rgb(60, 60, 60);
}

.md-typeset .guard>.admonition-title::before,
.md-typeset .guard>summary::before {
  background-color: rgb(60, 60, 60);
  -webkit-mask-image: var(--md-admonition-icon--guard);
  mask-image: var(--md-admonition-icon--guard);
}


/* deploy */
:root {
  --md-admonition-icon--deploy: 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="M352 256c0 22.2-1.2 43.6-3.3 64H163.3c-2.2-20.4-3.3-41.8-3.3-64s1.2-43.6 3.3-64h185.4c2.2 20.4 3.3 41.8 3.3 64zm28.8-64h123.1c5.3 20.5 8.1 41.9 8.1 64s-2.8 43.5-8.1 64H380.8c2.1-20.6 3.2-42 3.2-64s-1.1-43.4-3.2-64zm112.6-32H376.7c-10-63.9-29.8-117.4-55.3-151.6 78.3 20.7 142 77.5 171.9 151.6zm-149.1 0H167.7c6.1-36.4 15.5-68.6 27-94.7 10.5-23.6 22.2-40.7 33.5-51.5C239.4 3.2 248.7 0 256 0s16.6 3.2 27.8 13.8c11.3 10.8 23 27.9 33.5 51.5 11.6 26 20.9 58.2 27 94.7zm-209 0H18.6c30-74.1 93.6-130.9 172-151.6-25.5 34.2-45.3 87.7-55.3 151.6h116.7zm358.1 0c-30 74.1-93.6 130.9-171.9 151.6 25.5-34.2 45.2-87.7 55.3-151.6h116.6z"/></svg>')
}

.md-typeset .admonition.deploy,
.md-typeset details.deploy {
  border-color: rgb(43, 155, 70);
}

.md-typeset .deploy>.admonition-title,
.md-typeset .deploy>summary {
  background-color: rgba(43, 155, 70, 0.1);
  border-color: rgb(0, 77, 0);
}

.md-typeset .deploy>.admonition-title::before,
.md-typeset .deploy>summary::before {
  background-color: rgb(43, 155, 70);
  -webkit-mask-image: var(--md-admonition-icon--deploy);
  mask-image: var(--md-admonition-icon--deploy);
}


/* pdf */
:root {
  --md-admonition-icon--pdf: 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="M64 464h32v48H64c-35.3 0-64-28.7-64-64V64C0 28.7 28.7 0 64 0h165.5c17 0 33.3 6.7 45.3 18.7l90.5 90.5c12 12 18.7 28.3 18.7 45.3V288h-48V160h-80c-17.7 0-32-14.3-32-32V48H64c-8.8 0-16 7.2-16 16v384c0 8.8 7.2 16 16 16zm112-112h32c30.9 0 56 25.1 56 56s-25.1 56-56 56h-16v32c0 8.8-7.2 16-16 16s-16-7.2-16-16V368c0-8.8 7.2-16 16-16zm32 80c13.3 0 24-10.7 24-24s-10.7-24-24-24h-16v48h16zm96-80h32c26.5 0 48 21.5 48 48v64c0 26.5-21.5 48-48 48h-32c-8.8 0-16-7.2-16-16V368c0-8.8 7.2-16 16-16zm32 128c8.8 0 16-7.2 16-16v-64c0-8.8-7.2-16-16-16h-16v96h16zm80-112c0-8.8 7.2-16 16-16h48c8.8 0 16 7.2 16 16s-7.2 16-16 16h-32v32h32c8.8 0 16 7.2 16 16s-7.2 16-16 16h-32v48c0 8.8-7.2 16-16 16s-16-7.2-16-16V368z"/></svg>')
}

.md-typeset .admonition.pdf,
.md-typeset details.pdf {
  border-color: rgb(236, 28, 36);
}

.md-typeset .pdf>.admonition-title,
.md-typeset .pdf>summary {
  background-color: rgb(236, 28, 36, 0.2);
  border-color: rgb(236, 28, 36);
}

.md-typeset .pdf>.admonition-title::before,
.md-typeset .pdf>summary::before {
  background-color: rgb(236, 28, 36);
  -webkit-mask-image: var(--md-admonition-icon--pdf);
  mask-image: var(--md-admonition-icon--pdf);
}



:root {
  --md-admonition-icon--github: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"></path></svg>')
}

.md-typeset .admonition.github,
.md-typeset details.github {
  border-color: rgb(169, 175, 179);
}

.md-typeset .github>.admonition-title,
.md-typeset .github>summary {
  background-color: rgb(169, 175, 179, 0.2);
  border-color: rgb(169, 175, 179);
}

.md-typeset .github>.admonition-title::before,
.md-typeset .github>summary::before {
  background-color: rgb(169, 175, 179);
  -webkit-mask-image: var(--md-admonition-icon--github);
  mask-image: var(--md-admonition-icon--github);
}


/* telegram */
:root {
  --md-admonition-icon--telegram: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M248 8C111 8 0 119 0 256S111 504 248 504 496 393 496 256 385 8 248 8zM363 176.7c-3.7 39.2-19.9 134.4-28.1 178.3-3.5 18.6-10.3 24.8-16.9 25.4-14.4 1.3-25.3-9.5-39.3-18.7-21.8-14.3-34.2-23.2-55.3-37.2-24.5-16.1-8.6-25 5.3-39.5 3.7-3.8 67.1-61.5 68.3-66.7 .2-.7 .3-3.1-1.2-4.4s-3.6-.8-5.1-.5q-3.3 .7-104.6 69.1-14.8 10.2-26.9 9.9c-8.9-.2-25.9-5-38.6-9.1-15.5-5-27.9-7.7-26.8-16.3q.8-6.7 18.5-13.7 108.4-47.2 144.6-62.3c68.9-28.6 83.2-33.6 92.5-33.8 2.1 0 6.6 .5 9.6 2.9a10.5 10.5 0 0 1 3.5 6.7A43.8 43.8 0 0 1 363 176.7z"/></svg>')
}

.md-typeset .admonition.telegram,
.md-typeset details.telegram {
  border-color: #0088cc;
}

.md-typeset .telegram > .admonition-title,
.md-typeset .telegram > summary {
  background-color: rgba(0, 136, 204, 0.1);
  border-color: #0088cc;
}

.md-typeset .telegram > .admonition-title::before,
.md-typeset .telegram > summary::before {
  background-color: #0088cc;
  -webkit-mask-image: var(--md-admonition-icon--telegram);
  mask-image: var(--md-admonition-icon--telegram);
}


/* Table */
th,
td {
  border: 1px solid var(--md-typeset-table-color);
  border-spacing: 0;
  border-bottom: none;
  border-left: none;
  border-top: none;
  font-size: 12px;
}

th {
  background: dimgrey;
  color: white;
}

.md-typeset__table {
  line-height: 1;

}

.md-typeset__table table:not([class]) {
  font-size: .74rem;
  border-right: none;
}

.md-typeset__table table:not([class]) td,
.md-typeset__table table:not([class]) th {
  padding: 9px;
}

/* buttons */
.md-typeset .md-button {
  color: var(--md-typeset-color);
  background: none;
  border: 1px solid var(--pg-light-border);
  border-radius: 6px;
  box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 1px 3px 0px, rgba(0, 0, 0, 0.05) 0px 1px 2px -1px;
}

.md-typeset .md-button--primary {
  color: var(--md-typeset-a-color);
  background-color: var(--md-primary-fg-color);
}

.md-typeset .grid.cards> :is(ul, ol)>li,
.md-typeset .grid>.card {
  /* Firefox */
  color: var(--md-typeset-color);
  background: var(--md-primary-fg-color);
  border: 1px solid var(--pg-light-border);
  border-radius: 6px;
  box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 1px 3px 0px, rgba(0, 0, 0, 0.05) 0px 1px 2px -1px;
  transition: none;
}

.md-typeset .grid.cards>:-webkit-any(ul, ol)>li,
.md-typeset .grid>.card {
  /* Webkit */
  color: var(--md-typeset-color);
  background: var(--md-primary-fg-color);
  border: 1px solid var(--pg-light-border);
  border-radius: 6px;
  box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 1px 3px 0px, rgba(0, 0, 0, 0.05) 0px 1px 2px -1px;
  transition: none;
}

.md-typeset .grid.cards> :is(ul, ol)>li:is(:focus-within, :hover),
.md-typeset .grid>.card:is(:focus-within, :hover) {
  /* Firefox */
  box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 1px 3px 0px, rgba(0, 0, 0, 0.05) 0px 1px 2px -1px;
  border-color: var(--md-accent-fg-color);
}

.md-typeset .grid.cards>:-webkit-any(ul, ol)>li:-webkit-any(:focus-within, :hover) {
  /* Webkit */
  box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 1px 3px 0px, rgba(0, 0, 0, 0.05) 0px 1px 2px -1px;
  border-color: var(--md-accent-fg-color);
}

/* header font */

.md-header__topic:first-child {
  font-family: Roboto, sans-serif;
  font-weight: 700;
}

.md-typeset h1 {
  font-family: Roboto, sans-serif;
  font-weight: 700;
  color: grey;
}

h2,
h3 {
  font-family: Roboto, sans-serif;
}

/* Correct page icon size */
.md-nav__link svg {
  width: 22px;
}


/* Make header icons smaller */
.md-header__button.md-icon svg {
  height: 1rem;
  width: 1rem;
}

/* override language selector */
.md-select button img.twemoji {
  height: 1rem;
  vertical-align: middle;
}

.md-select__link img.twemoji {
  height: 1rem;
  vertical-align: text-bottom;
  margin-right: 1%;
}

/* Custom header + nav */
.md-header>*,
.md-tabs {
  background: none;
}

[data-md-color-scheme="slate"] .md-header>*,
[data-md-color-scheme="slate"] .md-tabs {
  color: #fff;
}

.md-header__button {
  color: var(--md-default-fg-color--light);
}

.md-header,
.md-tabs {
  /* firefox fallback */
  background-color: rgba(255, 255, 255, .95);
}

[data-md-color-scheme="slate"] .md-header,
[data-md-color-scheme="slate"] .md-tabs {
  /* firefox fallback */
  background-color: rgba(9, 9, 9, 0.95);
}

@media screen and (min-width: 60em) {
  .md-search__overlay {
    background-color: transparent;
  }

  .md-search__form {
    border: 1px solid var(--pg-light-border);
    background-color: var(--md-primary-fg-color) !important;
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(0, 0, 0, 0.02) 0px 1px 2px -1px;
    border-radius: 6px;
    height: 1.4rem;
  }

  [data-md-toggle="search"]:checked~.md-header .md-search__form {
    border-radius: 6px 6px 0 0;
  }

  [dir="ltr"] .md-search__output {
    top: initial;
    border-radius: 0 0 6px 6px;
  }

  [data-md-toggle="search"]:checked~.md-header .md-search__output {
    box-shadow: 0 0 .6rem rgba(0, 0, 0, .07);
  }

  .md-search__input {
    font-size: .6rem;
  }

  .md-search__options {
    top: .05rem;
  }

  .md-search__icon,
  .md-search__input::placeholder {
    color: var(--md-default-fg-color--light) !important;
  }

  .md-search__icon svg {
    width: .75rem;
    height: .75rem;
  }
}

.md-footer {
  margin-top: 1rem;
  border-top: 1px solid var(--pg-light-border);
}

/* Wide card grids */
.md-typeset .grid.wide {
  grid-template-columns: repeat(2, 1fr);
}

@media (max-width: 768px) {
  .md-typeset .grid.wide {
    grid-template-columns: repeat(1, 1fr);
  }
}


/* Primary buttons */
.md-main .md-button--primary {
  color: var(--md-primary-fg-color);
  background-color: var(--hb-hero-color);
  border-color: transparent;
}

.md-typeset hr {
  margin-top: 2rem;
  margin-bottom: 2rem;
}


/* Testimonial cards */
.testimonial {
  padding: 40px 20px;
  border: 1px solid var(--pg-light-border);
  border-radius: 6px;
  background-color: var(--md-primary-fg-color);
  /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  transition: box-shadow 0.3s; */

  .quote {
    font-size: 0.9rem;
    font-weight: 300;
  }

  .headshot {
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    object-fit: cover;
    /* Ensures the image keeps its aspect ratio */
  }

  .author {
    font-weight: bold;
    font-size: 1rem;
  }

  .logo {
    width: 7rem;
    /* You can adjust this based on the size you want */
    object-fit: contain;
    /* Ensures the logo keeps its aspect ratio */
    transition: opacity 0.3s;
  }

  .logo:hover {
    opacity: 0.8;
  }
}

/* Accent color */
.accent {
  color: var(--md-typeset-a-color);
}

.accent a {
  font-weight: 500;
}

/* Centered item */
.centered {
  display: block;
  margin: 0 auto;
  width: fit-content;
}

/* Announcement Bar */
.md-banner {
  background-color: var(--md-typeset-a-color);
  color: var(--md-default-bg-color);
  font-weight: 700;
}

/* Logo Grids */
.flex-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.flex-item {
  flex-basis: calc(50% - 10px);
}

.flex-item img {
  padding: 3rem 1rem;
}

.md-source-file {
  display: none;
}