Update app.py

app.py

@@ -168,6 +168,9 @@ with gr.Blocks(css='''
             border-radius: 5px;
             box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
         }
+        .slider-sour::-webkit-slider-runnable-track {
+            background: rgba(200, 152, 152, 0.8);
+        }
         .slider-savory {
             background: linear-gradient(to right,rgba(251, 230, 180, 0.8), rgba(255, 220, 169, 0.8));
             padding: 10px;
@@ -175,6 +178,9 @@ with gr.Blocks(css='''
             border-radius: 5px;
             box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
         }
+        .slider-savory::-webkit-slider-runnable-track {
+            background: rgba(200, 152, 152, 0.8);
+        }
         .slider-bitter {
             background: linear-gradient(to right,rgba(255, 220, 169, 0.8), rgba(252, 200, 135, 0.8));
             padding: 10px;
@@ -182,6 +188,9 @@ with gr.Blocks(css='''
             border-radius: 5px;
             box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
         }
+        .slider-bitter::-webkit-slider-runnable-track {
+            background: rgba(200, 152, 152, 0.8);
+        }
         .slider-soberness_level {
             background: linear-gradient(to right, rgba(252, 200, 135, 0.8), rgba(250, 171, 120, 0.8));
             padding: 10px;
@@ -189,6 +198,9 @@ with gr.Blocks(css='''
             border-radius: 5px;
             box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
         }
+        .slider-soberness_level::-webkit-slider-runnable-track {
+            background: rgba(200, 152, 152, 0.8);
+        }
         .custom-checkbox-group2 input[type="checkbox"] + label {
             margin-right: 10px; /* Space between checkboxes */
             cursor: pointer; /* Mouse pointer changes to indicate clickable area */