Screen Height Chatbox by Mike

/* ==UserStyle==
@name           Screen Height Chatbox
@namespace      github.com/openstyles/stylus
@version        21-10-24
@description    chatbox covers entire screen height
@author         Mike
@preprocessor   uso

/*preprocessor variables*\/
@var range chat-height "Chat Height" 100
@var number chat-width "Chat Width" 24
@var number chat-pos-x "Chat Position X" 0
@var number chat-pos-y "Chat Position Y" 0
@var number settings-pos-x "Settings Position X" 10
@var number settings-pos-y "Settings Position Y" 1
@advanced dropdown chat-padding-toggle "Chat Padding Toggle (needed to prevent bugs if increasing chat width)" {
ba "Off*" <<<EOT EOT;
bb "On" <<<EOT
#chat-container{
    padding-right: var(--chat-padding)
}EOT;}
@var number chat-padding "Chat Padding Amount" 3
==/UserStyle== */

@-moz-document url-prefix("https://web.simple-mmo.com/") {
    :root{
        --chat-padding: /*[[chat-padding]]*/rem
    }
    /*[[chat-padding-toggle]]*/
    #chatBox {
        height: /*[[chat-height]]*/%;
        margin-bottom: /*[[chat-pos-y]]*/rem;
        width: /*[[chat-width]]*/rem;
        margin-right:/*[[chat-pos-x]]*/rem;
        padding:0rem
    }
    #smmo-chat{
        position:absolute
    }
    #show_hide_chat_btn {
        margin-bottom: 61.3rem;
        margin-right: 4rem
    }

    div[class="absolute right-0 top-0 mr-2 mt-2"]{
        margin-right: /*[[settings-pos-x]]*/rem;
        margin-top: /*[[settings-pos-y]]*/rem
    }
}