@import "../style-scss/import";

.mu-drawer {
    width: 256px;
    position: fixed;
    top: 0;
    bottom: 0;
    @include scrollable();
    @include no-scrollbar();
    transition-property: transform, visibility;
    transition-duration: 0.45s;
    transform: translate3d(-100%, 0, 0);
    border-radius: 0;
    left: 0;
    visibility: hidden;
    z-index: 200;
    &.right {
        right: 0;
        left: auto;
        transform: translate3d(100%, 0, 0);
    }
    &.open {
        transform: translate3d(0, 0, 0);
        visibility: visible;
    }
}