input.circle-range-select{display:none}
.circle-range-select-wrapper{
    position:relative;
    height:6em;
    width:6em;
    margin:1em;
    border-radius:50%;
    border:.8em solid #ccc;
    padding:0!important;
    cursor:default;
}
.circle-range-select-wrapper .handle{
    position:absolute;
    z-index:2;
    width:0;
    height:0;
    border:0;
    padding:0;
    cursor:pointer;
}
.circle-range-select-wrapper .handle:before{
    content:'';
    position:absolute;
    z-index:3;
    top:-1em;
    left:-1em;
    height:1.5em;
    width:1.5em;
    border-radius:50%;
    background:#000
}
.circle-range-select-wrapper .selected-range{
    position:absolute;
    z-index:1;
    color:#ff8195;
}
.circle-range-select-wrapper .values{
    position:absolute;
    z-index:2;
    top:50%;
    margin-top:-.5em;
    width:100%;
    font-size:.85rem;
    text-align:center
}