@view-transition {
  navigation: auto;
}

::view-transition-old(root),
::view-transition-new(root) {
  animation: fade 0.3s ease both;
}

@keyframes fade {
  from { opacity: 0; }
  to   { opacity: 1; }
}

#admin-toolbar {
  view-transition-name: admin-toolbar;
}

.top-bar {
  view-transition-name: top-bar;
}

.tabs__tab.is-active {
  view-transition-name: active-tab;
}