@import '../sidePanel.styl';

.sidePanel-slideBottom
    position: relative;
    top: initial;

.sidePanel-slideBottom .sidePanel-content
    bottom: 0em;

.sidePanel-slideBottom.sidePanel-background-enter
    transform: translateY(2em);

.sidePanel-slideBottom.sidePanel-background-enter.sidePanel-background-enter-active
    transform: translateY(-2em);
    transition: transform 1000ms ease-in-out;

.sidePanel-slideBottom.sidePanel-background-leave
    transform: translateY(0em);

.sidePanel-slideBottom.sidePanel-background-leave.sidePanel-background-leave-active
    transform: translateY(2em);
    transition: transform 1000ms ease-in-out;