@import "./variable.css";

.price-range-slider {
    width: 100%;
    float: left;
    padding: 10px 20px;
}

.price-range-slider .range-value {
    margin: 0;
}

.price-range-slider .range-value input {
    width: 100%;
    background: none;
    color: #000;
    font-size: 16px;
    font-weight: initial;
    box-shadow: none;
    border: none;
    margin: 20px 0 20px 0;
}

.price-range-slider .range-value input { 
    color: var(--dark-mid-white);
}

.price-range-slider .range-bar {
    border: none !important;
    background: var(--dark-stroke);
    height: 6px;
    width: 96%;
    margin-left: 8px;
}

.price-range-slider .range-bar .ui-slider-range {
    background: var(--dark-button);
}

.price-range-slider .range-bar .ui-slider-handle {
    border: none;
    border-radius: 25px;
    background: var(--dark-button);
    border: 3px solid #EAF5F2;
    height: 12px;
    width: 12px;
    top: -4px;
    cursor: pointer;
}

.price-range-slider .range-bar .ui-slider-handle+span {
    background: var(--dark-button);
}

/*--- /.price-range-slider ---*/