.__range input{outline:none;-webkit-appearance:none;background-color:#aaa;height:1px;width:100%;margin:12px auto}.__range input::-webkit-slider-thumb{-webkit-appearance:none;height:36px;width:16px;background:rgba(255,255,255,0);cursor:pointer;margin-top:-14px}.__range-step{position:relative}.__range-max{float:right}.__range-step input::-webkit-slider-thumb,.__range-step input::-moz-range-thumb,.__range-step input::-ms-thumb{background:transparent}.__range-step .datalist{position:relative;display:flex;justify-content:space-between;height:auto;bottom:18px;padding-top:2px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.__range-step .datalist .option{width:8px;height:8px;min-height:8px;border-radius:100px;white-space:nowrap;padding:0;line-height:40px}.__range-step .datalist .option.active{border:solid 1px #fff;width:10px;height:10px;margin-top:-1px}.__range-step-popup output{position:absolute;width:140px;height:30px;text-align:center;color:#fff;border-radius:100px;display:inline-block;font-size:10px;bottom:100%;left:0;vertical-align:middle;line-height:30px}.__range-step-popup .__range-output-square{min-width:25px;border-radius:5px!important}.__range-step-popup output:after{content:"";position:absolute;width:0;height:0;border-top:10px solid #16ffd5;border-left:7px solid transparent;border-right:7px solid transparent;top:90%;left:50%;margin-left:-10px;margin-top:-1px}.__range-step-popup .datalist{overflow:hidden}.__range-step{margin:0 40px}.__range-step-popup{margin:40px}