/* --------- Dark --------- */
[data-md-color-scheme="slate"] {
    --md-primary-fg-color: #7c4dff;
    --md-primary-fg-color--light: #7c4dff;
    --md-primary-fg-color--dark: #7c4dff;
    --md-accent-fg-color: #7c4dff;
    --md-default-bg-color: #000018;
    --md-footer-bg-color--dark: #000018;
    --md-typeset-a-color: #448bff !important;
    --md-shadow-z1: 0px 0px 30px 2px #000000 !important;
    /* --md-admonition-bg-color: #1a143d; */
    /* --md-shadow-z2:  
    --md-shadow-z3:  0px 0px 20px 2px #ff00dd38 !important; */

    .md-typeset code {
        background-color: #1a143d;
    }

    /* Code Box */
    .highlight {
        box-shadow: var(--md-shadow-z1);
        border-color: #ffffff !important;
    }

    .md-header {
        mask: linear-gradient(black, black 120%);
        background-color: unset !important;
    }

    .md-tabs {
        background-color: unset !important;
        overflow: visible !important;
    }

    .md-header--shadow {
        box-shadow: none !important;
        /* backdrop-filter: blur(10px);
        mask: linear-gradient(transparent, black 60%); */
    }

    /* --------- Alternative Header --------- */
    .blur-container::before {
        content: '';
        position: absolute;
        width: 100%;
        height: calc(100% - 0.5rem);
        -webkit-backdrop-filter: blur(7px);
        backdrop-filter: blur(7px);
        z-index: -1;
        max-width: 63rem;
        border-radius: 0.7rem;
    }

    .blur-container {
        max-width: 63rem;
        margin: auto;
        border-radius: 0.7rem;
    }
    
    .header-container {
        border-radius: 0.7rem;
        border-width: 0.7px;
        border-top-color: #ffffff40;
        border-bottom-color: #49494940;
        border-left-color: #8f8f8f40;
        border-right-color: #8f8f8f40;
        border-style: solid;
        content: ''; 
        margin: auto;
        max-width: 63rem;
        background-color: #00001850;
        margin-top: 0.5rem;
        overflow: visible !important;
        /* backdrop-filter: blur(7px);
        -webkit-backdrop-filter: blur(7px); */
    }

    /* --------- Main Header --------- */
    /* .header-container {
        -webkit-backdrop-filter: blur(7px);
        backdrop-filter: blur(7px);
        background-color: #00001850;
    } */
}

/* ---------- All ---------- */
.md-typeset .admonition,
.md-typeset details {
    /* margin: 2rem 0 !important; */
}

.md-main__inner {
    margin-top: 0rem !important;
}

/* .md-tabs {
    overflow: visible !important;
} */

/* .md-search__overlay {
    backdrop-filter: blur(7px) !important;
    background-color: unset !important;
} */

.attributions-form {
    width: 100%;
    height: 59rem;
}

.md-search__form {
    border-radius: 0.7rem;
    background-color: #523e8d52;
}

[dir=ltr] .md-search__output, [dir=rtl] .md-search__output {
    border-radius: 0 0 0.7rem 0.7rem;
}

[data-md-toggle=search]:checked~.md-header .md-search__form {
    border-radius: 0.7rem 0.7rem 0 0;

}

.md-header__button.md-logo img, .md-header__button.md-logo svg {
    height: 2.2rem;
}

/* body > header > div > div > nav.md-header__inner.md-grid > a {
    margin: 0.2rem 0rem 0rem 0.2rem !important;
    padding: 0.4rem 0rem 0rem 0.4rem !important;
} */