@keyframes panelEnter{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes panelLeave{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.page-transition{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:9999;pointer-events:none;visibility:hidden}.transition-panel{position:absolute;top:0;left:0;width:21%;height:100%;background-color:var(--primary-color);transform:scaleX(0);transform-origin:0 50%;will-change:transform}.page-transition.enter{visibility:visible}.page-transition.enter .transition-panel{animation:panelEnter .8s cubic-bezier(.65,0,.35,1) forwards}.page-transition .panel1{left:0}.page-transition .panel2{left:20%}.page-transition .panel3{left:40%}.page-transition .panel4{left:60%}.page-transition .panel5{left:80%}.page-transition.enter .panel1{animation-delay:0s}.page-transition.enter .panel2{animation-delay:.15s}.page-transition.enter .panel3{animation-delay:.3s}.page-transition.enter .panel4{animation-delay:.45s}.page-transition.enter .panel5{animation-delay:.6s}.page-transition.leave{visibility:visible}.page-transition.leave .transition-panel{transform:scaleX(1);transform-origin:100% 50%;animation:panelLeave .8s cubic-bezier(.65,0,.35,1) forwards}.page-transition.leave .panel1{animation-delay:.6s}.page-transition.leave .panel2{animation-delay:.45s}.page-transition.leave .panel3{animation-delay:.3s}.page-transition.leave .panel4{animation-delay:.15s}.page-transition.leave .panel5{animation-delay:0s}