::view-transition-group(root){animation:fade-in .5s ease-in}::view-transition-group(old){opacity:0}::view-transition-group(new){opacity:1}@keyframes nav-underline-in{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}.nav-underline{opacity:0;transform:scaleX(0);transform-origin:left;transition:opacity .2s ease,transform .2s ease}.nav-underline[data-active=true]{opacity:1;transform:scaleX(1);animation:nav-underline-in .2s ease}::view-transition-old(root){animation:90ms cubic-bezier(.4,0,1,1) both fade-out,.3s cubic-bezier(.4,0,.2,1) both slide-to-left}::view-transition-new(root){animation:.21s cubic-bezier(0,0,.2,1) 90ms both fade-in,.3s cubic-bezier(.4,0,.2,1) both slide-from-right}.back-transition::view-transition-old(root){animation-name:fade-out,slide-to-right}.back-transition::view-transition-new(root){animation-name:fade-in,slide-from-left}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*),.nav-underline{animation:none!important;transition:none!important}}