.wk-side-container {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;

    height: 100vh;
    width: 400px;

    z-index: 25;
    padding: 2.5rem 1rem;

    backface-visibility: hidden;
    background-color: #FFF !important;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    transition: transform 500ms ease-in-out;
    transform: translate3d(100%, 0, 0);
    overflow-y: auto;
    overflow-x: hidden;
}

.wk-side-container.open {
    transition: transform 500ms ease-out;
    transform: translate3d(0, 0, 0);
    box-shadow: -8px 8px 14px 0 rgba(25, 42, 70, .11);
}

.wk-side-container.open.md {
    width: 400px;
}

.wk-side-container.open.lg {
    width: 526px;
}


@media(max-width: 992px) {
    .wk-side-container.open {
        width: 100% !important;
    }
}

.wk-aside-close-handler {
    position: fixed;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    z-index: 25;
}

.wk-aside-close-handler.aside-hidden {
    display: none;
}