.rangeslider,.rangeslider__fill{display:block;-moz-box-shadow:inset 0 1px 3px rgb(0 0 0 / .3);-webkit-box-shadow:inset 0 1px 3px rgb(0 0 0 / .3);box-shadow:inset 0 1px 3px rgb(0 0 0 / .3);-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}.rangeslider{background:#e6e6e6;position:relative}.rangeslider--horizontal{height:20px;width:100%}.rangeslider--vertical{width:20px;min-height:150px;max-height:100%}.rangeslider--disabled{opacity:.4}.rangeslider__fill{background:lime;position:absolute}.rangeslider--horizontal .rangeslider__fill{top:0;height:100%}.rangeslider--vertical .rangeslider__fill{bottom:0;width:100%}.rangeslider__handle{background:#fff;border:1px solid #ccc;cursor:pointer;display:inline-block;width:40px;height:40px;position:absolute;background-size:100%;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0,#fff0),color-stop(100%,rgb(0 0 0 / .1)));background-image:-moz-linear-gradient(#fff0,rgb(0 0 0 / .1));background-image:-webkit-linear-gradient(#fff0,rgb(0 0 0 / .1));background-image:linear-gradient(#fff0,rgb(0 0 0 / .1));-moz-box-shadow:0 0 8px rgb(0 0 0 / .3);-webkit-box-shadow:0 0 8px rgb(0 0 0 / .3);box-shadow:0 0 8px rgb(0 0 0 / .3);-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}.rangeslider__handle:after{content:"";display:block;width:18px;height:18px;margin:auto;position:absolute;top:0;right:0;bottom:0;left:0;background-size:100%;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0,rgb(0 0 0 / .13)),color-stop(100%,#fff0));background-image:-moz-linear-gradient(rgb(0 0 0 / .13),#fff0);background-image:-webkit-linear-gradient(rgb(0 0 0 / .13),#fff0);background-image:linear-gradient(rgb(0 0 0 / .13),#fff0);-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}.rangeslider--active .rangeslider__handle,.rangeslider__handle:active{background-size:100%;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0,rgb(0 0 0 / .1)),color-stop(100%,rgb(0 0 0 / .12)));background-image:-moz-linear-gradient(rgb(0 0 0 / .1),rgb(0 0 0 / .12));background-image:-webkit-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))}.rangeslider--horizontal .rangeslider__handle{top:-10px;touch-action:pan-y;-ms-touch-action:pan-y}.rangeslider--vertical .rangeslider__handle{left:-10px;touch-action:pan-x;-ms-touch-action:pan-x}input[type=range]:focus+.rangeslider .rangeslider__handle{-moz-box-shadow:0 0 8px rgb(255 0 255 / .9);-webkit-box-shadow:0 0 8px rgb(255 0 255 / .9);box-shadow:0 0 8px rgb(255 0 255 / .9)}