.base_range{position:relative}input[type=range]{width:300px;margin:18px 0;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]+label{background-color:#fff;position:absolute;top:-25px;left:110px;width:80px;padding:5px 0;text-align:center;border-radius:4px;box-shadow:0 0 5px rgba(0,0,0,.3)}input[type=range]::-webkit-slider-runnable-track{background:purple;border-radius:4px;width:100%;height:10px;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:24px;width:24px;background:#fff;border-radius:50%;border:1px solid purple;margin-top:-7px;cursor:pointer}input[type=range]::-moz-range-track{background:purple;border-radius:4px;width:100%;height:13px;cursor:pointer}input[type=range]::-moz-range-thumb{-webkit-appearance:none;height:24px;width:24px;background:#fff;border-radius:50%;border:1px solid purple;margin-top:-7px;cursor:pointer}input[type=range]::-ms-track{background:purple;border-radius:4px;width:100%;height:13px;cursor:pointer}input[type=range]::-ms-thumb{-webkit-appearance:none;height:24px;width:24px;background:#fff;border-radius:50%;border:1px solid purple;margin-top:-7px;cursor:pointer}.base_select_wrapper{position:relative;min-width:200px;font-size:18px}.base_select_display{background-color:#fff;border:1px solid #ccc;padding:6px 12px;border-radius:6px;cursor:pointer;position:relative;transition:border-color .3s ease}.base_select_display:hover{border-color:#0070f3}.base_select_arrow{position:absolute;right:12px;top:50%;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #333;transform:translateY(-50%)}.base_select_options{position:absolute;top:calc(100% + 5px);left:0;right:0;background-color:#fff;border:1px solid #ccc;border-radius:6px;max-height:200px;overflow-y:auto;animation:base_slideDown .2s ease;z-index:10;box-shadow:0 4px 10px rgba(0,0,0,.1)}.base_select_option{padding:6px 12px;cursor:pointer;transition:background-color .2s ease}.base_select_option:hover{background-color:#f0f0f0}.base_select_option--selected{background-color:#e6f0ff;font-weight:700}@keyframes base_slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}