::view-transition-group(navbar){z-index:100;animation:none}::view-transition-old(root){animation:1.6s cubic-bezier(.65,0,.35,1) both page-out}::view-transition-new(root){animation:1.1s cubic-bezier(.65,0,.35,1) .35s both page-in}@keyframes page-out{0%{opacity:1;transform:translate(0%)translateY(0%)rotate(0)scale(1)}40%{opacity:.5;transform:translate(0%)translateY(0%)rotate(0)scale(.8)}60%{opacity:0}to{opacity:0;transform:translate(-50%)translateY(20%)rotate(-10deg)scale(.65)}}@keyframes page-in{0%{clip-path:polygon(50% 50%,100% 50%,100% 100%,50% 100%);transform:translate(100%)translateY(20%)}to{clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);transform:translate(0%)translateY(0%)}}html:active-view-transition-type(back)::view-transition-old(root){animation-name:page-out-back}html:active-view-transition-type(back)::view-transition-new(root){animation-name:page-in-back}@keyframes page-out-back{0%{opacity:1;transform:translate(0%)translateY(0%)rotate(0)scale(1)}40%{opacity:.5;transform:translate(0%)translateY(0%)rotate(0)scale(.8)}60%{opacity:0}to{opacity:0;transform:translate(50%)translateY(20%)rotate(10deg)scale(.65)}}@keyframes page-in-back{0%{clip-path:polygon(0% 50%,50% 50%,50% 100%,0% 100%);transform:translate(-100%)translateY(20%)}to{clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);transform:translate(0%)translateY(0%)}}@media (prefers-reduced-motion:reduce){::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}}