input[type=range].slider-thumb-vertical{-webkit-appearance:none;width:100%;height:4px;background:#ddd;border-radius:2px}input[type=range].slider-thumb-vertical::-webkit-slider-thumb{-webkit-appearance:none;position:relative;top:-10px;appearance:none;width:24px;height:24px;border:2px solid #fff;outline:2px solid #000;border-radius:50%;background-color:var(--thumb-color,#000);cursor:pointer;box-shadow:0 0 0 0;transition:background-color .3s}input[type=range].slider-thumb-vertical::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(to right,var(--thumb-color,#000) 0,var(--thumb-color,#000) var(--percent,50%),#ddd var(--percent,50%),#ddd 100%)}input[type=range].slider-thumb-vertical::-moz-range-thumb{position:relative;top:-10px;width:24px;height:24px;border:2px solid #fff;outline:2px solid #000;border-radius:50%;background-color:var(--thumb-color,#000);cursor:pointer;box-shadow:0 0 0 0;transition:background-color .3s}input[type=range].slider-thumb-vertical::-moz-range-track{height:4px;border-radius:2px;background:linear-gradient(to right,var(--thumb-color,#000) 0,var(--thumb-color,#000) var(--percent,50%),#ddd var(--percent,50%),#ddd 100%)}.dark input[type=range].slider-thumb-vertical{background:#333}.dark input[type=range].slider-thumb-vertical::-webkit-slider-thumb{border:2px solid #000;outline:2px solid #fff;background-color:var(--thumb-color,#fff)}.dark input[type=range].slider-thumb-vertical::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--thumb-color,#fff) 0,var(--thumb-color,#fff) var(--percent,50%),#333 var(--percent,50%),#333 100%)}.dark input[type=range].slider-thumb-vertical::-moz-range-thumb{border:2px solid #000;outline:2px solid #fff;background-color:var(--thumb-color,#fff)}.dark input[type=range].slider-thumb-vertical::-moz-range-track{background:linear-gradient(to right,var(--thumb-color,#fff) 0,var(--thumb-color,#fff) var(--percent,50%),#333 var(--percent,50%),#333 100%)}