(Javascript) почему borderBottomRightRadius устанавливается как borderRadius?

у меня есть 5 диапазонов типов ввода, когда вы используете em, изображение меняет свойство радиуса границы:

<div class = "element" id = "element">
    
</div>
<div class = "ranges">

    <label for = "" class = "label">0</label>
    <input type = "range" class = "range" id = "range-1" value = "0" min = "0" max = "50">
    
    <label for = "" class = "label">0</label>
    <input type = "range" class = "range" id = "range-2" value = "0" min = "0" max = "50">

    <label for = "" class = "label">0</label>
    <input type = "range" class = "range" id = "range-3" value = "0" min = "0" max = "50">
    
    <label for = "" class = "label">0</label>
    <input type = "range" class = "range" id = "range-4" value = "0" min = "0" max = "50">
    
    <label for = "" class = "label">0</label>
    <input type = "range" class = "range" id = "range-5" value = "0" min = "0" max = "50">

</div>

div с классом «элемент» содержит изображение для изменения:

Проблема возникает, когда я использую ввод 4: он должен изменить свойство border-bottom-right-radius, но изменяет border-radius: