Halfway removing the fullscreenmessage

index.css

@@ -3,18 +3,44 @@
 @tailwind utilities;
 
 @layer utilities {
-  @variants responsive {
-    .max-h-65vh {
-      max-height: 65vh;
+    @variants responsive {
+        .max-h-65vh {
+            max-height: 65vh;
+        }
+
+        .max-h-20vh {
+            max-height: 20vh;
+        }
+        
+        .z-above-map{
+            z-index: 10000
+        }
+        
+        .z-above-map-higher {
+            z-index: 10100
+        }
+        
+        .z-above-map-high {
+            z-index: 10200 !important;
+        }
+        
+        .z-above-map-highest{
+            z-index: 50000
+        }
+
     }
-      
-      .max-h-20vh {
-          max-height: 20vh;
-      }
-  }
 }
 
 
+@media only screen and (max-width: 640px), only screen and (max-height: 640px) {
+    .no-transform {
+        /*This is a workaround to let popup contents escape the popup on mobile*/
+        transform: none !important;
+    }
+}
+
+
+
 :root {
     --subtle-detail-color: #e5f5ff;
     --subtle-detail-color-contrast: black;
@@ -53,9 +79,6 @@ a {
 }
 
 
-
-
-
 #topleft-tools svg {
     fill: var(--foreground-color) !important;
     stroke: var(--foreground-color) !important;
@@ -109,8 +132,6 @@ a {
 }
 
 
-
-
 #layer-selection {
     z-index: 9000;
     background-color: var(--background-color);