Update app.py

app.py

@@ -490,18 +490,18 @@ div[data-testid="stVerticalBlock"] > div[data-testid="stHorizontalBlock"] > div
 }
 
 /* نقاط روی اسلایدر */
-div[data-testid="stSlider"] div[data-testid="stThumbValue"] {
+div[data-testid="stVerticalBlock"] div[data-testid="stSlider"] div[data-testid="stThumbValue"] {
     visibility: visible !important;
 }
 
 /* دسته اسلایدر */
-div[data-testid="stSlider"] div[role="slider"] {
+div[data-testid="stVerticalBlock"] div[data-testid="stSlider"] div[role="slider"] {
     background-color: #6a0dad !important;
     z-index: 1;
 }
 
 /* خط زمینه اسلایدر */
-div[data-testid="stSlider"] div[role="slider"]::before {
+div[data-testid="stVerticalBlock"] div[data-testid="stSlider"] div[role="slider"]::before {
     content: "";
     display: block;
     position: absolute;
@@ -515,7 +515,7 @@ div[data-testid="stSlider"] div[role="slider"]::before {
 }
 
 /* نقاط گسسته برای اسلایدر 5 نقطه‌ای */
-div[data-testid="stSlider"][data-discrete="five-point"] div[role="slider"]::after {
+div[data-testid="stVerticalBlock"] div[data-testid="stSlider"][data-discrete="five-point"] div[role="slider"]::after {
     content: "";
     position: absolute;
     width: 100%;
@@ -542,7 +542,7 @@ div[data-testid="stSlider"][data-discrete="five-point"] div[role="slider"]::afte
 }
 
 /* نقاط گسسته برای اسلایدر 7 نقطه‌ای */
-div[data-testid="stSlider"][data-discrete="seven-point"] div[role="slider"]::after {
+div[data-testid="stVerticalBlock"] div[data-testid="stSlider"][data-discrete="seven-point"] div[role="slider"]::after {
     content: "";
     position: absolute;
     width: 100%;