/*
 * Базовая раскладка плагина rangeslider.js.
 *
 * При переносе шаблона взяли скрипт плагина и фирменные стили be-fin (цвета, размеры бегунка в
 * index.min.css), но не сам `rangeslider.css` из пакета плагина. Без него `.rangeslider__handle`
 * остаётся `position: static`, поэтому `left`, который выставляет плагин, ни на что не влияет:
 * бегунок стоит в левом краю дорожки при любой сумме и выглядит сломанным.
 *
 * Здесь только раскладка. Оформление (цвет дорожки, размер и форма бегунка) остаётся за
 * `index.min.css`, который грузится следом и перекрывает эти правила.
 */

.rangeslider {
    position: relative;
    display: block;
}

.rangeslider--horizontal {
    width: 100%;
}

.rangeslider__fill {
    position: absolute;
    display: block;
}

.rangeslider--horizontal .rangeslider__fill {
    top: 0;
    height: 100%;
    border-radius: inherit;
}

.rangeslider__handle {
    position: absolute;
    display: block;
    cursor: pointer;
    touch-action: pan-y;
}

.rangeslider--disabled {
    opacity: .4;
}