sync

css/rewrite.css

@@ -172,3 +172,37 @@
 .modal_activation_area:hover {
   cursor: pointer;
 }
+
+/********** Animations **********/
+@view-transition {
+  navigation: auto;
+  animation-duration: 1s;
+}
+
+::view-transition-old(root) {
+  animation: fade-out 750ms forwards;
+}
+
+::view-transition-new(root) {
+  animation: fade-in 750ms forwards;
+}
+
+@keyframes fade-in {
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
+}
+
+@keyframes fade-out {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+  }
+}