𝕏𝕪𝕚𝕥𝕥𝕖𝕣 by ChezRD

/* ==UserStyle==
@name           𝕏𝕪𝕚𝕥𝕥𝕖𝕣
@namespace      github.com/openstyles/stylus
@version        1.0.2
@description    Twitter X update
@author         ChezRD
==/UserStyle== */
@-moz-document domain("twitter.com"),
domain("x.com") {

    header h1 > a[href = "/home"] > div > svg + span {
        display: inline-flex;
        height: 32px;
        font-size: 12px;
        align-items: end;
        color: rgb(29, 155, 240);
    }

    header h1 > a[href = "/home"] > div > svg + span:before {
        font-weight: 100;
        content: "𝕪𝕦𝕋𝕋𝕖𝕡";
        font-family: Arial;
    }

    @media screen and (min-width: 1295px) {
        header h1 > a[href = "/home"] > div > svg {
            margin-left: 13px;
        }

        header h1 > a[href = "/home"] > div > svg + span {
            font-size: 17px;
        }
    }

    @media screen and (min-width: 1040px) {
        header h1 > a[href = "/home"] {
            padding-right: 8px;
        }
    }

    @media screen and (min-width: 1040px) and (max-width: 1294px) {
        header h1 > a[href = "/home"] > div > svg {
            margin-left: -12px;
            margin-right: 2px;
        }
    }


    @media screen and (max-width: 1040px) {
        header h1 > a[href = "/home"] > div {
            flex-direction: column;
        }
        header h1 > a[href = "/home"] > div > svg + span {
            height: auto;
        }
    }

    header a[href = "/compose/post"] div span div span span {
        font-size: 0;
    }

    header a[href = "/compose/post"] div span div span span:before {
        content: "𝕏𝕪𝕦̆𝕀𝕀̶𝕪𝕋𝕓";
        line-height: inherit;
        text-align: center;
        font-size: 17px;
        /*         font-weight: 600; */
        font-family: Arial;
        font-weight: 100;
        vertical-align: middle;
    }

    [role = "button"][data-testid = "tweetButton"] div span span,
    [role = "button"][data-testid = "tweetButtonInline"] div span span {
        font-size: 0;
    }

    [role = "button"][data-testid = "tweetButton"] div span span:after,
    [role = "button"][data-testid = "tweetButtonInline"] div span span:after {
        content: "𝕏𝕪𝕦̆𝕀𝕀̶𝕪𝕋𝕓";
        display: inline;
        line-height: 24px;
        text-align: center;
        font-size: 14px;
        /*         font-weight: 600; */
        font-family: Arial;
        font-weight: 100;
        vertical-align: baseline;
    }

    [role = "menuitem"][data-testid = "unretweetConfirm"] div div span,
    [role = "menuitem"][data-testid = "retweetConfirm"] div div span {
        font-size: 0;
    }

    [role = "menuitem"][data-testid = "retweetConfirm"] div div span:before {
        content: "𝕟𝕖𝕡𝕖𝕩𝕪𝕦̆𝕀𝕀̶𝕪𝕋𝕓";
        font-size: 15px;
        line-height: 24px;
        /*         font-weight: 600; */
        font-family: Arial;
        font-weight: 100;
        vertical-align: bottom;
    }

    [role = "menuitem"][data-testid = "unretweetConfirm"] div div span:before {
        content: "𝕠𝕋𝕩𝕪𝕦̆𝕀𝕀̶𝕪𝕋𝕓";
        font-size: 15px;
        line-height: 24px;
        /*         font-weight: 600; */
        font-family: Arial;

        font-weight: 100;
        vertical-align: bottom;
    }

    [role = "menuitem"][data-testid $= "retweetConfirm"] ~ a[role = "menuitem"][href = "/compose/post"] div div span,
    [role = "menuitem"][data-testid $= "retweetConfirm"] ~ a[role = "menuitem"][href $= "/quotes"] div div span {
        font-size: 0;
    }

    [role = "menuitem"][data-testid $= "retweetConfirm"] ~ a[role = "menuitem"][href = "/compose/post"] div div span:before {
        content: "𝕩𝕪𝕦̆𝕀𝕀̶𝕪𝕋𝕓 𝕜𝔹𝕠𝕋";
        font-size: 15px;
        line-height: 24px;
        /*         font-weight: 600; */
        font-family: Arial;

        font-weight: 100;
        vertical-align: bottom;
    }

    [role = "menuitem"][data-testid $= "retweetConfirm"] ~ a[role = "menuitem"][href $= "/quotes"] div div span:before {
        content: "𝕜𝔹𝕠𝕋𝕠 𝕩𝕪𝕦̆𝕀𝕀̶𝕠𝕋𝕒";
        font-size: 15px;
        line-height: 24px;
        /*         font-weight: 600; */
        font-family: Arial;

        font-weight: 100;
        vertical-align: bottom;
    }
}