:root {
    --md-primary-fg-color: #cd4bfb;
}

.md-content__inner > h1#__skip {
    display: none;
}

@media screen and (max-width: 76.234375em) {
    .md-sidebar--primary {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        bottom: 0 !important;
        height: 100dvh !important;
        max-width: 20rem;
        width: 80vw !important;
        z-index: 99 !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 0 !important;
        border-right: 1px solid var(--md-default-fg-color--lightest);
        transform: translateX(-100%) !important;
        transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    }

    .md-sidebar--primary .md-sidebar__scrollwrap {
        overscroll-behavior-y: contain;
    }

    body.drawer-open .md-sidebar--primary {
        transform: translateX(0) !important;
    }

    .md-overlay {
        position: fixed !important;
        inset: 0 !important;
        z-index: 98 !important;
        background: rgba(0, 0, 0, 0.4);
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    }

    body.drawer-open .md-overlay {
        opacity: 1;
        pointer-events: auto;
    }
}