.page-enter-active,.page-leave-active{transition-duration:.4s}.page-enter-active .stripe-transition,.page-leave-active .stripe-transition{display:block}.content{transition:opacity .2s}.page-enter .content,.page-leave-active .content{opacity:0}.stripe-transition{display:none;height:110%;left:-35%;pointer-events:none;position:fixed;top:-5%;transform:rotate(24deg) skewY(-24deg);width:155%;z-index:1100}.page-leave-active .transition-bar{animation-name:leavepage;bottom:0;height:100%}.page-enter-active .transition-bar{animation-name:enterpage;height:0;top:0}.transition-bar{position:absolute;transition-timing-function:ease-in-out;width:10%}.transition-bar:nth-child(odd){background-color:var(--farbcode-lightblue)}.transition-bar:nth-child(2n){background-color:var(--farbcode-darkblue)}.transition-bar:first-child{animation-duration:.5s;left:0}.transition-bar:nth-child(2){animation-duration:.4s;left:10%}.transition-bar:nth-child(3){animation-duration:.2s;left:20%}.transition-bar:nth-child(4){animation-duration:.45s;left:30%}.transition-bar:nth-child(5){animation-duration:.3s;left:40%}.transition-bar:nth-child(6){animation-duration:.5s;left:50%}.transition-bar:nth-child(7){animation-duration:.25s;left:60%}.transition-bar:nth-child(8){animation-duration:.35s;left:70%}.transition-bar:nth-child(9){animation-duration:.4s;left:80%}.transition-bar:nth-child(10){animation-duration:.24s;left:90%}.transition-bar:nth-child(11){animation-duration:.45s;left:100%}@keyframes leavepage{0%{height:0}to{height:100%}}@keyframes enterpage{0%{height:100%}to{height:0}}