.shiftFacePanel{width:100vw;position:absolute;height:100vh;right:0;z-index:5}.shiftFace-enter{width:0}.shiftFace-enter.shiftFace-enter-active{width:100%;-webkit-transition:width .3s ease}.shiftFace-leave.shiftFace-leave-active{width:0;-webkit-transition:width .3s ease}.dropPanel{width:100vw;position:absolute;height:calc(100% - 48px);bottom:0;z-index:20}.drop-enter{height:0}.drop-enter.drop-enter-active{height:100%;-webkit-transition:height .3s ease}.drop-leave.drop-leave-active{height:0;-webkit-transition:height .3s ease}.swapPanel{width:100vw;position:absolute;height:calc(100% - 48px);bottom:0;z-index:20}.swap-enter{height:0}.swap-enter.swap-enter-active{height:100%;-webkit-transition:height .3s ease}.swap-leave.swap-leave-active{height:0;-webkit-transition:height .3s ease}html{height:100%}