/* Only changing content moves. The navigation and conversation remain readable. */
.nav-indicator{transition:transform 260ms cubic-bezier(.22,1,.36,1),width 260ms cubic-bezier(.22,1,.36,1)}
#assistant .workspace-shell.has-context-pane .workspace-preview{animation:luliPaneOpen 280ms cubic-bezier(.22,1,.36,1) both}
@keyframes luliPaneOpen{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}
html.luli-page-switching[data-luli-nav-stage="outgoing"] .wrap > .view.active{view-transition-name:luli-page-out}
html.luli-page-switching[data-luli-nav-stage="incoming"] .wrap > .view.active{view-transition-name:luli-page-in}
html.luli-page-switching header nav .nav-indicator{view-transition-name:luli-nav-indicator}
html.luli-page-switching::view-transition-old(root),
html.luli-page-switching::view-transition-new(root),
html.luli-pane-switching::view-transition-old(root),
html.luli-pane-switching::view-transition-new(root){animation:none!important}
html.luli-page-switching::view-transition-old(luli-page-out){animation:luliPageLeave 160ms ease-in both}
html.luli-page-switching::view-transition-new(luli-page-in){animation:luliPageEnter 260ms cubic-bezier(.22,1,.36,1) both}
html.luli-page-switching::view-transition-group(luli-nav-indicator){animation-duration:260ms;animation-timing-function:cubic-bezier(.22,1,.36,1)}
html.luli-page-switching::view-transition-old(luli-nav-indicator),
html.luli-page-switching::view-transition-new(luli-nav-indicator){animation:none}
@keyframes luliPageLeave{to{opacity:0;transform:translateY(-4px)}}
@keyframes luliPageEnter{from{opacity:0;transform:translateY(8px)}}

/* A native snapshot avoids cloning a potentially large, interactive document. */
html.luli-pane-switching .workspace-shell.has-context-pane .workspace-preview{view-transition-name:luli-workspace-pane}
html.luli-pane-switching::view-transition-old(luli-workspace-pane){animation:luliPaneLeave 150ms ease-in both}
html.luli-pane-switching::view-transition-new(luli-workspace-pane){animation:luliPaneEnter 260ms cubic-bezier(.22,1,.36,1) both}
html.luli-pane-switching::view-transition-group(luli-workspace-pane){animation:none}
html.luli-pane-switching[data-pane-direction="backward"]::view-transition-old(luli-workspace-pane){animation-name:luliPaneLeaveBack}
html.luli-pane-switching[data-pane-direction="backward"]::view-transition-new(luli-workspace-pane){animation-name:luliPaneEnterBack}
@keyframes luliPaneLeave{to{opacity:0;transform:translateX(-8px)}}
@keyframes luliPaneEnter{from{opacity:0;transform:translateX(12px)}}
@keyframes luliPaneLeaveBack{to{opacity:0;transform:translateX(8px)}}
@keyframes luliPaneEnterBack{from{opacity:0;transform:translateX(-12px)}}
@media(prefers-reduced-motion:reduce){
  html.luli-page-switching::view-transition-old(luli-page-out),
  html.luli-page-switching::view-transition-new(luli-page-in),
  html.luli-pane-switching::view-transition-old(luli-workspace-pane),
  html.luli-pane-switching::view-transition-new(luli-workspace-pane){animation-duration:.01ms!important}
}