body {
    --font-emoji: "Joypixels", "Apple Color Emoji", "Noto Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Twemoji";
    --font-secondary: "Vazirmatn", "Nunito Variable", var(--font-emoji), sans-serif;
}

button:hover, [role="button"]:hover {
    transform: none;
}

/* bidi fix */
.layout_BubbleWrapper__1r9nvasv .layout_MessageTextBody__1r9nvas14 {
    direction: initial;
    unicode-bidi: plaintext;
    text-align: start;
    line-height: 1.4;
}
.layout_MessageBase__1r9nvase:has(.layout_BubbleWrapper__1r9nvasv) {
    padding-bottom: 0;
    margin-bottom: var(--_164xfge1r);
}
.layout_BubbleWrapper__1r9nvasv div.prxiv40._1mqalmd1._1mqalmd0.prxiv41.prxiv46.layout_BubbleContentRecipe__1r9nvas1d.layout_BubbleContentRecipe_variant_SurfaceVariant__1r9nvas1e.layout_BubbleContentArrowLeft__1r9nvasx button._1bv8u1w6._1mqalmd1._1mqalmd0._1bugis90._1bugis91._1bv8u1w9._1bv8u1wh._1bv8u1wf.cpipac2,
.layout_BubbleWrapper__1r9nvasv div.prxiv40._1mqalmd1._1mqalmd0.prxiv41.prxiv46.layout_BubbleContentRecipe__1r9nvas1d.layout_BubbleContentRecipe_variant_SurfaceVariant__1r9nvas1e.layout_BubbleContentArrowLeft__1r9nvasx button._1bv8u1w6._1mqalmd1._1mqalmd0._1bugis90._1bugis91._1bv8u1wa._1bv8u1wh._1bv8u1wf.cpipac2 {
    padding: 6px;
    background: #fff1;
    height: fit-content;
    border-radius: 10px;
}

/* editor */
div._4yxtfd2._1mqalmd1._1mqalmd0._4yxtfd5._4yxtfdb._4yxtfdf._4yxtfdi._4yxtfdd._4yxtfdm.Editor_EditorTextareaScroll__1a1o97c7.Editor_EditorTextareaScrollMultiline__1a1o97c8 div.Editor_EditorTextarea__1a1o97c9._1mqalmd1._1mqalmd0 {
    padding-right: 4px;
}

/* darker reply background */
.layout_BubbleWrapper__1r9nvasv div.prxiv40._1mqalmd1._1mqalmd0.prxiv41.prxiv44.prxiv41a.prxiv41k button.prxiv40._1mqalmd1._1mqalmd0.prxiv41.prxiv41a.prxiv41j.Reply_Reply__1ew384n2 {
    background-color: #16161160;
    border-radius: 6px;
    color: #75d0aa;
    margin-bottom: 6px;
    padding: 4px 10px;
    width: 100%;
    height: 100%;
    transition: transform 150ms ease;
}
div.prxiv40._1mqalmd1._1mqalmd0.prxiv41.prxiv46.prxiv41d div.prxiv40._1mqalmd1._1mqalmd0.prxiv41.prxiv44.prxiv41a.prxiv41k button.prxiv40._1mqalmd1._1mqalmd0.prxiv41.prxiv41a.prxiv41j._1en4l6y2:active {
    transform: scale(0.97);
}
.layout_BubbleWrapper__1r9nvasv button.prxiv40._1mqalmd1._1mqalmd0.prxiv41.prxiv41a.prxiv41j.Reply_Reply__1ew384n2 div.prxiv40._1mqalmd1._1mqalmd0.prxiv41.prxiv41a.prxiv41t:first-child,
.layout_BubbleWrapper__1r9nvasv button.prxiv40._1mqalmd1._1mqalmd0.prxiv41.prxiv41a.prxiv41j.Reply_Reply__1ew384n2 div.prxiv40._1mqalmd1._1mqalmd0.prxiv41.prxiv41a.prxiv41t svg._19nrl2w0._1mqalmd1._1mqalmd0.cpipac8 {
    display: none;
}

/* reactions style change */
div.prxiv40._1mqalmd1._1mqalmd0.prxiv41.prxiv46.prxiv41d div.prxiv40._1mqalmd1._1mqalmd0.prxiv41.prxiv4a.prxiv41k.styles_ReactionsContainer__1op8o8v9 {
    margin-top: 6px !important;
}
div.prxiv40._1mqalmd1._1mqalmd0.prxiv41.prxiv46.prxiv41d div.prxiv40._1mqalmd1._1mqalmd0.prxiv41.prxiv4a.prxiv41k.styles_ReactionsContainer__1op8o8v9 button.prxiv40._1mqalmd1._1mqalmd0.prxiv41.prxiv41a.prxiv41k.prxiv41t.Reaction_Reaction__1ofy2965._1bugis90 {
    background: #aaa1;
    border-radius: 8px;
    gap: 4px;
}
div.prxiv40._1mqalmd1._1mqalmd0.prxiv41.prxiv46.prxiv41d div.prxiv40._1mqalmd1._1mqalmd0.prxiv41.prxiv4a.prxiv41k.styles_ReactionsContainer__1op8o8v9 button.prxiv40._1mqalmd1._1mqalmd0.prxiv41.prxiv41a.prxiv41k.prxiv41t.Reaction_Reaction__1ofy2965._1bugis90[aria-pressed="true"] {
    background: #393360;
    border-color: #7973a0;
}

/* music player and files */
.layout_BubbleWrapper__1r9nvasv .Attachment_Attachment_outlined_true__uox78s1,
.layout_BubbleWrapper__1r9nvasv .Attachment_AttachmentContent__uox78s4 {
    box-shadow: none;
    padding: 0;
}
.layout_BubbleWrapper__1r9nvasv .Attachment_AttachmentHeader__uox78s2 {
	padding: var(--_164xfge1r) 0;
}
.layout_BubbleWrapper__1r9nvasv .Attachment_Attachment_outlined_true__uox78s1  span._13qe89m6._1mqalmd1._1mqalmd0._1bugis90._1bugis91._13qe89m8._13qe89mc._13qe89mg.cpipac5._13qe89mj {
    background: none;
    outline: none;
}
.layout_BubbleWrapper__1r9nvasv div.prxiv40._1mqalmd1._1mqalmd0.prxiv41.prxiv41a.prxiv41q.prxiv41s button._1bv8u1w6._1mqalmd1._1mqalmd0._1bugis90._1bugis91._1bv8u1wb._1bv8u1wh._1bv8u1wf.cpipac2 {
    border-radius: 8px;
}

/* mentions background */
div.prxiv40._1mqalmd1._1mqalmd0.prxiv41.prxiv46.prxiv41d div._1xny9xl0._1mqalmd1._1mqalmd0._1xny9xla._1xny9xlp.layout_MessageTextBody__1r9nvas14.layout_MessageTextBody_jumboEmoji_none__1r9nvas16 a.CustomHtml_Mention__1t9vo33g._1mqalmd1._1mqalmd0 {
    background-color: #ccc5;
    color: white;
    font-weight: 700;
    border-radius: 6px;
    font-size: 0.90em;
    border: none;
}

.cinny-dark-theme {
    --sable-bg-container: #1a1a1a;
    --sable-bg-container-hover: #262626;
    --sable-bg-container-active: #333333;
    --sable-bg-container-line: #404040;
    --sable-bg-on-container: #f2f2f2;
    --sable-surface-container: #262626;
    --sable-surface-container-hover: #333333;
    --sable-surface-container-active: #404040;
    --sable-surface-container-line: #4d4d4d;
    --sable-surface-on-container: #f2f2f2;
    --sable-surface-var-container: #333333;
    --sable-surface-var-container-hover: #404040;
    --sable-surface-var-container-active: #4d4d4d;
    --sable-surface-var-container-line: #595959;
    --sable-surface-var-on-container: #f2f2f2;
    --sable-primary-main: #bdb6ec;
    --sable-primary-main-hover: #b2aae9;
    --sable-primary-main-active: #ada3e8;
    --sable-primary-main-line: #a79de6;
    --sable-primary-on-main: #2c2843;
    --sable-primary-container: #3a3a3a;
    --sable-primary-container-hover: #494370;
    --sable-primary-container-active: #50497b;
    --sable-primary-container-line: #575086;
    --sable-primary-on-container: #e3e1f7;
    --sable-sec-main: #ffffff;
    --sable-sec-main-hover: #e5e5e5;
    --sable-sec-main-active: #d9d9d9;
    --sable-sec-main-line: #cccccc;
    --sable-sec-on-main: #1a1a1a;
    --sable-sec-container: #404040;
    --sable-sec-container-hover: #4d4d4d;
    --sable-sec-container-active: #595959;
    --sable-sec-container-line: #666666;
    --sable-sec-on-container: #f2f2f2;
    --sable-success-main: #85e0ba;
    --sable-success-main-hover: #70dbaf;
    --sable-success-main-active: #66d9a9;
    --sable-success-main-line: #5cd6a3;
    --sable-success-on-main: #0f3d2a;
    --sable-success-container: #175c3f;
    --sable-success-container-hover: #1a6646;
    --sable-success-container-active: #1c704d;
    --sable-success-container-line: #1f7a54;
    --sable-success-on-container: #ccf2e2;
    --sable-warn-main: #e3ba91;
    --sable-warn-main-hover: #dfaf7e;
    --sable-warn-main-active: #dda975;
    --sable-warn-main-line: #daa36c;
    --sable-warn-on-main: #3f2a15;
    --sable-warn-container: #5e3f20;
    --sable-warn-container-hover: #694624;
    --sable-warn-container-active: #734d27;
    --sable-warn-container-line: #7d542b;
    --sable-warn-on-container: #f3e2d1;
    --sable-crit-main: #e69d9d;
    --sable-crit-main-hover: #e28d8d;
    --sable-crit-main-active: #e08585;
    --sable-crit-main-line: #de7d7d;
    --sable-crit-on-main: #401c1c;
    --sable-crit-container: #602929;
    --sable-crit-container-hover: #6b2e2e;
    --sable-crit-container-active: #763333;
    --sable-crit-container-line: #803737;
    --sable-crit-on-container: #f5d6d6;
    --sable-focus-ring: rgba(255, 255, 255, .5);
    --sable-shadow: rgba(0, 0, 0, 1);
    --sable-overlay: rgba(0, 0, 0, .8);
}
