fix: modify css code to check the deployment env

css/style.css

@@ -159,10 +159,6 @@ h1::after {
     flex-direction: column;
 }
 
-input[type="range"]{
-    order: -1;
-}
-
 input[type="range"] {
     -webkit-appearance: none; /* Removes default styling for Webkit browsers */
     height: 20px; /* Makes the track thicker */
@@ -176,7 +172,7 @@ input[type="range"] {
   }
   
   /* Styles for the slider thumb for Webkit browsers like Chrome and Safari */
-  input[type="range"]::-webkit-slider-thumb {
+::-webkit-slider-thumb {
     -webkit-appearance: none; /* Overrides default webkit styles */
     appearance: none;
     height: 24px; /* Height of the thumb */
@@ -188,7 +184,7 @@ input[type="range"] {
   }
   
   /* Styles for the slider thumb for Firefox */
-  input[type="range"]::-moz-range-thumb {
+::-moz-range-thumb {
     appearance: none;
     height: 24px; /* Height of the thumb */
     width: 24px; /* Width of the thumb */
@@ -199,7 +195,7 @@ input[type="range"] {
   }
   
   /* Styles for the slider thumb for IE */
-  input[type="range"]::-ms-thumb {
+::-ms-thumb {
     appearance: none;
     height: 24px; /* Height of the thumb */
     width: 24px; /* Width of the thumb */
@@ -210,7 +206,7 @@ input[type="range"] {
   }
   
   /* Styles for the track (progress) for Webkit browsers */
-  input[type="range"]::-webkit-slider-runnable-track {
+::-webkit-slider-runnable-track {
     width: 100%;
     height: 10px; /* Height of the track */
     background: #eee;
@@ -219,7 +215,7 @@ input[type="range"] {
   }
   
   /* Styles for the track for Firefox */
-  input[type="range"]::-moz-range-track {
+::-moz-range-track {
     width: 100%;
     height: 10px; /* Height of the track */
     background: #eee;
@@ -228,7 +224,7 @@ input[type="range"] {
   }
   
   /* Styles for the track for IE */
-  input[type="range"]::-ms-track {
+::-ms-track {
     width: 100%;
     height: 10px; /* Height of the track */
     background: #eee;