@Acrivec No odnośnie tego dodatkowego DOM po kliknięciu, to tak najczęściej są obsługiwane takie "pływające" elementy, modale, dialogi itp. Tworzone są różnego rodzaju "portale" i inne cuda, a wynika to chociażby z pozycjonowania elementów, jakiś overlayów itd. Jak chcesz to możesz mi podesłać na PW jakiś link do kodu, albo czegoś, to postaram się pomóc jak będę miał chwile.
@Acrivec No w takim układzie niestety tak, osobiście nie lubię tego typu typu nazw klas, ale no jest to popularny framework mimo wszystko. A odnośnie układu/DOM, to możesz opisać co chcesz osiągnąć? Bo nie bardzo rozumiem problemu po treści wpisu, a może pomogę.
@Acrivec Klasy z kropkami działają w querySelector jakby co (zwróć uwage na slashe), ale fakt, że może być to uciążliwe np. document.querySelector(".-right-2\\\.5")
A co samych styli, to hejto korzysta z https://tailwindcss.com/ czyli takie utility CSS classes, stąd są takie "nietypowe" nazwy klas.