.rangeSlider,.rangeSlider__fill{display:block;-webkit-box-shadow:inset 0 1px 3px rgb(0 0 0 / .3);box-shadow:inset 0 1px 3px rgb(0 0 0 / .3);border-radius:10px}.rangeSlider{position:relative;background:#7f8c8d}.rangeSlider__horizontal{height:10px;width:100%}.rangeSlider__vertical{height:100%;width:20px}.rangeSlider--disabled{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);opacity:.4}.rangeSlider__fill{background:#ffc000;position:absolute;z-index:2}.rangeSlider__fill__horizontal{height:100%;top:0;left:0}.rangeSlider__fill__vertical{width:100%;bottom:0;left:0}.rangeSlider__handle{border:1px solid #ffc000;cursor:pointer;display:inline-block;width:20px;height:20px;position:absolute;z-index:3;background:#ffc000 -webkit-gradient(linear,left top,left bottom,from(#fff0),to(rgb(0 0 0 / .1)));background:#ffc000 -o-linear-gradient(#fff0,rgb(0 0 0 / .1));background:#ffc000 linear-gradient(#fff0,rgb(0 0 0 / .1));-webkit-box-shadow:0 0 8px rgb(0 0 0 / .3);box-shadow:0 0 8px rgb(0 0 0 / .3);border-radius:50%}.rangeSlider__handle__horizontal{top:-5px}.rangeSlider__handle__vertical{left:-10px;bottom:0}.rangeSlider__handle:after{content:"";display:block;width:18px;height:18px;margin:auto;position:absolute;top:0;right:0;bottom:0;left:0;background-image:-webkit-gradient(linear,left top,left bottom,from(rgb(0 0 0 / .13)),to(#fff0));background-image:-o-linear-gradient(rgb(0 0 0 / .13),#fff0);background-image:linear-gradient(rgb(0 0 0 / .13),#fff0);border-radius:50%}.rangeSlider__handle:active{background-image:-webkit-gradient(linear,left top,left bottom,from(rgb(0 0 0 / .1)),to(rgb(0 0 0 / .12)));background-image:-o-linear-gradient(rgb(0 0 0 / .1),rgb(0 0 0 / .12));background-image:linear-gradient(rgb(0 0 0 / .1),rgb(0 0 0 / .12))}input[type=range]:focus+.rangeSlider .rangeSlider__handle{-webkit-box-shadow:0 0 8px rgb(142 68 173 / .9);box-shadow:0 0 8px rgb(142 68 173 / .9)}.rangeSlider__buffer{z-index:1;position:absolute;top:3px;height:14px;background:#2c3e50;border-radius:10px}.left-box-inner{padding:10px}.radio-area{padding:10px}output{display:none;font-size:16px;font-weight:700;text-align:center;margin:3px 0;width:100%}.percentageborder{border:2px solid #ccc;padding:10px}#container svg g{font-family:'Roboto'}