Novo estilo para o WhatsApp by rodolfodeochang

/* ==UserStyle==
@name         Novo estilo para o WhatsApp
@version      20240329.01.14
@namespace    Sei lá também.
@description  Só isso mesmo...
@author       Chang
@license      Faz o que vc quisser kkk
==/UserStyle== */

@-moz-document url-prefix("https://web.whatsapp.com/") {
.two._1jJ70 {
	width: 100%;
	max-width: 100%;
	height: 100%;
	max-height: 100%;
	top: 0;
}

._2Ts6i._3RGKj {
	min-width: 0px !important;
	max-width: 75px !important;
	transition: 0.3s ease !important;
	transition-delay: var(--c-m-delay) !important;
}

._2Ts6i._3RGKj:hover {
	min-width: 500px !important;
	transition-delay: var(--c-m-hover) !important;
	flex: 0 0 30% !important;
}

html:not([dir = 'rtl']) .nzcjdldu {
	margin-left: 16px;
	display: none;
}

html[dir = ltr] ._2xAQV {
	transform-origin: left top;
	position: fixed;
	width: calc(100% - 75px);
	margin-left: 75px;
}

.Dvjym span ._1pJ9J:not(._2XH9R) {
	position: absolute;
	left: 13px;
	top: 40px;
	max-width: 100% !important;
}

.Dvjym span ._1pJ9J:not(._2XH9R) span {
	color: white;
	padding: 4px;
	width: 41px;
}

[data-icon = "pinned2"] {
	display: none !important;
}

[data-icon = "muted"] {
	display: none !important;
}

[data-icon = "mentions"] {
	width: 41px !important;
	height: 12px !important;
	display: block;
	position: relative;
	top: -42px;
	left: 35px;
	color: #00a884 !important;
}

html * {
	border-radius: 0px !important;
}

circle {
	display: none;
}


html[dir = ltr] ._7GVCb {
	padding-right: 57px;
	padding-left: 71px;
	display: flex;
	align-items: start;
}

html[dir = ltr] .message-out ._1kh65,
html[dir = ltr] .tail-override-right ._1kh65 {
	display: none !important;
}

html[dir] ._1-FMR._3Zpy8 {
	margin-bottom: 5px;
}

html[dir] ._1-FMR {
	margin-bottom: 5px;
}

html[dir = ltr] ._1qNn2 ._1nCcB {
	padding: 9px;
	border: 1px solid #202c33;
	background: #202c33;
}

._3mSPV {
	max-width: 50%;
}

.message-out {
	align-items: flex-start;
}

html[dir = ltr] .message-out .p0s8B,
html[dir = ltr] .tail-override-right .p0s8B {
	left: -8px;
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}

._1uv-a {
	max-width: 100%;
}

html[dir = ltr] ._2H6nH {
	position: absolute;
	left: 0px !important;
	bottom: 0;
}

html[dir = ltr] ._2H6nH span {
	position: absolute;
	left: 13px;
	bottom: 12px;
	display: flex;
	color: white !important;
	width: 49px;
	background: #00a884;
	height: 21px;
	justify-content: center;
	align-items: center;
	margin: 0px !important;
	padding: 0px !important;
}

html[dir=ltr] ._3z5ZI {
    margin-left: 0;
    left: 12px;
    display: inline-block;
    position: absolute;
    top: 49px;
    background: transparent;
}

._3WByx div {
    height: 59px !important;
    width: 75px !important;
    cursor: pointer !important;
    position: absolute !important;
    top: 0px !important;
    left: 0px !important;
    z-index: 999999 !important;
}

html:not([dir='rtl']) .b4u6kxhc {
    right: 6px;
}

.rwlvdxyg {
    align-self: flex-start;
}

}