.range-slider {
position: relative;
margin-bottom: 30px;
width: 100%;
height: 35px;
text-align: center;
}
.tfcl-advanced-search-wrap .tfcl-form-top .range-slider {
margin-bottom: 0;
}
.tfcl-advanced-search-wrap .tfcl-search-group-input label,
.search-form-content .form-item label {
margin: 0;
}
.range-slider input {
pointer-events: none;
position: absolute;
overflow: hidden;
left: 0;
top: 15px;
z-index: 99;
width: 200px;
outline: none;
height: 18px;
margin: 0;
padding: 0;
}
.range-slider .output.outputTwo {
transform: translateX(-100%) !important;
}
.range-slider input::-webkit-slider-thumb {
pointer-events: all;
position: relative;
z-index: 1;
outline: 0;
}
.range-slider input::-moz-range-thumb {
pointer-events: all;
position: relative;
z-index: 10;
-moz-appearance: none;
width: 9px;
}
.range-slider input::-moz-range-track {
position: relative;
z-index: -1;
background-color: rgba(0, 0, 0, 1);
border: 0;
}
.range-slider input:last-of-type::-moz-range-track {
-moz-appearance: none;
background: none transparent;
border: 0;
}
.range-slider input[type=range]::-moz-focus-outer {
border: 0;
}
.rangeValue {
width: 30px;
}
.output {
position: absolute;
border: 1px solid transparent;
height: 30px;
text-align: center;
color: #888B95;
background-color: #f5f5f5;
border-radius: 4px;
display: flex;
align-items: center;
justify-content: center;
font-family: 'Plus Jakarta Sans';
font-size: 13px;
font-style: normal;
font-weight: 500;
line-height: normal;
bottom: -90%;
left: 0;
min-width: 40px;
}
.output.outputTwo {
left: 100%;
transform: translateX(-40px);
}
.range-slider input[type=range] {
width: 100%;
-webkit-appearance: none;
background: none;
}
input[type=range]::-webkit-slider-runnable-track {
height: 5px;
border: none;
border-radius: 3px;
background: transparent;
}
input[type=range]::-ms-track {
height: 5px;
background: transparent;
border: none;
border-radius: 3px;
}
input[type=range]::-moz-range-track {
height: 5px;
background: transparent;
border: none;
border-radius: 3px;
}
input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;
border: none;
height: 16px;
width: 16px;
border-radius: 50%;
background: #fff;
border: 2px solid var(--theme-primary-color);
margin-top: -5px;
position: relative;
z-index: 10000;
}
input[type=range]::-ms-thumb {
-webkit-appearance: none;
border: none;
height: 16px;
width: 16px;
border-radius: 50%;
background: #fff;
border: 2px solid var(--theme-primary-color);
margin-top: -5px;
position: relative;
z-index: 10000;
}
input[type=range]::-moz-range-thumb {
-webkit-appearance: none;
border: none;
height: 16px;
width: 16px;
border-radius: 50%;
background: #fff;
border: 2px solid var(--theme-primary-color);
margin-top: -5px;
position: relative;
z-index: 10000;
}
input[type=range]:focus {
outline: none;
}
.full-range,
.incl-range {
width: 100%;
height: 5px;
left: 0;
top: 21px;
position: absolute;
background: #DDD;
}
.incl-range {
background: var(--theme-primary-color);
}