/* Opt in before first paint, including prerendered documents and browser history. */
@view-transition {
  navigation: auto;
}
@media (prefers-reduced-motion: no-preference) {
  .delta-header {
    view-transition-name: site-header;
  }
  ::view-transition-group(*) {
    animation-duration: 240ms;
  }
  ::view-transition-old(root) {
    animation: page-out 180ms ease-out both;
  }
  ::view-transition-new(root) {
    animation: page-in 240ms cubic-bezier(0.22, 1, 0.36, 1) both;
  }
  ::view-transition-group(site-header) {
    animation: none;
  }
  ::view-transition-old(site-header) {
    animation: none;
    opacity: 0;
  }
  ::view-transition-new(site-header) {
    animation: none;
  }
  ::view-transition {
    pointer-events: none;
  }
  .workspace-sidebar {
    view-transition-name: workspace-sidebar;
  }
  .workspace-main {
    view-transition-name: workspace-content;
  }
  /* Keep the account shell still; do not animate its height or replay text entrances. */
  html[data-workspace-page]::view-transition-old(root),
  html[data-workspace-page]::view-transition-new(root) {
    animation: none;
  }
  ::view-transition-group(workspace-sidebar),
  ::view-transition-group(workspace-content) {
    animation: none;
  }
  ::view-transition-old(workspace-sidebar) {
    animation: page-out 160ms ease both;
  }
  ::view-transition-new(workspace-sidebar) {
    animation: workspace-fade-in 160ms ease both;
  }
  ::view-transition-old(workspace-content) {
    animation: page-out 200ms ease both;
  }
  ::view-transition-new(workspace-content) {
    animation: workspace-fade-in 280ms cubic-bezier(0.22, 1, 0.36, 1) both;
  }
}
@keyframes workspace-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes page-out {
  to {
    opacity: 0;
  }
}
@keyframes page-in {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  @view-transition {
    navigation: none;
  }
  ::view-transition-group(*),
  ::view-transition-old(*),
  ::view-transition-new(*) {
    animation: none !important;
  }
}