Javascript - сделать ввод [тип = диапазон] настолько большим, насколько это необходимо

Question

У меня есть несколько input с type=range. Я хочу сделать их настолько большими, насколько это необходимо, чтобы каждое значение можно было достичь путем скольжения.

Вот что я попробовал:

    $("input[type=range].modern").each(function(){
        let element = $(this);
        let calculated = parseInt(element.attr("max")) - parseInt(element.attr("min"));
        let step = element.is("[step]") ? parseInt(element.attr("step")) : 1;
        let calculated_step = step < 1 ? 1 / step : step;
        let available_values = calculated * calculated_step;
        let min_width = parseInt($("body").css("font-size")) * 2 + available_values * 3;

        element.css({
            "min-width": min_width
        });
    });

Но это не работает на моих ползунках. Есть идеи?