.mm-ocd {
    --mm-ocd-width: 100%;
    --mm-ocd-max-width: 100%;
    --mm-ocd-min-width: 320px;
    --mm-ocd-height: 100%;

    --mm-ocd-transform: translate3d(0, 0, 0);
}

.mm-ocd.mm-ocd--open {
    background: none;
}

.mm-ocd.mm-ocd-position-top {
    --mm-ocd-transform: translate3d(0, -100%, 0);
}

.mm-ocd.mm-ocd-position-top.mm-ocd--open {
    --mm-ocd-transform: translate3d(0, 0, 0);
}

.mm-ocd.mm-ocd-position-right {
    --mm-ocd-transform: translate3d(100%, 0, 0);
}

.mm-ocd.mm-ocd-position-right.mm-ocd--open {
    --mm-ocd-transform: translate3d(0, 0, 0);
}

.mm-ocd.mm-ocd-position-center {
    --mm-ocd-transform: translate3d(0, 0, 0);
}

.mm-ocd.mm-ocd-position-center.mm-ocd--open {
    --mm-ocd-transform: translate3d(0, 0, 0);
}

.mm-ocd.mm-ocd-position-bottom {
    --mm-ocd-transform: translate3d(0, 100%, 0);
}

.mm-ocd.mm-ocd-position-bottom.mm-ocd--open {
    --mm-ocd-transform: translate3d(0, 0, 0);
}

.mm-ocd.mm-ocd-position-left {
    --mm-ocd-transform: translate3d(-100%, 0, 0);
}

.mm-ocd.mm-ocd-position-left.mm-ocd--open {
    --mm-ocd-transform: translate3d(0, 0, 0);
}

/* mm-ocd__content */
.mm-ocd .mm-ocd__content {
    opacity: 0;
    -webkit-transition-property: opacity, top, bottom, -webkit-transform;
    transition-property: opacity, top, bottom, -webkit-transform;
    -o-transition-property: opacity, top, bottom, transform;
    transition-property: opacity, top, bottom, transform;
    transition-property: opacity, top, bottom, transform, -webkit-transform;
    background: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transform: var(--mm-ocd-transform);
    transform: var(--mm-ocd-transform);
    width: var(--mm-ocd-width);
    max-width: var(--mm-ocd-max-width);
    height: var(--mm-ocd-height);
    overflow: auto;
}

.mm-ocd.mm-ocd--open .mm-ocd__content {
    opacity: 1;
}

/* mm-ocd__backdrop */
.mm-ocd__backdrop {
    display: none;
}

/* mm-ocd__close */
.mm-ocd__close,
.mmenu__close {
    cursor: pointer;
}

.mm-ocd__close:focus-visible,
.mmenu__close:focus-visible {
    box-shadow: 0 0 0 3px var(--wp--preset--color--primary);
}