:root {
    --md-primary-fg-color: #F6F7F9;
    --md-primary-bg-color: #484848;
    --nav-a-color: #484848;
    --md-a-color: #0000EE;
    --pre-color: #F6F7F9;
    --md-accent-beorg-fg-color: #555555;
}

.md-ellipsis {
    color: var(--nav-a-color);
}

.md-typeset a {
    color: var(--md-a-color);
}

.md-header__ellipsis {
    display: none;
}

.md-nav--primary .md-nav__title {
    display: none;
}

.md-header__inner {
    align-items: center;
    display: flex;
    padding: 2.5px .3rem;
}

.md-header__button.md-logo img,
.md-header__button.md-logo svg {
    fill: currentcolor;
    display: block;
    height: 1.8rem;
    width: auto;
    box-shadow: unset;
    border-radius: unset;
}

img {
    box-shadow: 1px 1px 1px 1px #d1d1d1;
    border-radius: 15px;
}

.md-header--shadow {
    box-shadow: unset;
}

.md-search__form {
    border-radius: 15px;
}

.md-search__form:hover {
    background-color: #2d2d2d;
}


.inserted-table {
    overflow-y: hidden;
    overflow-x: scroll;
}

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

.md-nav__link--active .md-ellipsis {
    font-weight: bolder;
}

.md-nav__toggle~.md-nav>.md-nav__list {
    margin-left: 10%;
}

pre {
    background-color: var(--md-code-bg-color);
    padding: 15px;
    margin: 15px;
    border-radius: 15px;
}


.md-typeset table:not([class]) {
    background-color: var(--md-default-bg-color);
    border: .05rem solid var(--md-typeset-table-color);
    border-radius: 15px;
    display: inline-block;
    font-size: .64rem;
    max-width: 100%;
    overflow: auto;
    touch-action: auto;
}



.md-main__inner {
    margin-top: unset;
}

.md-sidebar__scrollwrap {
    /* overflow-y: hidden; */
    -ms-overflow-style: none;
    /* Internet Explorer 10+ */
    scrollbar-width: none;
    /* Firefox */
}

.md-sidebar__scrollwrap::-webkit-scrollbar {
    display: none;
    /* Safari and Chrome */

}

.md-sidebar__scrollwrap:hover {
    scrollbar-color: var(--md-accent-beorg-fg-color)
}

.md-nav__toggle:checked~.md-nav {
    opacity: 1;
    transform: translateX(0);
    transition: transform .25s cubic-bezier(.4, 0, .2, 1), opacity 125ms 125ms;
}

.md-header__button.md-logo {
    display: inherit;
}

@media screen and (max-width: 76.234375em) {

    .md-nav--primary,
    .md-nav--primary .md-nav {
        background-color: var(--md-default-bg-color);
        display: flex;
        flex-direction: column;
        /* height: 100%; */
        left: 0;
        position: relative;
        right: 0;
        top: unset;
        z-index: 1000;
    }

    .md-nav__toggle:checked~.md-nav {
        display: flex;
        opacity: 1;
        transform: translateX(0);
        transition: transform .25s cubic-bezier(.4, 0, .2, 1), opacity 125ms 125ms;
    }

    .md-nav__toggle:not(:checked)~.md-nav {
        display: none;
        opacity: 0;
    }

    .md-nav--secondary {
        display: none;
    }

    .md-nav--primary .md-nav__link[for=__toc] .md-icon{
        background-color: red;
        display: none;
    }

    .md-nav--primary .md-nav__link[for=__toc]~.md-nav {
        display: none;
    }

    .md-sidebar--primary .md-sidebar__scrollwrap {
        overflow: scroll;
    }
}

html {
    scroll-behavior: smooth
}

.scan_preview {
    width: 100%;
    height: 900px;
}