/* Perėjimas tarp demo puslapių (View Transitions API, tarp dokumentų).
   Atidarius kitą demo, puslapis ne perkraunamas baltu ekranu, o išblunka ir
   įslenka; viršutinė juosta lieka vietoje. Naršyklė be palaikymo atidaro
   puslapį kaip anksčiau, šis failas jai nieko nedaro. */
@view-transition { navigation: auto; }

.topbar { view-transition-name: topbar; }

::view-transition-old(root) { animation: 220ms cubic-bezier(.4, 0, 1, 1) both itn-vt-out; }
::view-transition-new(root) { animation: 380ms cubic-bezier(.22, 1, .36, 1) both itn-vt-in; }
@keyframes itn-vt-out { to { opacity: 0; transform: translateY(-10px) scale(.992); } }
@keyframes itn-vt-in { from { opacity: 0; transform: translateY(14px); } }

@media (prefers-reduced-motion: reduce) {
  ::view-transition-group(*), ::view-transition-old(*), ::view-transition-new(*) { animation: none !important; }
}