:root {
    /*--md-accent-fg-color: #a653ff;*/
    --md-accent-fg-color: #c987f1;
    --md-accent-fg-color--transparent: #c987f11a;
}

.md-footer {
    display: none !important;
}

.md-header__title--active .md-header__ellipsis {
    display: flex;
    align-items: center;
    gap: .1rem;
}

.md-header__title--active .md-header__topic {
    position: relative;
    transform: none;
    opacity: 1;
}
.md-header__title:not(.md-header__title--active) .md-header__sep,
.md-header__title:not(.md-header__title--active) [data-md-component="header-topic"] {
    display: none;
}

.md-header__sep { transform: translateY(4px); }

.md-header__title--active [data-md-component="header-topic"]::before {
    content: "";
    display: inline-block;
    width: .9rem;
    height: .9rem;
    margin: 0 .25rem;
    background: currentColor;
    position: relative;
    top: 0.8em;

    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 6l6 6-6 6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 6l6 6-6 6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
}

.md-header__title:not(.md-header__title--active) [data-md-component="header-topic"] {
    display: none;
}



[data-md-color-scheme="default"][data-md-color-primary="black"],
[data-md-color-scheme="slate"][data-md-color-primary="black"] {
    /*--md-typeset-a-color: #c987f1;*/
    --md-typeset-a-color: #e2bdf6;
    /*--md-default-bg-color: hsl(249.23deg 3.34% 6.86%);*/
    --md-default-bg-color: hsl(0deg 2.7% 7.25%);
    --md-code-bg-color: #16161c;

    --md-default-fg-color: #ddd;

    .md-typeset code {
        filter: brightness(1.3);
    }

    .md-typeset code:not(.md-code__content) {
        padding: 0.25rem;
        border-radius: 0.25em;
    }

    .md-code__content {
        border: 0.1em solid #222;
        box-shadow: 0 0 0.4em #000000;
        border-left: 0.15rem solid #b58fff !important;
        border-radius: 0.25em 0.5em 0.5em 0.25em !important;
    }
}

.md-tabs,
[data-md-color-primary=black] .md-header {
    /*background-color: #1a181f !important;*/
    background-color: #252526 !important;
}

.md-tabs,
.md-header--shadow {
    border-bottom: 0.06rem solid #292929 !important;
    box-shadow: 0 0 2.4rem #000;
}

[dir=ltr] .md-nav--integrated>.md-nav__list>.md-nav__item--active .md-nav--secondary {
    /*border-color: #282A34FF;*/
    border-color: #241f2c;
    border-width: 0.2rem;

    max-height: 50vh;
    overflow-y: scroll;
}

@media screen and (max-width: 76.234375em) {
    .md-tabs {
        display: block !important;
    }

    .md-nav__icon.md-icon {
        display: none !important;
    }
}

@media screen and (min-width: 52em) {
    .md-nav__icon.md-icon {
        display: none !important;
    }

    .md-sidebar.md-sidebar--primary {
        width: 10rem !important;
    }
}

@media screen and (min-width: 62em) {
    .md-sidebar.md-sidebar--primary {
        width: 12.1rem !important;
    }
}

.md-typeset h1 {
    margin-bottom: 0.8em;
}

.md-sidebar__scrollwrap {
    overflow-y: visible;
}

.md-nav__source {
    display: none;
}

.md-header__source {
    width: 11.2em;
    margin-left: 0 !important;
}

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

.md-header__button.md-logo {
    padding: 0 !important;
    margin: 0 0.2rem 0 0.2rem !important;
}

.md-header__button.md-logo img {
    height: 2.2rem !important;
    /*width: 40px !important;*/
    /*height: 30px !important;*/
    /*object-fit: cover;*/
    /*object-position: 30%;*/
}

.md-header__title {
    margin-left: 0.2rem !important;
}

.md-header__topic {
    top: 4px;
}