.slider-rect{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:12px;border-radius:6px;background:#e5e7eb;outline:none}.slider-rect::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:12px;background:#3b82f6;border-radius:6px;cursor:pointer;border:none;-webkit-transition:background .2s;transition:background .2s}.slider-rect::-moz-range-thumb{width:20px;height:12px;background:#3b82f6;border-radius:6px;border:none;cursor:pointer;-moz-transition:background .2s;transition:background .2s}.slider-rect:hover::-webkit-slider-thumb{background:#2563eb}.slider-rect:hover::-moz-range-thumb{background:#2563eb}.slider-rect::-webkit-slider-runnable-track{border-radius:6px;background:#e5e7eb;height:12px}.slider-vertical{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:200px;background:#e5e7eb;border-radius:6px;outline:none;transform:rotate(-90deg)}.slider-vertical::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:20px;background:#3b82f6;border-radius:6px;cursor:pointer;border:none;-webkit-transition:background .2s;transition:background .2s}.slider-vertical::-moz-range-thumb{width:12px;height:20px;background:#3b82f6;border-radius:6px;border:none;cursor:pointer;-moz-transition:background .2s;transition:background .2s}.slider-vertical::-webkit-slider-runnable-track{border-radius:6px;background:#e5e7eb;height:12px}.slider-vertical::-moz-range-track{border-radius:6px;background:#e5e7eb;height:12px}