feat: use custom color markers for global map

1 files changed, 14 insertions, 0 deletions

diff --git a/static/input.css b/static/input.css
index 8c0069b..4751774 100644
--- a/static/input.css
+++ b/static/input.css
@@ -283,6 +283,20 @@ body:has(.lg-container:not([class~="lg-inline"])) #sidebar {
     border: 0.3vmax outset var(--main-light-color);
 }
 
+.custom-svg-marker {
+    background: transparent;
+    border: none;
+}
+
+.custom-svg-marker svg {
+    filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.3));
+    transition: transform 0.2s;
+}
+
+.custom-svg-marker:hover svg {
+    transform: scale(1.1);
+}
+
 .lg-backdrop {
     background-color: var(--background-light-color);
     opacity: 0.8 !important;