style upgrades

src/features/core/components/route-transition.css

@@ -0,0 +1,29 @@
+@media (prefers-reduced-motion: no-preference) {
+  ::view-transition-old(root) {
+    animation: flxn-route-fade-out 120ms ease-out both;
+  }
+
+  ::view-transition-new(root) {
+    animation: flxn-route-fade-in 200ms ease-out both;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  ::view-transition-group(*),
+  ::view-transition-old(*),
+  ::view-transition-new(*) {
+    animation: none !important;
+  }
+}
+
+@keyframes flxn-route-fade-out {
+  to {
+    opacity: 0;
+  }
+}
+
+@keyframes flxn-route-fade-in {
+  from {
+    opacity: 0;
+  }
+}