1 files changed, 50 insertions, 0 deletions
diff --git a/src/client/views/nodes/MapBox/MapBox.scss b/src/client/views/nodes/MapBox/MapBox.scss
index bc2f90fbd..d3c6bb14e 100644
--- a/src/client/views/nodes/MapBox/MapBox.scss
+++ b/src/client/views/nodes/MapBox/MapBox.scss
@@ -82,6 +82,56 @@
 
     }
 
+    .animation-panel {
+        z-index: 900;
+        display: flex;
+        flex-direction: column;
+        justify-content: flex-start;
+        align-items: flex-start;
+        position: absolute;
+        background-color: rgb(187, 187, 187);
+        padding: 10px;
+        border-top-right-radius: 5px;
+        border-bottom-right-radius: 5px;
+        width: 100%;
+
+        #route-to-animate-title {
+            font-size: 1.25em;
+            font-weight: bold;
+        }
+
+        .route-animation-options {
+            display: flex;
+            justify-content: flex-start;
+            align-items: center;
+            gap: 7px;
+
+            .animation-suboptions{
+                display: flex;
+                justify-content: flex-start;
+                align-items: center;
+                gap: 7px;
+
+                label{
+                    margin-bottom: 0;
+                }
+    
+                .speed-label{
+                    margin-right: 5px;
+                }
+
+                #last-divider{
+                    margin-left: 10px;
+                    margin-right: 10px;
+                }
+            }
+
+            
+        }
+
+    }
+
+
     .mapBox-topbar {
         display: flex;
         flex-direction: row;