forspamonly2

вы зачем-то пытаетесь отслеживать клики на слайдер вручную, да ещё и в обработчике наведения мыши на него.

вот у вас в этом месте обработчик выхода со слайдера сносит тот обработчик отпускания кнопки, который ставит ползунок.

замените блок slider.onmouseenter на что-то типа

slider.onclick = function(e){
  /* Отследить клик на слайдере*/
  if(e.target === slider){
    let thumbCoords = getCoords(thumb);
    let shiftX = e.pageX - thumbCoords.left;
    let sliderCoords = getCoords(slider);
    nLeft(e, thumbCoords, shiftX, sliderCoords,"click");
    return false;
  }
}

передавайте туда detached ruleset с непосредственным вызовом миксина.

.extend() {
	x:1;
}

.mixin(@variable){
	@variable();
}

x {
	.mixin({.extend()});
}

repe cmpsb?

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

grid-auto-flow: row dense;

можно сделать двумя колонками с достаточно большим зазором между ними.

и что ж там такого в ниме с типами?

вам наверное emscripten нужен. пишите себе по-старинке на сях, собирайте в asm.js и вперёд.
ещё лучше писать на расте и собирать в вебассембли.

а вообще, граница нативности сейчас размыта до неприличия. какими-нить graalvm и дотнет нативами можно нативно собрать всё жабье-дотнетское. разумеется, с ограничениями и оговорками. точно так же и в сторону жс всё, что собирается в жабу-дотнет, можно транслировать разными способами.

да и искаропки собирать и в жабаскрипт, и нативно может куча языков. всякие скалы-котлины, хаскели-окамлы и прочие го.

банальный бордер-радиус тоже прокатит

в хтмл5.1 уже есть details/summary

у вас же фон монотонный. накладывайте поверх фотографии картинку цветом фона с вырезом нужной вам формы, включая скруглённые углы. хоть векторную, хоть растровую.

если оно у вас именно разными файлами сделано, то простой цсс-анимацией вы не обойдётесь. поищите каких-нить библиотек для page transition, типа https://github.com/miguel-perez/smoothState.js

гуглите "mega menu"

возможно вам надо не зацикленную анимацию делать, а ловить событие завершения анимации animationend и запускать заново нужную анимацию.

у гугла надо спрашивать про DSL
domain-specific language