DTF Karma Fix by proviceunify

/* ==UserStyle==
@name         DTF Karma Fix
@version      1.2
@namespace    userstyles.world/user/proviceunify
@description  Возвращает структуру старой кармы
@author       proviceunify
@license      No License
==/UserStyle== */
@-moz-document url-prefix("https://dtf.ru/"), url-prefix("https://new.dtf.ru/") {
	:root {
		--karma-margins: 10px;
	}

	/* развернуть всё by @Пётр Радько и @alqwer*/
	.comments__content_wrapper__container {
		height: auto !important;
		overflow: visible;
	}

	.comments__content_wrapper__button {
		display: none;
	}
	
	/* комменты */
	.comment__content > .comment__copy-link {
		/* комменты -> профиль -> "скопировать ссылку(📎)" */
		order: 0 !important;
	}
	/* фикс отображения доп комментов */
	.comment__text {
		margin-top: 17px;
	}
	.comment__content > .comment__break {
		order: 6;
		display: flex;
	}
	.comment__load-more {
		order: 7 !important;
	}
	.comment__icon-action {
		order: -1;
	}
	.comment__break + .comment__detail {
		/* комменты -> n времени назад */
		margin-left: 0;
		order: -2;
	}
	.comment__content > .like-button--action-like {
		/* комменты -> лайк */
		order: 4;
	}
	.comment__content > div[air-module] {
		/* комменты -> "..." */
		order: 2;
	}
	.comment__content > div[air-click] {
		/* комменты -> "Ответить" */
		order: 1;
	}
	.comment__content > .like-button--action-like,
	.like-button--active {
		/* комменты -> фикс прыжков лайков  */
		margin-right: 16px !important;
	}
	.comment__content > .like-button--action-dislike,
	.like-button--active {
		/* комменты -> дизлайки, фикс прыжков дизлайков  */
		order: 3;
		margin-right: var(--karma-margins) !important;
	}

	.like-button--action-like:not(:has(span.like-button__count)) {
		/* комменты и фид */
		margin-left: 19px;
	}

	/* фид */
	.like-button__lottie {
		/* выключение анимаций */
		visibility: hidden !important;
	}
	.like-button__icon {
		/* выключение анимаций */
		visibility: visible !important;
	}
	.like-button {
		display: flex;
		flex-direction: row-reverse;
	}

	.like-button--active {
		margin-right: 0 !important;
	}

	.like-button__count {
		min-width: 9px;
		margin-left: 0;
		margin-right: var(--karma-margins);
	}

	.content-footer__item:has(button.like-button--action-like) {
		margin-right: 0;
		order: 3;
	}

	.content-footer__item:has(button.like-button--action-dislike) {
		margin-right: var(--karma-margins) !important;
	}

	.content-footer__item--right {
		margin-right: 20px !important;
		order: 2 !important;
	}

	.like-button--action-dislike {
		--like-color-text-hover: #f0303d;
		--like-color-background-hover: #e5545e;
		--like-color-active: #e65151;
	}

	.like-button--action-like {
		--like-color-text-hover: #3f904a;
		--like-color-background-hover: #479d52;
		--like-color-active: #479d52;
		margin-left: 0;
	}


	symbol#v_like > path {
		d: path("M4.4,13l5.4-5.9c0.1-0.1,0.3-0.1,0.4,0l5.4,5.8");
	}
	symbol#v_like_active > path {
		d: path("M4.4,13l5.4-5.9c0.1-0.1,0.3-0.1,0.4,0l5.4,5.8");
		fill: transparent;
		stroke: currentColor;
		stroke-linecap: round;
		stroke-linejoin: round;
		stroke-width: 1.5;
		scale: 1.2;
	}

	symbol#v_dislike > path {
		d: path("M15.6,7l-5.4,5.9c-0.1,0.1-0.3,0.1-0.4,0L4.4,7");
	}

	symbol#v_dislike_active > path {
		d: path("M15.6,7l-5.4,5.9c-0.1,0.1-0.3,0.1-0.4,0L4.4,7");
		fill: transparent;
		stroke: currentColor;
		stroke-linecap: round;
		stroke-linejoin: round;
		stroke-width: 1.5;
	}
}