diff --git a/public/css/style.css b/public/css/style.css
index 2087914..48ab7a3 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -640,6 +640,11 @@ input:checked+.slider:before {
   display: flex;
   align-items: center;
   gap: 6px;
+  transition: opacity 0.3s ease;
+}
+
+.legend-item.disabled {
+  opacity: 0.35;
 }
 
 .legend-dot {