.ui-slidein-panel {
    z-index: var(--meb-z-win, 300);
    pointer-events: none;
    transition: transform var(--meb-anim-slidein, 300ms) ease-out;
}

.ui-slidein-panel[data-position="fixed"] {
    position: fixed;
}

.ui-slidein-panel[data-position="absolute"] {
    position: absolute;
}


.ui-slidein-panel[data-direction][data-open="true"] {
    transform: translate(0, 0);
    pointer-events: auto;
}



.ui-slidein-panel[data-direction="right"] {
    top: var(--slidein-top, 40%);
    inset-inline-start: 0;
    inset-inline-end: 0;
    transform: translateX(100%);
}


.ui-slidein-panel[data-direction="left"] {
    top: var(--slidein-top, 40%);
    inset-inline-start: 0;
    inset-inline-end: 0;
    transform: translateX(-100%);
}


.ui-slidein-panel[data-direction="top"] {
    top: 0;
    inset-inline-start: 0;
    inset-inline-end: 0;
    transform: translateY(-100%);
}


.ui-slidein-panel[data-direction="bottom"] {
    bottom: 0;
    inset-inline-start: 0;
    inset-inline-end: 0;
    transform: translateY(100%);
}

@media (prefers-reduced-motion: reduce) {
    .ui-slidein-panel {
        transition: none;
    }
}