.ruler{position:relative;top:10px;padding:0;margin:0;list-style:none;color:#eee6e6}.ruler__item{position:absolute;top:-5px;left:-7px;z-index:4;width:10%;height:0;font-size:14px;cursor:pointer}.thumb{position:absolute;top:-25px;left:-18px;z-index:0;min-width:41px;padding:2px 4px;color:#eee6e6;font-size:14px;text-align:center;background:#423388;cursor:pointer}.bar{position:relative;height:5px;border:none;background-color:#6b6b6b;cursor:pointer}.bar__scale{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background-color:#423388;transform-origin:0 0}.toggle{position:absolute;top:-5px;left:-7px;z-index:4;width:10%;height:0}.toggle_active{z-index:10}.toggle__handle{box-sizing:border-box;position:absolute;z-index:1;display:block;width:14px;height:14px;font-size:0;background-color:#423388;border:none;border-radius:50%;cursor:pointer}.range-slider{position:relative;width:100%;height:100%}.range-slider__wrap{position:relative;width:100%;height:100%}.range-slider__bar_vertical{width:5px;height:100%}.range-slider__ruler_vertical{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:100%;top:-400px;left:81px}.range-slider__ruler-item_vertical{top:-5px;left:-5px;width:auto;height:10%}.range-slider__toggle_vertical{top:-5px;left:-5px;width:auto;height:10%}.range-slider__thumb_vertical{top:-4px;left:22px}