.user-select-none{
	user-select: none;

	/* for Safari */
	-webkit-user-select: none;
}

.empty-display-none {
	&:empty {
		display: none;
	}
}

.no-elements-display-none {
	&:not(:has(*)) {
		display: none;
	}
}

.on-target-display-flex {
	& > * {
		display:none;

		&:first-child:not(:target):not(:has(~ :target)) { display: flex; }

		&:target{ display: flex; }
	}
}