}
input[type="range"]::-moz-range-thumb {
+ -webkit-appearance: none;
height: 16px;
width: 16px;
background-color: #80FFCC;
border-radius: 50%;
}
+input.shifted[type="range"]::-moz-range-thumb {
+ background-color: #FFB4F0;
+}
+
+input.shifted[type="range"]::-webkit-slider-thumb {
+ background-color: #FFB4F0;
+}
+
+input[type="range"]:focus::-moz-range-thumb {
+ background-color: #FF616B;
+}
+
+input[type="range"]:focus::-webkit-slider-thumb {
+ background-color: #FF616B;
+}
.slider::before,
.slider::after {