.workspacePanel
    position: fixed;
    z-index: 999;
    top: 0
    bottom: 0
    left: 0
    right: 0

.workspacePanel-content
    position: absolute
    background-color: #fff
    box-shadow: 0em 0em 1em
    width: 100%
    height:  100%

.workspacePanel-background-enter
    transform: translate3d(0, 100%, 0)

.workspacePanel-background-enter.workspacePanel-background-enter-active
    transform: translate3d(0, 0, 0)
    transition: transform 500ms ease-in

.workspacePanel-background-leave
    transform: translate3d(0, 0, 0)

.workspacePanel-background-leave.workspacePanel-background-leave-active
    transform:  translate3d(0, 100%, 0)
    transition: transform 500ms ease-in


.workspacePanel-close
    position: absolute
    top: 0
    right: 0
    cursor: pointer
    display: inline-flex;