metastream+ by ap0sentada

/* ==UserStyle==
@name         metastream batata
@namespace    USO Archive
@author       Akihiko Tsukiyama
@description  metastream com uns coiso ai
@version      20250103.01.43
@license      NONE
@preprocessor uso
==/UserStyle== */
@-moz-document domain("app.getmetastream.com") {
:root {
	--default-icon: url(https://app.getmetastream.com/assets/avatars/alisa-aydin_luna-zoom.png) !important;
	
	--batata-icon: url(https://raw.githubusercontent.com/ap0sentada/themes-injection/refs/heads/main/icons/batata.png) !important;
	--batata-color: #ff8f76 !important;
	--perona-icon: url(https://raw.githubusercontent.com/ap0sentada/themes-injection/refs/heads/main/icons/perona.png) !important;
	--perona-color: #299adb !important;
}


span[title]:before {
	width: 40px !important;
	height: 40px !important;
	border-radius: 100% !important;
	display: inline-block !important;
	overflow: hidden;
	content: " ";
	margin-right: .4rem;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-image: var(--default-icon);
}

figure img {
	opacity: 0;
}

figure div:after {
	content: " ";
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	width: 40px;
	height: 40px;
	background-image: var(--default-icon);
	z-index: 99;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 50%;
}

li[class^="Chat__message"] {
	display: flex;
	flex-wrap: wrap;
}

span[title],
time {
	flex: 0 0 auto;
}
span[title] {
	order: 1;
	display: flex;
	align-content: flex-start;
	margin-right: 4px;
}
time {
	order: 2;
	display: flex;
	transform: translateY(.2rem);
}
li span[class=""] {
	width: 100%;
	order: 3;
	margin-left: calc(0.5rem + 40px);
	transform: translatey(-1.1rem);
}

/* [class^="GameLobby__playbackControls_"] {
	backdrop-filter: blur(20px) !important;
} */

[class^="Chat__broadcast"] span[title]:before {
	width: 1rem !important;
	height: 1rem !important;
}
[class^="Chat__broadcast"] {
	margin-left: calc(0.5rem + 40px);
}
li[class^="Chat__message"]:has(> [class^="Chat__broadcast"]) {
	time {
		order: 0;
	}
	span {
		margin-left: 0px;
		display: flex;
	}
	margin-bottom: 1rem;
	background: #8a8aff42;
	padding: 5px 5px;
}

span[class^="Chat__broadcast"]:has(> span[class^="Chat__username"]:nth-of-type(1) + span[class^="Chat__username"]) {
	span[class^="Chat__username"]:nth-of-type(1) {
		order: 0;
	}
	span[class^="Chat__username"]:nth-of-type(1)::before {
		display: none !important;
	}
	span[class^="Chat__username"]:nth-of-type(2) {
		order: 2;
	}
	span[class^="Chat__username"]:nth-of-type(2)::before {
		display: none !important;
	}
}
span[class^="Chat__broadcast"]:has(> span[class^="Chat__username"]):not(:has(> span[class^="Chat__username"] + span[class^="Chat__username"])) {
	span[class^="Chat__username"] {
		order: 0;
	}
}

li[class^="Chat__message"]:has(> span[class^="Chat__broadcast"] > span[class^="Chat__username"]:nth-of-type(1) + span[class^="Chat__username"]) {
	time {
		width: 100%;
		margin-bottom: .3rem;
	}
}
li[class^="Chat__message"]:has(> span[class^="Chat__broadcast"] > span[class^="Chat__username"]):not(:has(> span[class^="Chat__broadcast"] > span[class^="Chat__username"] + span[class^="Chat__username"])) {
	time {
		width: 100%;
		margin-bottom: .5rem;
	}
}
[class^="PanelHeader__tagline"] {
	border-radius: 100%;
}
[class^="WebBrowser__donateBar"] {
	display: none !important;
}









/* batata */
[title="0d003989e0b366c81dfd9ee76f38152a1d2f11742f3ee3e57b8a3c9ef6f50209"] {
	color: var(--batata-color) !important;
}
figure[data-user="0d003989e0b366c81dfd9ee76f38152a1d2f11742f3ee3e57b8a3c9ef6f50209"] div:after,
[title="0d003989e0b366c81dfd9ee76f38152a1d2f11742f3ee3e57b8a3c9ef6f50209"]:before {
	background-image: var(--batata-icon) !important;
}
/* perona */
[title="89524e50f71462d2fb2109fb989b5afe610a2972841bbef4291c851df104e03d"] {
	color: var(--perona-color) !important;
}
figure[data-user="89524e50f71462d2fb2109fb989b5afe610a2972841bbef4291c851df104e03d"] div:after,
[title="89524e50f71462d2fb2109fb989b5afe610a2972841bbef4291c851df104e03d"]:before {
	background-image: var(--perona-icon) !important;
}
}