.min-max-range{
    width: 100%;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
    touch-action: none;
}

.rs-text{
    display: flex; 
    width: fit-content; 
    padding: 5pt;
    position: relative;
    transform: translateX(-50%);
}

.rs-bar{
    position: relative;
    height: 20pt;
    width: 100%;
    background-color: gray;
    align-items: center;  
    border-radius: 5pt;
}

.min-max-range .rangethumb{
    position: absolute;
    background-color: burlywood;
    width:20pt;
    height: 30pt;
    cursor: grabbing;
    border-radius: 5pt;
    left: 10%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.rangethumb *{
    pointer-events: none;
}