Cannot set properties of null (settings 'ItemSlider')
function resetStepIndicators() {
var steps = document.querySelectorAll(".step")
steps.forEach(step =>
step.classList.remove("finish", "active")
)
steps[0].classList.add("active")
}
По поводу opacity: перед этим пробовал

.el {
background-image: linear-gradient(135deg, green calc(100% - 50px), blue);
}
.el::after {
background-image: linear-gradient(95deg, green calc(100% - 74px), blue);
}
<input type="range" id="time" name="time" min="1" max="60" step="1">
const CryptoJS = require("crypto-js");
const encryptedData =
"jPNGTNLtGIBc7Jv2UXj7a3FNQk13eUJ5T3VIUXlOS0ZVOEpnMUpPMnhvQXg5bE5kMGFHejVxaTFnYTA9";
const key = "qEExPE+jkJxQUt8fSO+XwzXgRGh6kLHy+lWEe6Z8T6s=";
const decodedKey = CryptoJS.enc.Base64.parse(key);
const decodedData = CryptoJS.enc.Base64.parse(encryptedData);
const ivLength = 16;
const iv = CryptoJS.lib.WordArray.create(decodedData.words.slice(0, ivLength / 4));
const encryptedText = CryptoJS.lib.WordArray.create(decodedData.words.slice(ivLength / 4));
const decrypted = CryptoJS.AES.decrypt(
{ ciphertext: encryptedText },
decodedKey,
{ iv: iv, mode: CryptoJS.mode.CBC, padding: CryptoJS.pad.Pkcs7 }
);
console.log("Расшифрованная строка:", decrypted.toString(CryptoJS.enc.Utf8));


const oldElement = document.getElementById('old');
oldElement.replaceWith(document.createRange().createContextualFragment(`
<div class="box box2">
<p1>hello world</p1>
</div>
`));
Настройки с RTL (dir="rtl", rtl: true) не работают.
Заработало, когда указал dir="rtl" слайдеру.
Могут какие расширения стоять в браузере? Можно попробовать отключить их (инкогнито мод) для проверки?
У меня пока других идей нет почему может так происходить. Попробовал разные варианты подключения скрипта на "чистом" проекте - не смог повторить ошибку . Тут только весь ваш проект смотреть/ковырять.