/*
 * Курсор-кружок (assets/js/kursor.js). Перенесён из legacy.css вместе
 * со скриптом из «своего кода» Elementor Pro — вид прежний: белый круг
 * 20 px, инверсия цвета под собой, над ссылкой в 1.4 раза крупнее.
 * Положение — переменными через transform, а не left/top: так браузер
 * не пересчитывает раскладку страницы на каждом кадре.
 */
.ssc-kursor {
	--ssc-kursor-x: -100px;
	--ssc-kursor-y: -100px;
	--ssc-kursor-mashtab: 1;
	background: #ffffff;
	block-size: 20px;
	border-radius: 50%;
	inline-size: 20px;
	inset-block-start: 0;
	inset-inline-start: 0;
	mix-blend-mode: difference;
	opacity: 0;
	pointer-events: none;
	position: fixed;
	transform: translate(var(--ssc-kursor-x), var(--ssc-kursor-y)) translate(-50%, -50%) scale(var(--ssc-kursor-mashtab));
	transition: opacity 0.2s ease, --ssc-kursor-mashtab 0.25s ease;
	z-index: 2147483647;
}

.ssc-kursor.is-vidno {
	opacity: 1;
}

.ssc-kursor.is-ssylka {
	--ssc-kursor-mashtab: 1.4;
}

@property --ssc-kursor-mashtab {
	inherits: false;
	initial-value: 1;
	syntax: "<number>";
}