```html ``` **И главное:** в твоём основном коде Cuberto я бы оставил существующий блок: ```js document.querySelectorAll('.cursor-double').forEach(el=>{ el.addEventListener('mouseenter',()=>{ document .querySelector('.mf-cursor') ?.classList.add('cursor-double'); }); el.addEventListener('mouseleave',()=>{ document .querySelector('.mf-cursor') ?.classList.remove('cursor-double'); }); }); ``` Но для нашего прогресс-бара он теперь **не нужен**, потому что новый код напрямую добавляет `cursor-double` именно на `.mf-cursor`. То есть при наведении происходит: **наведение на круг → `.mf-cursor` получает `cursor-double` → твои существующие CSS Cuberto применяются → курсор становится difference.** При уходе: **`cursor-double` снимается → курсор возвращается в обычное состояние.**

```