metastream+ by ap0sentada

/* ==UserStyle==
@name         metastream+
@version      20250103.03.35
@namespace    metastream
@description  metastream com icone e uns negocio extra
@author       ap0sentada
@license      No License
==/UserStyle== */

@-moz-document domain("app.getmetastream.com") {
:root {
	--default-icon: url(https://static.vecteezy.com/system/resources/thumbnails/009/292/244/small/default-avatar-icon-of-social-media-user-vector.jpg) !important;
	--batata-icon: url(https://raw.githubusercontent.com/ap0sentada/themes-injection/refs/heads/main/icons/batata.png) !important;
	--batata-color: #be82ff !important;
}



@keyframes ShowMessage {
	from {
		transform: translateX(25px);
		opacity: 0;
	}
}


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"] {
	animation: ShowMessage .3s ease;
}

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;
}

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