.stm-filter-pro-price {
padding: 0 0 5px;
}
.stm-filter-pro-price-inputs {
display: flex;
gap: 16px;
}
.stm-filter-pro-price-inputs .extreme-value {
flex-grow: 1;
margin: 0 0 10px;
}
.stm-filter-pro-price-inputs .extreme-value input[type=text] {
width: 100%;
background-color: var(--motors-filter-field-bg-color);
color: var(--motors-filter-field-text-color);
border: 1px solid var(--motors-filter-border-color);
border-radius: 8px;
height: 48px;
}
.stm-filter-pro-price-inputs .extreme-value input[type=text]:focus {
border-color: var(--motors-filter-field-link-color) !important;
}
.stm-filter-pro-price-inputs .extreme-value input[type=text]::-moz-placeholder {
color: var(--motors-filter-field-text-color-lowalpha) !important;
}
.stm-filter-pro-price-inputs .extreme-value input[type=text]::placeholder {
color: var(--motors-filter-field-text-color-lowalpha) !important;
}
.stm-filter-pro-price-inputs .extreme-value input.filled-field {
border-color: var(--motors-filter-field-link-color);
}
.stm-filter-pro-price .stm-price-range-unit {
margin: 10px;
background-color: var(--motors-filter-inputs-color);
padding: 0;
}
.stm-filter-pro-price .stm-price-range-unit .stm-price-range.ui-slider-horizontal {
height: 4px;
background-color: var(--motors-filter-border-color-lowalpha);
border-color: transparent;
border-width: 0;
}
.stm-filter-pro-price .stm-price-range-unit .stm-price-range.ui-slider-horizontal .ui-slider-handle {
width: 14px;
height: 14px;
top: 50%;
transform: translateY(-50%) translateX(-50%);
background-color: var(--motors-filter-field-link-color);
border-color: var(--motors-filter-field-link-color);
margin-left: 0;
margin-right: 0;
outline: none;
}
.stm-filter-pro-price .stm-price-range-unit .stm-price-range.ui-slider-horizontal .ui-slider-handle:after {
background-color: var(--motors-filter-field-link-color);
}
.stm-filter-pro-price .stm-price-range-unit .stm-price-range.ui-slider-horizontal .ui-slider-handle .ballon {
position: absolute;
left: 50%;
bottom: 100%;
transform: translateX(-50%) translateY(-12px);
display: none;
background: #131925;
color: #fff;
padding: 6px 8px;
border-radius: 5px;
font-size: 12px;
opacity: 0.75;
}
.stm-filter-pro-price .stm-price-range-unit .stm-price-range.ui-slider-horizontal .ui-slider-handle .ballon:after {
content: "";
display: block;
border-top: 7px solid #131925;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
}
.stm-filter-pro-price .stm-price-range-unit .stm-price-range.ui-slider-horizontal .ui-slider-handle.ui-state-active .ballon {
display: block;
}
.stm-filter-pro-price .stm-price-range-unit .stm-price-range.ui-slider-horizontal .ui-slider-range {
background-color: var(--motors-filter-field-link-color);
border-color: var(--motors-filter-field-link-color);
}
.luxury-skin .stm-filter-pro-price-inputs .extreme-value input[type=text] {
background-color: var(--motors-filter-field-bg-color);
color: var(--motors-filter-field-text-color);
}
.luxury-skin .stm-filter-pro-price-inputs .extreme-value input[type=text]:focus {
border-color: var(--motors-filter-field-link-color);
}
.luxury-skin .stm-filter-pro-price-inputs .extreme-value input[type=text]::-moz-placeholder {
color: var(--motors-filter-field-text-color-lowalpha) !important;
}
.luxury-skin .stm-filter-pro-price-inputs .extreme-value input[type=text]::placeholder {
color: var(--motors-filter-field-text-color-lowalpha) !important;
}
.luxury-skin .stm-filter-pro-price-inputs .extreme-value input.filled-field {
border-color: var(--motors-filter-field-link-color);
}
.luxury-skin .stm-filter-pro-price .stm-price-range-unit .stm-price-range.ui-slider-horizontal .ui-slider-handle .ballon {
background-color: var(--motors-bg-color);
}
.luxury-skin .stm-filter-pro-price .stm-price-range-unit .stm-price-range.ui-slider-horizontal .ui-slider-handle .ballon:after {
border-top-color: var(--motors-bg-color);
}