/* >>>>>>>>>>>> Material for MkDocs stylesheet overrides >>>>>>>>>>>> */
/* See: ./material/templates/assets/stylesheets/main.4b4a2bd9.min.css */

:root {
    /* Variables */
    --pd-picodata-color: #ED453A;
    --pd-search-bg-color: rgba(43, 45, 44, 0.05);
    /* Properties */
    --md-primary-fg-color: var(--pd-picodata-color);
    --md-primary-bg-color: #1f1e1e;
    --md-accent-fg-color: var(--pd-picodata-color);
    /* --md-primary-fg-color: #4051b5;
       --md-primary-bg-color: #fff;
       --md-accent-fg-color: #526cfe; */
    --pd-annotation-size: 1.8ch;
    --md-annotation-icon: 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.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM281 385c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l71-71L136 280c-13.3 0-24-10.7-24-24s10.7-24 24-24l182.1 0-71-71c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L393 239c9.4 9.4 9.4 24.6 0 33.9L281 385z"/></svg>');
    --md-annotation-bg-icon: 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.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512z"/></svg>');
    /* --pd-annotation_size — custom size
       --md-annotation-icon — https://fontawesome.com/icons/circle-arrow-right
       --md-annotation-bg-icon — https://fontawesome.com/icons/circle */
}

:root,[data-md-color-scheme=default] {
    --md-default-fg-color--light: #1f1e1e;
    /* --md-default-fg-color--light: #0000008a; */
}

html {
    background: var(--md-default-bg-color);
    height: auto;
    /* NONE
       height: 100%; */
}

body {
    background: transparent;
    min-height: 100vh;
    /* background-color: var(--md-default-bg-color);
       min-height: 100%; */
}

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

.md-typeset table:not([class]) {
    display: table;
}
.md-typeset h1, h2, h3, h4, h5, h6 {
    font-family: "Montserrat", sans-serif;
    font-weight: 700 !important;
    letter-spacing: -0.02em  !important;
    /* NONE
       font-weight: {300, 300, 400, 700, 700, 700}
       letter-spacing: -.01em */
}

.md-logo {
    padding: 0 !important;
    /* padding: .4rem */
}

.md-logo img {
    height: 36px !important;
    /* height: 1.2rem */
}

.md-header {
    background-color: var(--md-default-bg-color);
    /* background-color: var(--md-primary-fg-color); */
}

.md-header--shadow {
    transition: transform .25s cubic-bezier(.1,.7,.1,1),
                box-shadow .25s,
                background-color .25s;
    /* transition: transform .25s cubic-bezier(.1,.7,.1,1),
                   box-shadow .25s */
}

[dir=ltr] .md-header__title {
    margin-left: 0.6rem !important;
    /* margin-left: 1rem; */
}

.md-header__topic {
    font-family: "Montserrat", sans-serif;
    font-weight: 600  !important;
    /* NONE
       font-weight: (700 or NONE) */
}

/* >>> Change header behavior when scrolling page >>> */

.md-header__title--active .md-header__topic {
    opacity: initial;
    pointer-events: initial;
    transform: none;
    transition: none;
    z-index: initial;
    /* opacity: 0;
       pointer-events: none;
       transform: translateX(-1.25rem);
       transition: transform .4s cubic-bezier(1,.7,.1,.1),opacity .15s;
       z-index: -1 */
}

[dir=rtl] .md-header__title--active .md-header__topic {
    transform: none;
    /* transform: translateX(1.25rem) */
}

.md-header__topic {
    width: 100%;
    justify-content: space-between;
    /* NONE
       NONE */
}

/* <<< END <<< */

@media screen and (min-width: 60em) {
    .md-search__form {
        background-color: var(--pd-search-bg-color);
        border: 1px solid var(--pd-search-bg-color);
        color: black;
        /* background-color:#00000042;
           NONE
           NONE */
    }

    .md-search__form:hover {
        background-color: var(--md-default-bg-color);
        color: inherit;
        /* background-color: #ffffff1f
           NONE */
    }
}

.md-search__input::placeholder {
    color: initial;
    /* color: var(--md-primary-bg-color--light) */
}

.md-header__source {
    max-width: 4.1rem;
    /* max-width: 11.7rem */
}

.md-source__repository {
    max-width: 100%
    /* max-width: calc(100% - 1.2rem) */
}

.md-main {
    background: var(--md-default-bg-color);
    /* NONE */
}

@media screen and (max-width: 76.234375em) {
    .md-nav--primary .md-nav__title[for=__drawer] {
        background-color: rgba(0,0,0,.15);
        /* background-color: var(--md-primary-fg-color); */
    }
}

@media screen and (max-width: 59.984375em) {
    .md-nav__source {
        background-color: var(--md-default-bg-color);
        /* background-color: var(--md-primary-fg-color--dark) */
    }
}

.md-annotation__index {
    overflow: visible;
    /* overflow: hidden; */
}

@media screen {
    .md-annotation__index {
        width: var(--pd-annotation-size);
        left: 0.15ch;
        /* width: 2.2ch
        NONE */
    }

    [data-md-visible]>.md-annotation__index {
        animation-iteration-count: 0;
        /* NONE */
    }

    .md-annotation__index::after, .md-annotation__index::before {
        height: var(--pd-annotation-size);
        top: 0.2ch;
        width: var(--pd-annotation-size);
        /* height: 2.2ch;
        top: -.1ch;
        width: 2.2ch; */
    }
}

/* >>>>>>>>>>>>>>>>>>>>>>>> CUSTOM SELECTORS >>>>>>>>>>>>>>>>>>>>>>>> */

/* Hide `.md-icon__mobile` */
.md-icon__mobile {
    display: none;
}

/* Set `img` dimensions of `.md-icon__mobile` */
.md-icon__mobile img {
    height: 24px;
    width: 24px;
}

/* Show `.md-icon__mobile` in the mobile version */
@media screen and (max-width: 76.234375em) {
    .md-icon__mobile {
        display: block;
    }
}

/* Set `md-header__source` max-width for link to Picodata site in the header */
.picodata-link {
    max-width: 5.9rem !important;
}

/* Set custom bullets for level 2 <ul> lists — hollow circle */
article ul ul {
    list-style-type: circle !important;
}

/* Set custom bullets for level 3 <ul> lists — minus sign */
article ul ul ul {
    list-style-type: "\2212" !important;
}

/* Set custom bullets for level 4 <ul> lists — open centre asterisk */
article ul ul ul ul {
    list-style-type: "\2732" !important;
}

/* Set custom bullets for level 5 <ul> lists — black four pointed star */
article ul ul ul ul ul {
    list-style-type: "\2726" !important;
}

/* Set custom bullets for level 6 <ul> lists — white four pointed star */
article ul ul ul ul ul ul {
    list-style-type: "\2727" !important;
}

/* Set padding for level 3 <ul> list items*/
article ul ul ul li {
    padding-left: 0.5rem;
}

/* Hide h1 headerlinks */
h1 > a[class=headerlink] {
    visibility: hidden;
}

svg > text.terminal,
svg > a > text.nonterminal {
    font-size: 13px;
    dominant-baseline: central;
    text-anchor: middle;
}

svg > text.terminal {
    font-family: Montserrat;
    font-weight: bold;
}

svg > a > text.nonterminal {
    font-family: Montserrat;
    font-weight: 500;
}

/* Center <img> tags */
article > p > img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Edit <code> style */
.md-typeset code:not(pre > code)
{
    font-size: inherit;
    background-color: #eeeeee;
    border-radius: 0.3rem;
    padding: 0 .4em;
    /* white-space: nowrap; */
    /* font-size: .85em;
    background-color: var(--md-code-bg-color);
    border-radius: .1rem;
    padding: 0 .2941176471em; */
}

/* Unset background color and shrink padding for <code> links */
/* Rule affects pseudo-classes — :hover, :focus, etc. */
.md-typeset.md-typeset a > code {
    background-color: unset;
    border-radius: initial;
    padding: 0 .1em;
    /* background-color: var(--md-code-bg-color);
       border-radius: .1rem;
       padding: 0 .2941176471em; */
}

/* Suppress text wrapping within `keys` */
/* See: mkdocs.yml — pymdownx.keys */
span.keys {
    white-space: nowrap;
}

/* Maximum space for text block */
.md-grid {
  max-width: 100%; /* or 100%, if you want to stretch to full-width */
}