@view-transition {
  navigation: auto;
}

[data-bss-view-transition-name=rbs-sites] {
  view-transition-name: rbs-sites;
}

::view-transition-old(root) {
  animation: 300ms ease-out both bss-page-view-transition-old;
}

@keyframes bss-page-view-transition-old {
from {
  opacity: 1;
}
to {
  opacity: 0;
}
}

::view-transition-new(root) {
  animation: 300ms ease-out both bss-page-view-transition-new;
}

@keyframes bss-page-view-transition-new {
from {
  opacity: 0;
}
to {
  opacity: 1;
}
}