.custom-range-slider{width:100%;display:grid;margin-block:2rem;padding-inline:2rem}.custom-range-slider .range__content{position:relative;width:100%;display:grid;place-items:center}.custom-range-slider .range__slider{width:100%;height:16px;background-color:#cff1f9;border-radius:4rem;overflow:hidden}.custom-range-slider .range__slider .range-line{width:100%;height:100%;background:#0db7e1;width:0}.custom-range-slider .range__thumb{width:32px;height:32px;background-color:var(--white-color);border-radius:50%;box-shadow:0 0 12px rgba(0,0,0,.1);position:absolute}.custom-range-slider .range__value{min-width:100px;height:42px;padding-inline:.5rem;box-sizing:border-box;background:#0db7e1;position:absolute;top:-55px;left:-34px;display:grid;place-items:center;border-radius:12px}.custom-range-slider .range__value::before{content:"";bottom:-5px;z-index:-1;position:absolute;width:20px;height:20px;transform:rotate(45deg);border-radius:3px;background:#0db7e1}.custom-range-slider .range__value .range-number{color:var(--white-color);font-size:18px}.custom-range-slider .range__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:16px;position:absolute;opacity:0}.custom-range-slider .range__input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:32px;height:32px}.custom-range-slider .range__input::-webkit-slider-thumb:hover{cursor:pointer}