Hide verified users on nitter by ReddStrider

/* ==UserStyle==
@name         Hide verified users on nitter
@version      20241023.02.40
@namespace    https://userstyles.world/user/RedStrider
@description  Never see a bad take from a verified user again!
@author       RedStrider
@license      MIT
==/UserStyle== */

@-moz-document domain("nitter.poast.org"), domain("xcancel.com"), domain("nitter.privacydev.net") {
#r > div:has(.verified-icon) {
	opacity: 25%;
	transition: opacity .2s ease-in-out;
}

#r > div:has(.verified-icon) > .timeline-item {
	padding-top: 0px;
	padding-bottom: 0px;

	transition: padding .2s ease-in-out;
}

#r > div:has(.verified-icon) .tweet-stats {
	display: none;
}

#r > div:has(.verified-icon) .attachment,
#r > div:has(.verified-icon) .replying-to,
#r > div:has(.verified-icon) .fullname {
	display: none;
}

#r > div:has(.verified-icon) .tweet-content,
#r > div:has(.verified-icon) .quote-text {
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;

	color: transparent;
	background-color: var(--fg_color);

	padding: 0px;

	margin-top: 3px;
	margin-bottom: 3px;

	transition: .2s ease-in-out;
}

#r > div:has(.verified-icon) .tweet-content > *,
#r > div:has(.verified-icon) .tweet-date{
	transition: opacity .2s ease-in-out;

	opacity: 0%;
}

#r > div:has(.verified-icon) .avatar {
	width: 24px;
	height: 24px;
	margin-left: 0px;
	transition: .5s ease-in-out;
}


.tweet-name-row:has(.verified-icon){
	background-color:#3e66c57a;
	padding:2px;
	border-radius:2px;
}

/* Show if the user hovers */
#r > div:has(.verified-icon):hover {
	opacity: 100%;
}

#r > div:has(.verified-icon):hover > .timeline-item {
	padding: .75em;
}

#r > div:has(.verified-icon):hover .tweet-stats {
	display: flex;
}

#r > div:has(.verified-icon):hover .attachment,
#r > div:has(.verified-icon):hover .replying-to,
#r > div:has(.verified-icon):hover .fullname {
	display: revert;
}

#r > div:has(.verified-icon):hover .tweet-content,
#r > div:has(.verified-icon):hover .quote-text {
	color: var(--fg_color);
	background-color: revert;
}

#r > div:has(.verified-icon):hover .tweet-content > *,
#r > div:has(.verified-icon):hover .tweet-date{
	opacity: 100%;
}

#r > div:has(.verified-icon):hover .avatar:not(.mini) {
	float: left;
	margin-top: 3px;
	margin-left: -58px;
	width: 48px;
	height: 48px;
}
}