@font-face {
	font-family: Diaspora;
	src: url("../fonts/Diaspora-Regular.otf") format("opentype");
	font-weight: normal;
	font-style: normal;
}

body {
	cursor: none !important;
}

@media screen and (max-width: 640px) {
	body {
		cursor: default !important;
	}

	.cursor {
		display: none !important;
	}
}

.cursor {
	pointer-events: none;

	&:has(~ .tm-page > .tm-header #tm-dialog.uk-open) {
		z-index: 99999999;

		> .cursor-pointer {
			background-color: black;
		}

		> .cursor-ball {
			border-color: black;
		}
	}

	&.cursor-hidden {
		display: none !important;
	}

	&.cursor-active {
		z-index: 99999999;

		> .cursor-pointer {
			background-color: white;
		}

		> .cursor-ball {
			background-color: rgba(199, 136, 96, .5) !important;
			border-color: rgba(199, 136, 96, .5) !important;
			background-clip: content-box;
		}
	}

	&.cursor-reverse {
		z-index: 99999999;

		> .cursor-pointer {
			background-color: black;
		}

		> .cursor-ball {
			border-color: black;
		}
	}

	> .cursor-pointer {
		background-color: white;
		border-radius: 50%;
		z-index: 99999999;
		position: fixed;
		height: 10px;
		width: 10px;
		left: 0;
		top: 0;
	}

	> .cursor-ball {
		border: 1px solid white;
		border-radius: 50%;
		z-index: 99999999;
		position: fixed;
		height: 80px;
		width: 80px;
		left: 0;
		top: 0;
	}
}

.nav-desktop .el-link {
	width: fit-content;
	margin: 0 auto;
}