.box{background:#f0f0f0 linear-gradient(180deg,#f0f0f0 0,#fff)}input[type=range]{direction:rtl;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:12px;border:1px solid #ddd;border-radius:9999px;background:#eee;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border:1px solid #ddd;border-radius:9999px;background:#00a4bd;box-shadow:none}input[type=range]::-moz-range-thumb{width:24px;height:24px;border:1px solid #333333;border-radius:9999px;background:#00a4bd;box-shadow:none}body:lang(ja),body:lang(zh-Hant){--border-color: #dde7e8;--up-color: #00a4bd;--down-color: #ff8400}