Catppuccin Mocha WhatsApp by frNNcs

/* ==UserStyle==
@name           Catppuccin Mocha WhatsApp
@namespace      USO Archive
@author         Francisco Etcheverri
@description    `Catppuccin Mocha WhatsApp inspired. frnncs@gmail.com`
@version        1.0.0
@license        NO-REDISTRIBUTION
@preprocessor   uso
==/UserStyle== */
@-moz-document url(https://web.whatsapp.com/){
.f6ipylw5,
.g6kkip0l,
.hpebpoc7,
.lkjmyc96,
.se2m7z6i,
html[dir] .NQl4z,
html[dir] ._199zF,
html[dir] ._1UABU,
html[dir] ._23P3O,
html[dir] ._2gZs6,
html[dir] ._2lSWV,
html[dir] ._3fGK2,
html[dir] ._3wQ5i {
    background-color: #0f1013
}

html[dir] ._3wQ5i {
    padding: 0 12px
}

html[dir] ._2vDPL {
    background-color: #242629 !important;
    border-radius: 8px
}

.app-wrapper-web ._1jJ70 {
    top: 0;
    width: calc(100%);
    max-width: 100%;
    height: inherit
}

.two ._3RGKj {
    max-width: 500px !important
}

.rrq4r3yd,
html[dir] ._199zF:hover,
html[dir] .message-in .ItfyB,
html[dir] .message-out ._1EbXp {
    background-color: #2b2d3a
}

html[dir] ._199zF._2IMPQ {
    background-color: #323442
}

.bntscc16,
.jht8oeb6,
.s0eflmyh,
html[dir] .message-in ._1EbXp,
html[dir] .message-out .ItfyB,
html[dir] body.dark {
    background-color: #16171f
}

html[dir] ._3Uu1_ {
    background-color: #242629;
    border: none
}

.message-out ._1kh65 {
    color: #b0b2c5
}

html[dir=ltr] ._2T2Kt._1bGUW,
html[dir=ltr] ._2T2Kt.vBu41 {
    background: 0 0
}

.message-in ._1kh65 {
    color: #2b2d3a
}

html[dir] ._64p9P {
    background-color: #0f1013
}

html[dir] ._1Yy5A {
    background-color: #2b2d3a80
}

html[dir] ._3hM62 {
    background-color: rgba(0, 0, 0, 0.75)
}

.fvb4mgxr {
    background-color: #191a21
}

html[dir] body.dark {
    background-image: none
}
}