.mm-ocd--name--sidebar-mobile .mm-ocd__content {
    --mm-ocd-width: calc(100% - 3.2em);
}

.sidebar--mobile {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.sidebar--mobile .mm-ocd__title {
    background: var(--theme--color--background);
    color: var(--theme--color--background);
    border-bottom: 1px solid var(--theme--color--lighter);
}

.sidebar--mobile .mm-ocd__close::before,
.sidebar--mobile .mm-ocd__close::after {
    background: var(--theme--color--text);
}

.sidebar--mobile .mm-ocd__close:hover::before,
.sidebar--mobile .mm-ocd__close:hover::after {
    background: var(--theme--color--primary);
}