:root{--appBarPos: 0}.transition-group{background:black;display:flex;flex-direction:column;flex:1 0 auto;height:100%}.transition-group>div:first-of-type{z-index:997}.transition-container{align-items:center;background:white;display:flex;flex-direction:column;flex:1;justify-content:center}.forward-enter-active{animation:enterFromRight .3s both ease-out;left:0;z-index:998}.forward-exit-active,.up-exit-active{animation:fadeOut .3s both ease-out;left:0;position:fixed;width:100%;z-index:0}.backward-enter-active,.down-enter-active{animation:fadeIn .25s both ease-in-out}.backward-exit-active{animation:leaveToRight .25s both ease-in-out;z-index:998;position:fixed;width:100%}.up-enter-active{animation:enterFromBottom .3s both ease-out;z-index:998}.down-exit-active{animation:leaveToBottom .25s both ease-in-out;z-index:998}.forward-enter,.up-enter,.down-exit{background-color:#fff;overflow:auto;position:fixed;width:100%;left:0}.none-exit{display:none}.forward-exit-active.hasExitingNavbar nav{position:fixed;background-color:#fff;top:var(--appBarPos);width:100%;z-index:1100;border-bottom:1px solid #E1E1DD}@keyframes enterFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes leaveToRight{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes enterFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes leaveToBottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes fadeIn{0%{opacity:.5}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:.5}}