fix hawk: a lot of bugfixes here and there

src/less/styles/tour.less

@@ -49,6 +49,40 @@
     animation: pulse 2s ease-out infinite;
   }
 
+  .swipe-instruction {
+    position: fixed;
+    left: 50%;
+    top: 20%;
+
+    width: 70vw;
+    height: 5rem;
+
+    margin-left: -35vw;
+
+    z-index: 1;
+
+    background: white;
+
+    border-radius: 3rem;
+
+    &::before {
+      content: '';
+
+      position: absolute;
+      left: 0;
+      top: 0;
+
+      width: 5rem;
+      height: 5rem;
+
+      background: darken(white, 15);
+
+      border-radius: 50%;
+
+      animation: swipe 3s ease infinite;
+    }
+  }
+
   .tour-dialog {
     display: block;
 
@@ -86,3 +120,22 @@
     transform: scale(5);
   }
 }
+
+@keyframes swipe {
+  80% {
+    left: ~'calc(100% - 5rem)';
+    opacity: 1;
+  }
+  90% {
+    opacity: 0;
+    left: ~'calc(100% - 5rem)';
+  }
+  91% {
+    left: 0;
+    opacity: 0;
+  }
+  100% {
+    left: 0;
+    opacity: 1;
+  }
+}