<!DOCTYPE html><html lang="en">
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="initial-scale=1, width=device-width" />
        <link rel="stylesheet" href="./assets/css/fonts.css"/>
        <link rel="stylesheet" href="./assets/css/style.css"/>
        <link rel="stylesheet" href="./assets/css/config.css"/>
        <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
        <title>Hud</title>
    </head>
    <body>
        <!-- <img src="assets/img/bg.png" style="position: absolute; width: 100%; height: 100%;"> -->
        <div class="hud">
            <div class="top-right-container">
                <div class="top-right-blur"></div>
                <div class="server-stats">
                    <div class="server-data" id="data_online">
                        <div class="server-data-txts">
                            <p class="server-data-name">ONLINE</p>
                            <p id="online" class="server-data-value">0</p>
                        </div>
                        <div class="info-data-box">
                            <div class="info-data-box-line"></div>
                            <div class="info-data-icon-box">
                                <svg fill=none height=1.48vh viewBox="0 0 20 16"width=1.85vh xmlns=http://www.w3.org/2000/svg><path d="M20 14.5625C20 14.8111 19.9042 15.0496 19.7337 15.2254C19.5632 15.4012 19.332 15.5 19.0909 15.5H8.18182C7.94071 15.5 7.70948 15.4012 7.53899 15.2254C7.36851 15.0496 7.27273 14.8111 7.27273 14.5625C7.27273 13.0707 7.8474 11.6399 8.87033 10.585C9.89325 9.53013 11.2806 8.9375 12.7273 8.9375H14.5455C15.9921 8.9375 17.3795 9.53013 18.4024 10.585C19.4253 11.6399 20 13.0707 20 14.5625ZM13.6364 0.5C12.9172 0.5 12.2141 0.719934 11.6161 1.13199C11.0181 1.54404 10.552 2.12971 10.2768 2.81494C10.0016 3.50016 9.92956 4.25416 10.0699 4.98159C10.2102 5.70902 10.5565 6.3772 11.0651 6.90165C11.5736 7.4261 12.2216 7.78325 12.9269 7.92795C13.6323 8.07264 14.3635 7.99838 15.0279 7.71455C15.6924 7.43072 16.2603 6.95007 16.6599 6.33339C17.0595 5.7167 17.2727 4.99168 17.2727 4.25C17.2727 3.25544 16.8896 2.30161 16.2077 1.59835C15.5257 0.895088 14.6008 0.5 13.6364 0.5ZM5.45455 0.5C4.73534 0.5 4.03229 0.719934 3.43429 1.13199C2.83629 1.54404 2.37021 2.12971 2.09498 2.81494C1.81976 3.50016 1.74774 4.25416 1.88805 4.98159C2.02836 5.70902 2.37469 6.3772 2.88325 6.90165C3.3918 7.4261 4.03974 7.78325 4.74513 7.92795C5.45051 8.07264 6.18166 7.99838 6.84612 7.71455C7.51058 7.43072 8.0785 6.95007 8.47807 6.33339C8.87764 5.7167 9.09091 4.99168 9.09091 4.25C9.09091 3.25544 8.70779 2.30161 8.02584 1.59835C7.34389 0.895088 6.41897 0.5 5.45455 0.5ZM5.45455 14.5625C5.45319 13.5778 5.64132 12.6025 6.00804 11.6933C6.37476 10.7841 6.91277 9.95891 7.59091 9.26563C7.03594 9.04955 6.44775 8.9384 5.85455 8.9375H5.05455C3.71474 8.93998 2.43049 9.48995 1.4831 10.4669C0.535706 11.4439 0.00240325 12.7683 0 14.15V14.5625C0 14.8111 0.0957789 15.0496 0.266267 15.2254C0.436754 15.4012 0.667985 15.5 0.909091 15.5H5.61818C5.51234 15.1994 5.457 14.8823 5.45455 14.5625Z"fill=white /></svg>
                            </div>
                        </div>
                    </div>
                    <div class="server-data" id="data_source">
                        <div class="server-data-txts">
                            <p class="server-data-name">ID</p>
                            <p id="source" class="server-data-value">0</p>
                        </div>
                        <div class="info-data-box">
                            <div class="info-data-box-line"></div>
                            <div class="info-data-icon-box">
                                <svg fill=none height=1.67vh viewBox="0 0 16 18"width=1.48vh xmlns=http://www.w3.org/2000/svg><path d="M7.99951 0.599548C5.5489 0.599548 3.55518 2.58681 3.55518 5.02947C3.55518 7.47212 5.5489 9.45939 7.99951 9.45939C10.4501 9.45939 12.4438 7.47212 12.4438 5.02947C12.4438 2.58681 10.4501 0.599548 7.99951 0.599548Z"fill=white /><path d="M13.5296 12.3534C12.3129 11.122 10.6998 10.4438 8.98763 10.4438H7.01237C5.30021 10.4438 3.68715 11.122 2.47039 12.3534C1.25959 13.5788 0.592773 15.1964 0.592773 16.9082C0.592773 17.18 0.813871 17.4004 1.08659 17.4004H14.9134C15.1861 17.4004 15.4072 17.18 15.4072 16.9082C15.4072 15.1964 14.7404 13.5788 13.5296 12.3534Z"fill=white /></svg>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="top-right-right-infos">
                    <div class="server-names">
                        <p class="prim-server-name">LOCO</p>
                        <p class="sec-server-name">CITY</p>
                    </div>
                    <div class="user-money-black">
                        <div class="user-datas-money">
                            <div class="user-money money">
                                <div class="info-data-box">
                                    <div class="info-data-box-line"></div>
                                    <div class="info-data-icon-box">
                                        <svg fill=none height=1.67vh viewBox="0 0 18 18"width=18 xmlns=http://www.w3.org/2000/svg><path d="M15.3536 11.89C15.1836 13.7813 13.8165 15.0209 11.8332 15.0209H5.45817C3.50317 15.0209 1.9165 13.4342 1.9165 11.4792V6.52085C1.9165 4.59419 3.07817 3.24835 4.88442 3.02169C5.06859 2.99335 5.25984 2.97919 5.45817 2.97919H11.8332C12.0173 2.97919 12.1944 2.98627 12.3644 3.0146C14.0573 3.21294 15.2048 4.39585 15.3536 6.11002C15.3748 6.31544 15.2048 6.48544 14.9994 6.48544H13.9015C13.2215 6.48544 12.5911 6.74752 12.1378 7.21502C11.5994 7.73919 11.3303 8.47585 11.394 9.21252C11.5073 10.5017 12.6407 11.5146 13.9865 11.5146H14.9994C15.2048 11.5146 15.3748 11.6846 15.3536 11.89Z"fill=white /><path d="M16.0833 8.27041V9.72958C16.0833 10.1192 15.7717 10.4379 15.375 10.4521H13.9867C13.2217 10.4521 12.5204 9.8925 12.4567 9.1275C12.4142 8.68125 12.5842 8.26333 12.8817 7.97291C13.1437 7.70375 13.505 7.54791 13.9017 7.54791H15.375C15.7717 7.56208 16.0833 7.88083 16.0833 8.27041Z"fill=white /></svg>
                                    </div>
                                </div>
                                <p id="money_money" class="user-money-value">0$</p>
                            </div>
                            <div class="user-money bank">
                                <div class="info-data-box">
                                    <div class="info-data-box-line"></div>
                                    <div class="info-data-icon-box">
                                        <svg fill=none height=1.67vh viewBox="0 0 18 18"width=18 xmlns=http://www.w3.org/2000/svg><g id=vuesax/bold/cards><g id=cards><path d="M11.2807 5.13959H4.594C4.39567 5.13959 4.2115 5.14667 4.0415 5.15375C2.36275 5.25292 1.9165 5.86917 1.9165 7.78167V8.1925C1.9165 8.58209 2.23525 8.90084 2.62484 8.90084H13.2498C13.6394 8.90084 13.9582 8.58209 13.9582 8.1925V7.78167C13.9582 5.67084 13.4198 5.13959 11.2807 5.13959Z"fill=white id=Vector /><path d="M2.62484 9.96332C2.23525 9.96332 1.9165 10.2821 1.9165 10.6717V12.7329C1.9165 14.8437 2.45484 15.375 4.594 15.375H11.2807C13.3844 15.375 13.9369 14.865 13.9582 12.8462V10.6717C13.9582 10.2821 13.6394 9.96332 13.2498 9.96332H2.62484ZM5.42984 13.6467H4.21859C3.92817 13.6467 3.68734 13.4058 3.68734 13.1154C3.68734 12.825 3.92817 12.5842 4.21859 12.5842H5.43692C5.72734 12.5842 5.96817 12.825 5.96817 13.1154C5.96817 13.4058 5.72734 13.6467 5.42984 13.6467ZM9.38942 13.6467H6.95275C6.66234 13.6467 6.4215 13.4058 6.4215 13.1154C6.4215 12.825 6.66234 12.5842 6.95275 12.5842H9.38942C9.67984 12.5842 9.92067 12.825 9.92067 13.1154C9.92067 13.4058 9.68692 13.6467 9.38942 13.6467Z"fill=white id=Vector_2 /><path d="M16.0831 9.94207V6.2304C16.0831 4.01332 14.8152 3.04999 12.9027 3.04999H6.57731C6.03898 3.04999 5.55731 3.1279 5.13231 3.29082C4.7994 3.41124 4.5019 3.58832 4.26106 3.82207C4.13356 3.94249 4.23273 4.14082 4.4169 4.14082H12.1165C13.7102 4.14082 14.9994 5.42999 14.9994 7.02374V12.1025C14.9994 12.2796 15.1906 12.3787 15.3181 12.2512C15.8069 11.7342 16.0831 10.9762 16.0831 9.94207Z"fill=white id=Vector_3 /></g></g></svg>
                                    </div>
                                </div>
                                <p id="bank_money" class="user-money-value">0$</p>
                            </div>
                        </div>
                        <div class="user-money black" style="display: none;">
                            <div class="info-data-box">
                                <div class="info-data-box-line"></div>
                                <div class="info-data-icon-box">
                                    <svg fill=none height=1.67vh viewBox="0 0 18 18"width=1.67vh xmlns=http://www.w3.org/2000/svg><g id=vuesax/bold/cards><g id=cards><path d="M11.2807 5.13959H4.594C4.39567 5.13959 4.2115 5.14667 4.0415 5.15375C2.36275 5.25292 1.9165 5.86917 1.9165 7.78167V8.1925C1.9165 8.58209 2.23525 8.90084 2.62484 8.90084H13.2498C13.6394 8.90084 13.9582 8.58209 13.9582 8.1925V7.78167C13.9582 5.67084 13.4198 5.13959 11.2807 5.13959Z"fill=white id=Vector /><path d="M2.62484 9.96332C2.23525 9.96332 1.9165 10.2821 1.9165 10.6717V12.7329C1.9165 14.8437 2.45484 15.375 4.594 15.375H11.2807C13.3844 15.375 13.9369 14.865 13.9582 12.8462V10.6717C13.9582 10.2821 13.6394 9.96332 13.2498 9.96332H2.62484ZM5.42984 13.6467H4.21859C3.92817 13.6467 3.68734 13.4058 3.68734 13.1154C3.68734 12.825 3.92817 12.5842 4.21859 12.5842H5.43692C5.72734 12.5842 5.96817 12.825 5.96817 13.1154C5.96817 13.4058 5.72734 13.6467 5.42984 13.6467ZM9.38942 13.6467H6.95275C6.66234 13.6467 6.4215 13.4058 6.4215 13.1154C6.4215 12.825 6.66234 12.5842 6.95275 12.5842H9.38942C9.67984 12.5842 9.92067 12.825 9.92067 13.1154C9.92067 13.4058 9.68692 13.6467 9.38942 13.6467Z"fill=white id=Vector_2 /><path d="M16.0831 9.94207V6.2304C16.0831 4.01332 14.8152 3.04999 12.9027 3.04999H6.57731C6.03898 3.04999 5.55731 3.1279 5.13231 3.29082C4.7994 3.41124 4.5019 3.58832 4.26106 3.82207C4.13356 3.94249 4.23273 4.14082 4.4169 4.14082H12.1165C13.7102 4.14082 14.9994 5.42999 14.9994 7.02374V12.1025C14.9994 12.2796 15.1906 12.3787 15.3181 12.2512C15.8069 11.7342 16.0831 10.9762 16.0831 9.94207Z"fill=white id=Vector_3 /></g></g></svg>
                                </div>
                            </div>
                            <p id="black_money" class="user-money-value">0$</p>
                        </div>
                    </div>
                    <div class="user-weapon-data" style="display: none;">
                        <div class="weapon-datas">
                            <p class="weapon-ammo">0</p>
                            <p class="weapon-ammo-max">0</p>
                        </div>
                        <div class="info-data-box">
                            <div class="info-data-box-line"></div>
                            <div class="info-data-icon-box">
                                <svg fill=none height=1.67vh viewBox="0 0 18 18"width=1.67vh xmlns=http://www.w3.org/2000/svg><path d="M16.6325 1.50396C16.6229 1.43982 16.5684 1.38528 16.5042 1.37567C14.8203 1.07737 13.2261 1.52322 11.7603 2.69396C11.5582 2.85434 11.3497 3.03717 11.1412 3.23604C10.9648 3.40284 10.7852 3.59207 10.5991 3.80057L14.2076 7.40906C14.4161 7.22302 14.6053 7.0434 14.7721 6.86699C14.9999 6.62321 15.1699 6.43397 15.3142 6.24793C16.485 4.78208 16.9308 3.18792 16.6325 1.50396Z"fill=white /><path d="M2.4582 11.457C2.39726 11.396 2.29142 11.396 2.23048 11.457L1.32595 12.3647C1.26179 12.4289 1.26179 12.5283 1.32595 12.5924L5.39954 16.666C5.42839 16.6981 5.47009 16.7141 5.51179 16.7141C5.5567 16.7141 5.59519 16.6981 5.62726 16.666L6.535 15.7615C6.59595 15.6973 6.59595 15.5947 6.535 15.5338L2.4582 11.457Z"fill=white /><path d="M3.23132 10.4562C3.17038 10.5204 3.17038 10.6198 3.23132 10.684L3.43982 10.8924L2.89453 11.4377L6.55433 15.0975L7.09829 14.5509L7.3081 14.7607C7.33698 14.7896 7.37868 14.8056 7.42038 14.8056C7.46529 14.8056 7.50378 14.7896 7.53584 14.7607L13.1745 9.11939L8.87137 4.81616L3.23132 10.4562Z"fill=white /><path d="M10.1307 3.78451C10.0698 3.72678 9.96395 3.72678 9.90301 3.78451L9.09814 4.58937L13.4012 8.89255L14.2043 8.08903C14.2685 8.02488 14.2685 7.92545 14.2043 7.86129L10.1307 3.78451Z"fill=white /></svg>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="mic-funk-container">
                <div class="mic-funk-box">
                    <div class="info-data-box">
                        <div class="info-data-box-line"></div>
                        <div class="info-data-icon-box">
                            <svg fill=none height=1.85vh viewBox="0 0 20 20"width=1.85vh xmlns=http://www.w3.org/2000/svg><path d="M7.03125 13.5625C8.01501 13.5625 8.8125 12.765 8.8125 11.7812C8.8125 10.7975 8.01501 10 7.03125 10C6.04749 10 5.25 10.7975 5.25 11.7812C5.25 12.765 6.04749 13.5625 7.03125 13.5625Z"fill=white /><path d="M14.75 6.4375H5.25C5.2123 6.43652 5.17458 6.4385 5.13719 6.44344C4.37002 6.47098 3.64351 6.79527 3.11075 7.34796C2.57799 7.90066 2.2806 8.63859 2.28125 9.40625V14.1563C2.28125 14.9436 2.59403 15.6987 3.15078 16.2555C3.70753 16.8122 4.46264 17.125 5.25 17.125H14.75C15.5374 17.125 16.2925 16.8122 16.8492 16.2555C17.406 15.6987 17.7188 14.9436 17.7188 14.1563V9.40625C17.7188 8.61889 17.406 7.86378 16.8492 7.30703C16.2925 6.75028 15.5374 6.4375 14.75 6.4375ZM7.03125 14.75C6.44409 14.75 5.87011 14.5759 5.3819 14.2497C4.89369 13.9235 4.51318 13.4598 4.28848 12.9173C4.06379 12.3749 4.00499 11.778 4.11954 11.2021C4.23409 10.6262 4.51684 10.0972 4.93203 9.68203C5.34722 9.26684 5.8762 8.98409 6.45208 8.86954C7.02796 8.75499 7.62487 8.81379 8.16734 9.03848C8.70981 9.26318 9.17347 9.64369 9.49968 10.1319C9.82589 10.6201 10 11.1941 10 11.7813C10 12.1711 9.92321 12.5572 9.77402 12.9173C9.62483 13.2775 9.40615 13.6048 9.13047 13.8805C8.8548 14.1561 8.52753 14.3748 8.16734 14.524C7.80716 14.6732 7.42111 14.75 7.03125 14.75ZM12.6719 14.1563C12.4957 14.1563 12.3235 14.104 12.1771 14.0062C12.0306 13.9083 11.9165 13.7692 11.849 13.6065C11.7816 13.4437 11.764 13.2646 11.7984 13.0919C11.8327 12.9191 11.9176 12.7604 12.0421 12.6359C12.1667 12.5113 12.3254 12.4265 12.4981 12.3921C12.6709 12.3577 12.85 12.3754 13.0127 12.4428C13.1754 12.5102 13.3145 12.6244 13.4124 12.7708C13.5103 12.9173 13.5625 13.0895 13.5625 13.2656C13.5625 13.5018 13.4687 13.7284 13.3016 13.8954C13.1346 14.0624 12.9081 14.1563 12.6719 14.1563ZM15.0469 14.1563C14.8707 14.1563 14.6985 14.104 14.5521 14.0062C14.4056 13.9083 14.2915 13.7692 14.224 13.6065C14.1566 13.4437 14.139 13.2646 14.1734 13.0919C14.2077 12.9191 14.2926 12.7604 14.4171 12.6359C14.5417 12.5113 14.7004 12.4265 14.8731 12.3921C15.0459 12.3577 15.225 12.3754 15.3877 12.4428C15.5504 12.5102 15.6895 12.6244 15.7874 12.7708C15.8853 12.9173 15.9375 13.0895 15.9375 13.2656C15.9375 13.5018 15.8437 13.7284 15.6766 13.8954C15.5096 14.0624 15.2831 14.1563 15.0469 14.1563ZM15.3438 11.1875H12.375C12.2175 11.1875 12.0665 11.1249 11.9552 11.0136C11.8438 10.9022 11.7813 10.7512 11.7813 10.5938C11.7813 10.4363 11.8438 10.2853 11.9552 10.1739C12.0665 10.0626 12.2175 10 12.375 10H15.3438C15.5012 10 15.6522 10.0626 15.7636 10.1739C15.8749 10.2853 15.9375 10.4363 15.9375 10.5938C15.9375 10.7512 15.8749 10.9022 15.7636 11.0136C15.6522 11.1249 15.5012 11.1875 15.3438 11.1875Z"fill=white /><path d="M5.25012 7.62498C5.11002 7.62501 4.97442 7.57549 4.8673 7.48519C4.76019 7.39489 4.68845 7.26962 4.66478 7.13153C4.64112 6.99344 4.66704 6.85143 4.73798 6.73061C4.80891 6.60979 4.92029 6.51795 5.05241 6.47132L15.1462 2.90882C15.2947 2.85639 15.4579 2.86509 15.6 2.93301C15.7421 3.00093 15.8513 3.12251 15.9038 3.27101C15.9562 3.41951 15.9475 3.58275 15.8796 3.72484C15.8117 3.86692 15.6901 3.9762 15.5416 4.02864L5.44784 7.59114C5.38427 7.6133 5.31745 7.62473 5.25012 7.62498Z"fill=white /></svg>
                        </div>
                    </div>
                    <div class="mic-funk-dots">
                        <div id="funkdot" class="m-f-dot deaktiv"></div>
                    </div>
                </div>
                <div class="mic-funk-box">
                    <div class="info-data-box">
                        <div class="info-data-box-line"></div>
                        <div class="info-data-icon-box">
                            <!-- change between: aktivMicIcon & deaktivMicIcon -->
                            <svg class="mic-icon deaktivMicIcon" fill=none height=2.04vh viewBox="0 0 22 22"width=2.04vh xmlns=http://www.w3.org/2000/svg><path d="M11.4375 17.5625H10.5625C9.17325 17.5667 7.81875 17.1285 6.69513 16.3115C5.57151 15.4946 4.73709 14.3411 4.31272 13.0183C4.24198 12.7975 4.26176 12.5576 4.36774 12.3513C4.47372 12.145 4.65722 11.9892 4.87796 11.9181C5.0987 11.8471 5.33862 11.8665 5.54506 11.9721C5.75149 12.0778 5.90756 12.2611 5.97899 12.4817C6.29024 13.4517 6.90225 14.2974 7.72634 14.8962C8.55043 15.4951 9.54378 15.816 10.5625 15.8125H11.4375C12.4562 15.816 13.4495 15.4951 14.2736 14.8962C15.0977 14.2974 15.7097 13.4517 16.021 12.4817C16.0924 12.2611 16.2485 12.0778 16.4549 11.9721C16.6613 11.8665 16.9013 11.8471 17.122 11.9181C17.3427 11.9892 17.5262 12.145 17.6322 12.3513C17.7382 12.5576 17.758 12.7975 17.6872 13.0183C17.2629 14.3411 16.4285 15.4946 15.3048 16.3115C14.1812 17.1285 12.8267 17.5667 11.4375 17.5625Z"/><path d="M11 2.25C9.8401 2.25136 8.72809 2.71274 7.90791 3.53291C7.08773 4.35309 6.62636 5.4651 6.625 6.625V10.5625C6.625 11.7228 7.08594 12.8356 7.90641 13.6561C8.72688 14.4766 9.83968 14.9375 11 14.9375C12.1603 14.9375 13.2731 14.4766 14.0936 13.6561C14.9141 12.8356 15.375 11.7228 15.375 10.5625V6.625C15.3736 5.4651 14.9123 4.35309 14.0921 3.53291C13.2719 2.71274 12.1599 2.25136 11 2.25Z"/><path d="M11 19.75C10.8851 19.7501 10.7713 19.7275 10.6651 19.6835C10.5589 19.6396 10.4624 19.5751 10.3811 19.4939C10.2999 19.4126 10.2354 19.3161 10.1915 19.2099C10.1475 19.1037 10.1249 18.9899 10.125 18.875V17.125C10.125 16.8929 10.2172 16.6704 10.3813 16.5063C10.5454 16.3422 10.7679 16.25 11 16.25C11.2321 16.25 11.4546 16.3422 11.6187 16.5063C11.7828 16.6704 11.875 16.8929 11.875 17.125V18.875C11.8751 18.9899 11.8525 19.1037 11.8085 19.2099C11.7646 19.3161 11.7001 19.4126 11.6189 19.4939C11.5376 19.5751 11.4411 19.6396 11.3349 19.6835C11.2287 19.7275 11.1149 19.7501 11 19.75Z"/></svg>
                        </div>
                    </div>
                    <div class="mic-funk-dots">
                        <div id="range" class="m-f-dot aktiv"></div>
                        <div id="range" class="m-f-dot"></div>
                        <div id="range" class="m-f-dot"></div>
                    </div>
                </div>
            </div>

            <div class="top-left-container">
                <div class="top-left-blur"></div>
                <div class="server-data" id="timedate_data">
                    <div class="server-data-txts">
                        <p id="date" class="server-data-name">00.00.0000</p>
                        <p id="time" class="server-data-value">00:00</p>
                    </div>
                    <div class="info-data-box">
                        <div class="info-data-box-line"></div>
                        <div class="info-data-icon-box">
                            <svg fill=none height=1.67vh viewBox="0 0 18 18"width=1.67vh xmlns=http://www.w3.org/2000/svg><g clip-path=url(#clip0_1_340)><path d="M15.0104 2.9896C13.405 1.38417 11.2704 0.5 9 0.5C6.72957 0.5 4.59501 1.38417 2.98957 2.9896C1.38413 4.59504 0.5 6.72957 0.5 9C0.5 11.2704 1.38413 13.405 2.98957 15.0104C4.59501 16.6158 6.72957 17.5 9 17.5C11.2704 17.5 13.405 16.6158 15.0104 15.0104C16.6159 13.405 17.5 11.2704 17.5 9C17.5 6.72957 16.6159 4.59501 15.0104 2.9896ZM9 15.8316C5.23301 15.8316 2.16839 12.767 2.16839 9C2.16839 8.99382 2.16859 8.98771 2.16862 8.98161C2.16862 8.98005 2.16839 8.97855 2.16839 8.97699C2.16839 8.97437 2.16872 8.97184 2.16879 8.96925C2.18536 5.24742 5.19313 2.21939 8.90716 2.16959C8.91493 2.16922 8.92264 2.16842 8.93051 2.16842C8.93522 2.16842 8.9398 2.16899 8.94448 2.16912C8.96301 2.16899 8.98147 2.16842 9.00003 2.16842C12.767 2.16842 15.8316 5.23307 15.8316 9.00003C15.8316 12.767 12.767 15.8316 9 15.8316Z"fill=white /><path d="M14.1891 9.4104C13.9114 9.4104 13.6862 9.18522 13.6862 8.90744C13.6862 8.62967 13.9114 8.40448 14.1891 8.40448H14.7954C14.5106 5.6129 12.2467 3.39835 9.43336 3.19043V3.71819C9.43336 3.99597 9.20817 4.22115 8.9304 4.22115C8.65262 4.22115 8.42744 3.99597 8.42744 3.71819V3.20245C5.65577 3.47405 3.448 5.69607 3.19821 8.47398H3.74115C4.01892 8.47398 4.24411 8.69916 4.24411 8.97694C4.24411 9.25471 4.01892 9.4799 3.74115 9.4799H3.19409C3.42535 12.3025 5.67739 14.5615 8.49696 14.8038V14.1662C8.49696 13.8884 8.72215 13.6632 8.99992 13.6632C9.2777 13.6632 9.50289 13.8884 9.50289 14.1662V14.8038C12.3455 14.5595 14.6113 12.2653 14.811 9.4104H14.1891ZM11.0359 7.67528L9.3556 9.35565C9.26127 9.44998 9.13337 9.50298 8.99996 9.50298C8.86658 9.50298 8.73862 9.44998 8.64432 9.35565L5.71936 6.43069C5.52293 6.23429 5.52293 5.91584 5.71936 5.71941C5.91575 5.52298 6.2342 5.52298 6.43063 5.71941L8.99999 8.28874L10.3247 6.964C10.5211 6.76757 10.8396 6.76757 11.036 6.964C11.2324 7.16039 11.2324 7.47888 11.0359 7.67528Z"fill=white /></g><defs><clipPath id=clip0_1_340><rect fill=white height=17 transform="translate(0.5 0.5)"width=17 /></clipPath></defs></svg>
                        </div>
                    </div>
                </div>
                <div class="server-data" id="jobdata">
                    <div class="server-data-txts">
                        <p id="job" class="server-data-name">Unemployed</p>
                        <p id="jobrank" class="server-data-value">Unemployed</p>
                    </div>
                    <div class="info-data-box">
                        <div class="info-data-box-line"></div>
                        <div class="info-data-icon-box">
                            <svg fill=none height=1.67vh viewBox="0 0 18 18"width=1.67vh xmlns=http://www.w3.org/2000/svg><path d="M7.41797 9.52734H10.582V10.582H7.41797V9.52734Z"fill=white /><path d="M14.6032 10.582H11.6367V11.1094C11.6367 11.4008 11.4008 11.6367 11.1094 11.6367H6.89062C6.59921 11.6367 6.36328 11.4008 6.36328 11.1094V10.582H3.39684C2.715 10.582 2.11198 10.1474 1.8961 9.50055L0 3.81128V15.3281C0 16.2004 0.709717 16.9101 1.58203 16.9101H16.418C17.2903 16.9101 18 16.2004 18 15.3281V3.81169L16.1038 9.50055C15.888 10.1474 15.285 10.582 14.6032 10.582Z"fill=white /><path d="M11.1093 1.08984H6.89052C6.0182 1.08984 5.30849 1.79956 5.30849 2.67188V3.19922H0.907227L2.89616 9.16685C2.96826 9.3826 3.16959 9.52734 3.39673 9.52734H6.36317V9C6.36317 8.70859 6.59911 8.47266 6.89052 8.47266H11.1093C11.4007 8.47266 11.6366 8.70859 11.6366 9V9.52734H14.6031C14.8302 9.52734 15.0315 9.3826 15.1036 9.16685L17.0927 3.19922H12.6913V2.67188C12.6913 1.79956 11.9816 1.08984 11.1093 1.08984ZM6.36317 3.19922V2.67188C6.36317 2.38087 6.59952 2.14453 6.89052 2.14453H11.1093C11.4003 2.14453 11.6366 2.38087 11.6366 2.67188V3.19922H6.36317Z"fill=white /></svg>
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="helpnotify-container" style="display: none;"></div>

            <div class="user-status-container">
                <div class="user-status drink">
                    <div class="user-status-title">
                        <svg fill=none height=1.11vh viewBox="0 0 12 12"width=1.11vh xmlns=http://www.w3.org/2000/svg><path d="M5 3.15C4.3 2 3.5 1 3.5 1C3.5 1 1 4.1 1 5.5C1 6.7 1.85 7.75 3 7.95C3 7.85 3 7.7 3 7.6C3 6.4 4 4.6 5 3.15Z"/><path d="M7.5 1.5C7.5 1.5 4 5.75 4 7.6C4 9.45 5.55 11 7.5 11C9.45 11 11 9.5 11 7.6C11 5.7 7.5 1.5 7.5 1.5ZM9.95 8.15C9.95 8.3 9.85 8.45 9.8 8.6C9.7 8.7 9.65 8.85 9.55 8.95C9.45 9.05 9.35 9.15 9.25 9.2C9.05 9.35 8.8 9.4 8.65 9.45C8.45 9.5 8.3 9.45 8.2 9.45C8.1 9.45 8.05 9.4 8.05 9.4C8.05 9.4 8.3 9.15 8.4 9.05C9.6 8.05 9.4 6.45 9.4 6.45C9.4 6.45 9.45 6.5 9.55 6.55C9.65 6.65 9.75 6.75 9.85 6.95C9.95 7.15 10.05 7.4 10.05 7.65C10 7.85 10 8 9.95 8.15Z" /></svg>
                        <p class="user-status-title">DURST</p>
                    </div>
                    <div class="user-status-progress">
                        <div id="drink" class="user-status-progress-fill"></div>
                    </div>
                </div>
                <div class="user-status eat">
                    <div class="user-status-title">
                        <svg fill=none height=1.11vh viewBox="0 0 12 12"width=1.11vh xmlns=http://www.w3.org/2000/svg><path d="M1.74999 9V8.75C1.74999 8.612 1.86199 8.5 1.99999 8.5H9.99999C10.138 8.5 10.25 8.612 10.25 8.75V9C10.25 10 9.74999 10.5 8.74999 10.5H3.24999C2.24999 10.5 1.74999 10 1.74999 9ZM10.875 7.36C10.875 7.153 10.707 6.985 10.5 6.985C10.286 6.985 10.1955 6.9065 10.011 6.7295C9.80749 6.5335 9.52799 6.2645 9.00199 6.2645C8.47599 6.2645 8.19699 6.533 7.99249 6.729C7.80799 6.906 7.71749 6.9845 7.50299 6.9845C7.28849 6.9845 7.19799 6.906 7.01349 6.729C6.80949 6.5325 6.52949 6.264 6.00349 6.264C5.47749 6.264 5.19849 6.5325 4.99399 6.7285C4.80949 6.9055 4.71849 6.984 4.50399 6.984C4.28949 6.984 4.19749 6.9055 4.01299 6.7285C3.80849 6.5325 3.52799 6.264 3.00199 6.264C2.47599 6.264 2.19599 6.5325 1.99149 6.7285C1.80699 6.906 1.71599 6.9845 1.50049 6.9845C1.29349 6.9845 1.12549 7.1525 1.12549 7.3595C1.12549 7.5665 1.29349 7.7345 1.50049 7.7345C2.02699 7.7345 2.30649 7.466 2.51099 7.27C2.69549 7.0925 2.78649 7.014 3.00199 7.014C3.21749 7.014 3.30899 7.0925 3.49399 7.27C3.69799 7.466 3.97799 7.7345 4.50449 7.7345C5.03099 7.7345 5.30999 7.466 5.51449 7.2695C5.69899 7.0925 5.78949 7.014 6.00399 7.014C6.21849 7.014 6.30949 7.0925 6.49399 7.2695C6.69799 7.4655 6.97799 7.734 7.50349 7.734C8.02899 7.734 8.30849 7.4655 8.51299 7.2695C8.69749 7.0925 8.78799 7.014 9.00249 7.014C9.21699 7.014 9.30699 7.0925 9.49199 7.2695C9.69549 7.466 9.97499 7.7345 10.5005 7.7345C10.7075 7.7345 10.8755 7.5665 10.8755 7.3595L10.875 7.36ZM10.25 5V5.25C10.25 5.388 10.138 5.5 9.99999 5.5H1.99999C1.86199 5.5 1.74999 5.388 1.74999 5.25V5C1.74999 3 3.24999 1.5 5.99999 1.5C8.74999 1.5 10.25 3 10.25 5ZM4.37499 3.5C4.37499 3.4 4.33499 3.305 4.26449 3.235C4.12499 3.095 3.86999 3.095 3.73449 3.235C3.69949 3.27 3.67449 3.31 3.65449 3.355C3.63449 3.405 3.62449 3.45 3.62449 3.5C3.62449 3.6 3.66449 3.695 3.73449 3.765C3.80449 3.835 3.89949 3.875 3.99949 3.875C4.09949 3.875 4.19449 3.835 4.26399 3.765C4.33449 3.695 4.37449 3.6 4.37449 3.5H4.37499ZM6.37499 3C6.37499 2.9 6.33499 2.805 6.26449 2.735C6.22999 2.7 6.18999 2.67 6.14499 2.655C6.00499 2.595 5.83999 2.63 5.73499 2.735C5.66499 2.805 5.62499 2.9 5.62499 3C5.62499 3.05 5.63499 3.095 5.65499 3.145C5.67499 3.19 5.69999 3.23 5.73499 3.265C5.80499 3.335 5.89999 3.375 5.99999 3.375C6.04999 3.375 6.09449 3.365 6.14499 3.345C6.18999 3.325 6.22999 3.3 6.26449 3.265C6.29949 3.23 6.32449 3.19 6.34449 3.145C6.36449 3.095 6.37499 3.05 6.37499 3ZM8.37499 3.5C8.37499 3.4 8.33499 3.305 8.26449 3.235C8.22999 3.2 8.18999 3.175 8.14499 3.155C8.00499 3.095 7.83499 3.13 7.73499 3.235C7.66499 3.305 7.62499 3.4 7.62499 3.5C7.62499 3.55 7.63499 3.6 7.65499 3.645C7.66999 3.69 7.69999 3.73 7.73499 3.765C7.80499 3.835 7.89999 3.875 7.99999 3.875C8.04999 3.875 8.09449 3.865 8.14499 3.845C8.18999 3.825 8.22999 3.8 8.26449 3.765C8.29949 3.73 8.32449 3.69 8.34449 3.645C8.36449 3.6 8.37499 3.55 8.37499 3.5Z" /></svg>
                        <p class="user-status-title">HUNGER</p>
                    </div>
                    <div class="user-status-progress">
                        <div id="food" class="user-status-progress-fill"></div>
                    </div>
                </div>
            </div>

            <div class="progressbar-container" style="display: none;">
                <div class="progress-data">
                    <p class="progress-percent-value">
                        <span id="valprog">55</span>
                        <span>%</span>
                    </p>

                    <div class="progress-line"></div>
                </div>
                <div class="progressbar-progress">
                    <div class="prgressbar-progress-fill">
                        <svg fill=none height=0.74vh viewBox="0 0 6 8" width=0.56vh xmlns=http://www.w3.org/2000/svg><path d="M2.4 0H6L3.6 8H0L2.4 0Z"fill=black fill-opacity=0.45 /></svg>
                        <svg fill=none height=0.74vh viewBox="0 0 6 8" width=0.56vh xmlns=http://www.w3.org/2000/svg><path d="M2.4 0H6L3.6 8H0L2.4 0Z"fill=black fill-opacity=0.45 /></svg>
                        <svg fill=none height=0.74vh viewBox="0 0 6 8" width=0.56vh xmlns=http://www.w3.org/2000/svg><path d="M2.4 0H6L3.6 8H0L2.4 0Z"fill=black fill-opacity=0.45 /></svg>
                        <svg fill=none height=0.74vh viewBox="0 0 6 8" width=0.56vh xmlns=http://www.w3.org/2000/svg><path d="M2.4 0H6L3.6 8H0L2.4 0Z"fill=black fill-opacity=0.45 /></svg>
                        <svg fill=none height=0.74vh viewBox="0 0 6 8" width=0.56vh xmlns=http://www.w3.org/2000/svg><path d="M2.4 0H6L3.6 8H0L2.4 0Z"fill=black fill-opacity=0.45 /></svg>
                        <svg fill=none height=0.74vh viewBox="0 0 6 8" width=0.56vh xmlns=http://www.w3.org/2000/svg><path d="M2.4 0H6L3.6 8H0L2.4 0Z"fill=black fill-opacity=0.45 /></svg>
                        <svg fill=none height=0.74vh viewBox="0 0 6 8" width=0.56vh xmlns=http://www.w3.org/2000/svg><path d="M2.4 0H6L3.6 8H0L2.4 0Z"fill=black fill-opacity=0.45 /></svg>
                        <svg fill=none height=0.74vh viewBox="0 0 6 8" width=0.56vh xmlns=http://www.w3.org/2000/svg><path d="M2.4 0H6L3.6 8H0L2.4 0Z"fill=black fill-opacity=0.45 /></svg>
                        <svg fill=none height=0.74vh viewBox="0 0 6 8" width=0.56vh xmlns=http://www.w3.org/2000/svg><path d="M2.4 0H6L3.6 8H0L2.4 0Z"fill=black fill-opacity=0.45 /></svg>
                        <svg fill=none height=0.74vh viewBox="0 0 6 8" width=0.56vh xmlns=http://www.w3.org/2000/svg><path d="M2.4 0H6L3.6 8H0L2.4 0Z"fill=black fill-opacity=0.45 /></svg>
                        <svg fill=none height=0.74vh viewBox="0 0 6 8" width=0.56vh xmlns=http://www.w3.org/2000/svg><path d="M2.4 0H6L3.6 8H0L2.4 0Z"fill=black fill-opacity=0.45 /></svg>
                        <svg fill=none height=0.74vh viewBox="0 0 6 8" width=0.56vh xmlns=http://www.w3.org/2000/svg><path d="M2.4 0H6L3.6 8H0L2.4 0Z"fill=black fill-opacity=0.45 /></svg>
                        <svg fill=none height=0.74vh viewBox="0 0 6 8" width=0.56vh xmlns=http://www.w3.org/2000/svg><path d="M2.4 0H6L3.6 8H0L2.4 0Z"fill=black fill-opacity=0.45 /></svg>
                        <svg fill=none height=0.74vh viewBox="0 0 6 8" width=0.56vh xmlns=http://www.w3.org/2000/svg><path d="M2.4 0H6L3.6 8H0L2.4 0Z"fill=black fill-opacity=0.45 /></svg>
                        <svg fill=none height=0.74vh viewBox="0 0 6 8" width=0.56vh xmlns=http://www.w3.org/2000/svg><path d="M2.4 0H6L3.6 8H0L2.4 0Z"fill=black fill-opacity=0.45 /></svg>
                        <svg fill=none height=0.74vh viewBox="0 0 6 8" width=0.56vh xmlns=http://www.w3.org/2000/svg><path d="M2.4 0H6L3.6 8H0L2.4 0Z"fill=black fill-opacity=0.45 /></svg>
                        <svg fill=none height=0.74vh viewBox="0 0 6 8" width=0.56vh xmlns=http://www.w3.org/2000/svg><path d="M2.4 0H6L3.6 8H0L2.4 0Z"fill=black fill-opacity=0.45 /></svg>
                        <svg fill=none height=0.74vh viewBox="0 0 6 8" width=0.56vh xmlns=http://www.w3.org/2000/svg><path d="M2.4 0H6L3.6 8H0L2.4 0Z"fill=black fill-opacity=0.45 /></svg>
                        <svg fill=none height=0.74vh viewBox="0 0 6 8" width=0.56vh xmlns=http://www.w3.org/2000/svg><path d="M2.4 0H6L3.6 8H0L2.4 0Z"fill=black fill-opacity=0.45 /></svg>
                        <svg fill=none height=0.74vh viewBox="0 0 6 8" width=0.56vh xmlns=http://www.w3.org/2000/svg><path d="M2.4 0H6L3.6 8H0L2.4 0Z"fill=black fill-opacity=0.45 /></svg>
                        <svg fill=none height=0.74vh viewBox="0 0 6 8" width=0.56vh xmlns=http://www.w3.org/2000/svg><path d="M2.4 0H6L3.6 8H0L2.4 0Z"fill=black fill-opacity=0.45 /></svg>
                        <svg fill=none height=0.74vh viewBox="0 0 6 8" width=0.56vh xmlns=http://www.w3.org/2000/svg><path d="M2.4 0H6L3.6 8H0L2.4 0Z"fill=black fill-opacity=0.45 /></svg>
                        <svg fill=none height=0.74vh viewBox="0 0 6 8" width=0.56vh xmlns=http://www.w3.org/2000/svg><path d="M2.4 0H6L3.6 8H0L2.4 0Z"fill=black fill-opacity=0.45 /></svg>
                        <svg fill=none height=0.74vh viewBox="0 0 6 8" width=0.56vh xmlns=http://www.w3.org/2000/svg><path d="M2.4 0H6L3.6 8H0L2.4 0Z"fill=black fill-opacity=0.45 /></svg>
                        <svg fill=none height=0.74vh viewBox="0 0 6 8" width=0.56vh xmlns=http://www.w3.org/2000/svg><path d="M2.4 0H6L3.6 8H0L2.4 0Z"fill=black fill-opacity=0.45 /></svg>
                        <svg fill=none height=0.74vh viewBox="0 0 6 8" width=0.56vh xmlns=http://www.w3.org/2000/svg><path d="M2.4 0H6L3.6 8H0L2.4 0Z"fill=black fill-opacity=0.45 /></svg>
                        <svg fill=none height=0.74vh viewBox="0 0 6 8" width=0.56vh xmlns=http://www.w3.org/2000/svg><path d="M2.4 0H6L3.6 8H0L2.4 0Z"fill=black fill-opacity=0.45 /></svg>
                        <svg fill=none height=0.74vh viewBox="0 0 6 8" width=0.56vh xmlns=http://www.w3.org/2000/svg><path d="M2.4 0H6L3.6 8H0L2.4 0Z"fill=black fill-opacity=0.45 /></svg>
                        <svg fill=none height=0.74vh viewBox="0 0 6 8" width=0.56vh xmlns=http://www.w3.org/2000/svg><path d="M2.4 0H6L3.6 8H0L2.4 0Z"fill=black fill-opacity=0.45 /></svg>
                        <svg fill=none height=0.74vh viewBox="0 0 6 8" width=0.56vh xmlns=http://www.w3.org/2000/svg><path d="M2.4 0H6L3.6 8H0L2.4 0Z"fill=black fill-opacity=0.45 /></svg>
                        <svg fill=none height=0.74vh viewBox="0 0 6 8" width=0.56vh xmlns=http://www.w3.org/2000/svg><path d="M2.4 0H6L3.6 8H0L2.4 0Z"fill=black fill-opacity=0.45 /></svg>
                        <svg fill=none height=0.74vh viewBox="0 0 6 8" width=0.56vh xmlns=http://www.w3.org/2000/svg><path d="M2.4 0H6L3.6 8H0L2.4 0Z"fill=black fill-opacity=0.45 /></svg>
                        <svg fill=none height=0.74vh viewBox="0 0 6 8" width=0.56vh xmlns=http://www.w3.org/2000/svg><path d="M2.4 0H6L3.6 8H0L2.4 0Z"fill=black fill-opacity=0.45 /></svg>
                        <svg fill=none height=0.74vh viewBox="0 0 6 8" width=0.56vh xmlns=http://www.w3.org/2000/svg><path d="M2.4 0H6L3.6 8H0L2.4 0Z"fill=black fill-opacity=0.45 /></svg>
                        <svg fill=none height=0.74vh viewBox="0 0 6 8" width=0.56vh xmlns=http://www.w3.org/2000/svg><path d="M2.4 0H6L3.6 8H0L2.4 0Z"fill=black fill-opacity=0.45 /></svg>
                        <svg fill=none height=0.74vh viewBox="0 0 6 8" width=0.56vh xmlns=http://www.w3.org/2000/svg><path d="M2.4 0H6L3.6 8H0L2.4 0Z"fill=black fill-opacity=0.45 /></svg>
                        <svg fill=none height=0.74vh viewBox="0 0 6 8" width=0.56vh xmlns=http://www.w3.org/2000/svg><path d="M2.4 0H6L3.6 8H0L2.4 0Z"fill=black fill-opacity=0.45 /></svg>
                        <svg fill=none height=0.74vh viewBox="0 0 6 8" width=0.56vh xmlns=http://www.w3.org/2000/svg><path d="M2.4 0H6L3.6 8H0L2.4 0Z"fill=black fill-opacity=0.45 /></svg>
                        <svg fill=none height=0.74vh viewBox="0 0 6 8" width=0.56vh xmlns=http://www.w3.org/2000/svg><path d="M2.4 0H6L3.6 8H0L2.4 0Z"fill=black fill-opacity=0.45 /></svg>
                        <svg fill=none height=0.74vh viewBox="0 0 6 8" width=0.56vh xmlns=http://www.w3.org/2000/svg><path d="M2.4 0H6L3.6 8H0L2.4 0Z"fill=black fill-opacity=0.45 /></svg>
                        <svg fill=none height=0.74vh viewBox="0 0 6 8" width=0.56vh xmlns=http://www.w3.org/2000/svg><path d="M2.4 0H6L3.6 8H0L2.4 0Z"fill=black fill-opacity=0.45 /></svg>
                        <svg fill=none height=0.74vh viewBox="0 0 6 8" width=0.56vh xmlns=http://www.w3.org/2000/svg><path d="M2.4 0H6L3.6 8H0L2.4 0Z"fill=black fill-opacity=0.45 /></svg>
                    </div>
                </div>
            </div>

            <div class="hud-settings-container" style="display: none;">
                <div class="hud-settings-header">
                    <p class="name-prim-h-s">HUD</p>
                    <p class="name-sec-h-s">SETTINGS</p>
                </div>
                <div class="hud-settings-elements">

                    <div class="hud-settings-box" id="self_info">
                        <svg fill=none height=6.48vh viewBox="0 0 356 70" width=32.96vh xmlns=http://www.w3.org/2000/svg><rect height=67.5 stroke=url(#paint0_radial_1_269) stroke-width=2.5 width=353.5 x=1.25 y=1.25 /><defs><radialGradient cx=0 cy=0 gradientTransform="translate(178 35) rotate(11.6537) scale(481.17 35.9397)"gradientUnits=userSpaceOnUse id=paint0_radial_1_269 r=1><stop stop-color=var(--color-prim) /><stop stop-color=var(--color-prim) offset=1 stop-opacity=0 /></radialGradient></defs></svg>
                        <div class="hud-settings-txts">
                            <p class="hud-settings-name">Personalien</p>
                            <p class="hud-settings-desc">Geld, Job, ID</p>
                        </div>
                        <div class="hud-settings-box-check" onclick="UpdateHudSettings(this, 'self_info')"></div>
                    </div>

                    <div class="hud-settings-box" id="server_info">
                        <svg fill=none height=6.48vh viewBox="0 0 356 70" width=32.96vh xmlns=http://www.w3.org/2000/svg><rect height=67.5 stroke=url(#paint0_radial_1_269) stroke-width=2.5 width=353.5 x=1.25 y=1.25 /><defs><radialGradient cx=0 cy=0 gradientTransform="translate(178 35) rotate(11.6537) scale(481.17 35.9397)"gradientUnits=userSpaceOnUse id=paint0_radial_1_269 r=1><stop stop-color=var(--color-prim) /><stop stop-color=var(--color-prim) offset=1 stop-opacity=0 /></radialGradient></defs></svg>
                        <div class="hud-settings-txts">
                            <p class="hud-settings-name">Server Infos</p>
                            <p class="hud-settings-desc">Spieler, Servername</p>
                        </div>
                        <div class="hud-settings-box-check" onclick="UpdateHudSettings(this, 'server_info')"></div>
                    </div>

                    <div class="hud-settings-box" id="status_info">
                        <svg fill=none height=6.48vh viewBox="0 0 356 70" width=32.96vh xmlns=http://www.w3.org/2000/svg><rect height=67.5 stroke=url(#paint0_radial_1_269) stroke-width=2.5 width=353.5 x=1.25 y=1.25 /><defs><radialGradient cx=0 cy=0 gradientTransform="translate(178 35) rotate(11.6537) scale(481.17 35.9397)"gradientUnits=userSpaceOnUse id=paint0_radial_1_269 r=1><stop stop-color=var(--color-prim) /><stop stop-color=var(--color-prim) offset=1 stop-opacity=0 /></radialGradient></defs></svg>
                        <div class="hud-settings-txts">
                            <p class="hud-settings-name">Essen & Trinken</p>
                            <p class="hud-settings-desc">Beschreibung</p>
                        </div>
                        <div class="hud-settings-box-check" onclick="UpdateHudSettings(this, 'status_info')"></div>
                    </div>

                    <div class="hud-settings-box" id="speed_info">
                        <svg fill=none height=6.48vh viewBox="0 0 356 70" width=32.96vh xmlns=http://www.w3.org/2000/svg><rect height=67.5 stroke=url(#paint0_radial_1_269) stroke-width=2.5 width=353.5 x=1.25 y=1.25 /><defs><radialGradient cx=0 cy=0 gradientTransform="translate(178 35) rotate(11.6537) scale(481.17 35.9397)"gradientUnits=userSpaceOnUse id=paint0_radial_1_269 r=1><stop stop-color=var(--color-prim) /><stop stop-color=var(--color-prim) offset=1 stop-opacity=0 /></radialGradient></defs></svg>
                        <div class="hud-settings-txts">
                            <p class="hud-settings-name">Speedometer</p>
                            <p class="hud-settings-desc">Beschreibung</p>
                        </div>
                        <div class="hud-settings-box-check" onclick="UpdateHudSettings(this, 'speed_info')"></div>
                    </div>

                    <div class="hud-settings-box" id="voice_info">
                        <svg fill=none height=6.48vh viewBox="0 0 356 70" width=32.96vh xmlns=http://www.w3.org/2000/svg><rect height=67.5 stroke=url(#paint0_radial_1_269) stroke-width=2.5 width=353.5 x=1.25 y=1.25 /><defs><radialGradient cx=0 cy=0 gradientTransform="translate(178 35) rotate(11.6537) scale(481.17 35.9397)"gradientUnits=userSpaceOnUse id=paint0_radial_1_269 r=1><stop stop-color=var(--color-prim) /><stop stop-color=var(--color-prim) offset=1 stop-opacity=0 /></radialGradient></defs></svg>
                        <div class="hud-settings-txts">
                            <p class="hud-settings-name">Mikrofon & Funk</p>
                            <p class="hud-settings-desc">Beschreibung</p>
                        </div>
                        <div class="hud-settings-box-check" onclick="UpdateHudSettings(this, 'voice_info')"></div>
                    </div>

                    <div class="hud-settings-box" id="weapon_info">
                        <svg fill=none height=6.48vh viewBox="0 0 356 70" width=32.96vh xmlns=http://www.w3.org/2000/svg><rect height=67.5 stroke=url(#paint0_radial_1_269) stroke-width=2.5 width=353.5 x=1.25 y=1.25 /><defs><radialGradient cx=0 cy=0 gradientTransform="translate(178 35) rotate(11.6537) scale(481.17 35.9397)"gradientUnits=userSpaceOnUse id=paint0_radial_1_269 r=1><stop stop-color=var(--color-prim) /><stop stop-color=var(--color-prim) offset=1 stop-opacity=0 /></radialGradient></defs></svg>
                        <div class="hud-settings-txts">
                            <p class="hud-settings-name">Munition</p>
                            <p class="hud-settings-desc">Beschreibung</p>
                        </div>
                        <div class="hud-settings-box-check" onclick="UpdateHudSettings(this, 'weapon_info')"></div>
                    </div>

                    <div class="hud-settings-box" id="announcement_info">
                        <svg fill=none height=6.48vh viewBox="0 0 356 70" width=32.96vh xmlns=http://www.w3.org/2000/svg><rect height=67.5 stroke=url(#paint0_radial_1_269) stroke-width=2.5 width=353.5 x=1.25 y=1.25 /><defs><radialGradient cx=0 cy=0 gradientTransform="translate(178 35) rotate(11.6537) scale(481.17 35.9397)"gradientUnits=userSpaceOnUse id=paint0_radial_1_269 r=1><stop stop-color=var(--color-prim) /><stop stop-color=var(--color-prim) offset=1 stop-opacity=0 /></radialGradient></defs></svg>
                        <div class="hud-settings-txts">
                            <p class="hud-settings-name">Ankündigungen</p>
                            <p class="hud-settings-desc">Beschreibung</p>
                        </div>
                        <div class="hud-settings-box-check" onclick="UpdateHudSettings(this, 'announcement_info')"></div>
                    </div>

                    <div class="hud-settings-box" id="notifys_info">
                        <svg fill=none height=6.48vh viewBox="0 0 356 70" width=32.96vh xmlns=http://www.w3.org/2000/svg><rect height=67.5 stroke=url(#paint0_radial_1_269) stroke-width=2.5 width=353.5 x=1.25 y=1.25 /><defs><radialGradient cx=0 cy=0 gradientTransform="translate(178 35) rotate(11.6537) scale(481.17 35.9397)"gradientUnits=userSpaceOnUse id=paint0_radial_1_269 r=1><stop stop-color=var(--color-prim) /><stop stop-color=var(--color-prim) offset=1 stop-opacity=0 /></radialGradient></defs></svg>
                        <div class="hud-settings-txts">
                            <p class="hud-settings-name">Benachrichtigungen</p>
                            <p class="hud-settings-desc">Beschreibung</p>
                        </div>
                        <div class="hud-settings-box-check" onclick="UpdateHudSettings(this, 'notifys_info')"></div>
                    </div>

                    <div class="hud-settings-box" id="helpnotifys_info">
                        <svg fill=none height=6.48vh viewBox="0 0 356 70" width=32.96vh xmlns=http://www.w3.org/2000/svg><rect height=67.5 stroke=url(#paint0_radial_1_269) stroke-width=2.5 width=353.5 x=1.25 y=1.25 /><defs><radialGradient cx=0 cy=0 gradientTransform="translate(178 35) rotate(11.6537) scale(481.17 35.9397)"gradientUnits=userSpaceOnUse id=paint0_radial_1_269 r=1><stop stop-color=var(--color-prim) /><stop stop-color=var(--color-prim) offset=1 stop-opacity=0 /></radialGradient></defs></svg>
                        <div class="hud-settings-txts">
                            <p class="hud-settings-name">Helpnotify</p>
                            <p class="hud-settings-desc">Beschreibung</p>
                        </div>
                        <div class="hud-settings-box-check" onclick="UpdateHudSettings(this, 'helpnotifys_info')"></div>
                    </div>

                    <div class="hud-settings-box" id="progress_info">
                        <svg fill=none height=6.48vh viewBox="0 0 356 70" width=32.96vh xmlns=http://www.w3.org/2000/svg><rect height=67.5 stroke=url(#paint0_radial_1_269) stroke-width=2.5 width=353.5 x=1.25 y=1.25 /><defs><radialGradient cx=0 cy=0 gradientTransform="translate(178 35) rotate(11.6537) scale(481.17 35.9397)"gradientUnits=userSpaceOnUse id=paint0_radial_1_269 r=1><stop stop-color=var(--color-prim) /><stop stop-color=var(--color-prim) offset=1 stop-opacity=0 /></radialGradient></defs></svg>
                        <div class="hud-settings-txts">
                            <p class="hud-settings-name">Progressbar</p>
                            <p class="hud-settings-desc">Beschreibung</p>
                        </div>
                        <div class="hud-settings-box-check" onclick="UpdateHudSettings(this, 'progress_info')"></div>
                    </div>
                    
                    <div class="hud-settings-box" id="timedate_info">
                        <svg fill=none height=6.48vh viewBox="0 0 356 70" width=32.96vh xmlns=http://www.w3.org/2000/svg><rect height=67.5 stroke=url(#paint0_radial_1_269) stroke-width=2.5 width=353.5 x=1.25 y=1.25 /><defs><radialGradient cx=0 cy=0 gradientTransform="translate(178 35) rotate(11.6537) scale(481.17 35.9397)"gradientUnits=userSpaceOnUse id=paint0_radial_1_269 r=1><stop stop-color=var(--color-prim) /><stop stop-color=var(--color-prim) offset=1 stop-opacity=0 /></radialGradient></defs></svg>
                        <div class="hud-settings-txts">
                            <p class="hud-settings-name">Uhrzeit & Datum</p>
                            <p class="hud-settings-desc">Beschreibung</p>
                        </div>
                        <div class="hud-settings-box-check" onclick="UpdateHudSettings(this, 'timedate_info')"></div>
                    </div>

                    <div class="hud-settings-box" id="map_info">
                        <svg fill=none height=6.48vh viewBox="0 0 356 70" width=32.96vh xmlns=http://www.w3.org/2000/svg><rect height=67.5 stroke=url(#paint0_radial_1_269) stroke-width=2.5 width=353.5 x=1.25 y=1.25 /><defs><radialGradient cx=0 cy=0 gradientTransform="translate(178 35) rotate(11.6537) scale(481.17 35.9397)"gradientUnits=userSpaceOnUse id=paint0_radial_1_269 r=1><stop stop-color=var(--color-prim) /><stop stop-color=var(--color-prim) offset=1 stop-opacity=0 /></radialGradient></defs></svg>
                        <div class="hud-settings-txts">
                            <p class="hud-settings-name">Minimap</p>
                            <p class="hud-settings-desc">Beschreibung</p>
                        </div>
                        <div class="hud-settings-box-check" onclick="UpdateHudSettings(this, 'map_info')"></div>
                    </div>
          
                </div>
            </div>
            <div class="announce-container" style="display: none;"></div>
            <div class="chat-container" id="default-chat" style="display: none;">
                <div class="chat-input-container">
                    <input type="text" class="chat-input" id="default-chat-input" placeholder="/command">
                    <div class="chat-options-container">
                        <div class="chat-option">
                            <p class="chat-option-name">OOC</p>
                        </div>
                        <div class="chat-option">
                            <p class="chat-option-name">FRAK</p>
                        </div>
                        <div class="chat-option">
                            <p class="chat-option-name">TEAM</p>
                        </div>
                    </div>
                </div>
                <div class="chat-commands-container">
                    <div class="chat-command-option-name">/COMMAND1</div>
                </div>
            </div>

            <div class="chat-container" id="support-chat" style="display: none;">
                <div class="chat-input-container">
                    <input type="text" class="chat-input" placeholder="SUPPORTCHAT">
                    <div class="chat-options-container">
                        <div class="chat-option" id="support-send">
                            <p class="chat-option-name">ABSENDEN</p>
                        </div>
                    </div>
                </div>
            </div>

            <div class="notify-container"></div>

            <div class="speedo-container" style="display: none;">
                <div class="speedo-container-blur"></div>
            
                <svg class=speedo-circle-progress height=100% viewBox="-100 -100 200 200">
                    <circle class=speedo-progress-bg cx=0 cy=0 r=32%></circle>
                    <circle class=speedo-progress cx=0 cy=0 r=32%></circle>
                </svg>

                <svg class=fuel-circle-progress height=100% viewBox="-100 -100 200 200">
                    <circle class=fuel-progress-bg cx=0 cy=0 r=32.4%></circle>
                    <circle class="fuel-progress" cx=0 cy=0 r=32.4%></circle>
                </svg>

                <div class="car-stats-icons">
                    <svg id="lights" class="" fill=none height=1.39vh viewBox="0 0 24 15" width=2.22vh xmlns=http://www.w3.org/2000/svg><path d="M20.5161 6.36071C14.9061 3.76041 9.40409 1.60099 4.23947 0.827194C1.81013 0.462792 -0.290808 2.50974 0.0331048 4.93909C0.366015 7.40443 0.874379 9.60434 1.70216 11.3229C2.38147 12.731 3.72661 13.7162 5.2697 13.9862C9.76849 14.7869 14.3977 14.8949 19.126 14.409C21.3484 14.1841 23.0984 12.2991 23.0264 10.0587C23.0354 8.65059 22.0997 7.09851 20.5161 6.36071ZM5.43165 10.9765C5.43165 11.5253 4.80632 11.8447 4.36094 11.5208C2.86734 10.4411 2.22852 6.50017 1.98108 4.67366C1.82812 3.53097 2.81786 2.59522 3.94705 2.76167L3.96055 2.76617C4.81532 2.89664 5.44515 3.62994 5.44515 4.49371L5.43165 10.9765ZM10.3488 12.4386C8.20291 12.4341 6.46638 10.6885 6.47088 8.53812C6.47537 6.3922 8.22091 4.65567 10.3623 4.66017C12.5128 4.66466 14.2448 6.41019 14.2403 8.55162C14.2358 10.7065 12.4993 12.4431 10.3488 12.4386ZM17.9383 12.4521C16.5932 12.4476 15.5 11.3544 15.5044 10.0047C15.5089 8.65959 16.6022 7.56638 17.9473 7.57088C19.2969 7.57538 20.3856 8.66859 20.3811 10.0137C20.3766 11.3634 19.2879 12.4566 17.9383 12.4521Z"/><path d="M10.4809 6.19685C9.14927 6.19235 8.06506 7.27656 8.06056 8.6082C8.05606 9.94435 9.14027 11.0331 10.4719 11.0331C11.8036 11.0331 12.8878 9.95334 12.8923 8.6172C12.8968 7.28106 11.8126 6.19685 10.4809 6.19685Z"/><path d="M17.9429 9.04178C17.4076 9.04178 16.9757 9.47366 16.9712 10.009C16.9712 10.5444 17.4031 10.9808 17.9384 10.9808C18.4738 10.9808 18.9057 10.5489 18.9057 10.009C18.9102 9.47816 18.4783 9.04628 17.9429 9.04178Z"/></svg>
                    <svg id="engine" class="" fill=none height=1.85vh viewBox="0 0 20 20" width=1.85vh xmlns=http://www.w3.org/2000/svg><path d="M5.88079 8.8613C5.81627 9.14599 5.77539 9.43901 5.77539 9.74288C5.77539 10.3847 5.94175 10.9829 6.21172 11.5208C7.03205 11.6575 7.8668 11.4009 8.46755 10.84C8.34193 10.6909 8.24054 10.5229 8.17126 10.3369C7.2433 10.1441 6.43204 9.61057 5.88079 8.8613Z"/><path d="M10.05 11.4275C9.84588 11.4611 9.71386 11.4703 9.46322 11.4243C8.83184 12.1257 7.97702 12.5555 7.05664 12.6569C7.70987 13.266 8.56454 13.6498 9.51019 13.7126C10.0427 13.0711 10.2354 12.2307 10.05 11.4275Z"/><path d="M6.45703 7.51259C6.74291 8.30349 7.37905 8.8974 8.17306 9.14091C8.24041 8.96266 8.33778 8.80151 8.45731 8.65716C8.16057 7.76131 8.21394 6.79707 8.58144 5.94775C7.70968 6.22219 6.95833 6.77016 6.45703 7.51259Z"/><path d="M13.6622 10.6248C13.7268 10.3401 13.7677 10.0468 13.7677 9.74295C13.7677 9.10116 13.6013 8.50279 13.3312 7.96463C12.5105 7.82711 11.6758 8.084 11.0752 8.64551C11.201 8.79462 11.3024 8.96276 11.3718 9.14889C12.2997 9.3417 13.1109 9.87541 13.6622 10.6248Z"/><path d="M13.0853 11.9728C12.7995 11.182 12.1632 10.5881 11.3693 10.3444C11.302 10.5227 11.2044 10.6838 11.0851 10.8282C11.3818 11.724 11.3284 12.6883 10.9609 13.5376C11.8326 13.2632 12.5841 12.7152 13.0853 11.9728Z"/><path d="M10.3424 9.74285C10.3424 9.42783 10.0866 9.17198 9.77155 9.17198C9.45653 9.17198 9.20068 9.42783 9.20068 9.74285C9.20068 10.0579 9.45653 10.3137 9.77155 10.3137C10.0866 10.3137 10.3424 10.0579 10.3424 9.74285Z"/><path d="M10.0076 5.77066C9.48059 6.41111 9.30442 7.25953 9.48892 8.05905C9.71176 8.02158 9.82668 8.01995 10.0583 8.0592C10.6873 7.35468 11.5503 6.91983 12.4707 6.81503C11.8134 6.20877 10.9562 5.8273 10.0076 5.77066Z"/><path d="M4.63383 17.9609C3.19773 17.06 2.01035 15.8006 1.20861 14.3001V18.3439H0.0288086V19.4856H5.77557V18.3439H4.63383V17.9609Z"/><path d="M18.3727 0V1.1798H9.77155C5.04968 1.1798 1.2085 5.02099 1.2085 9.74286C1.2085 14.4647 5.04968 18.3059 9.77155 18.3059C14.4934 18.3059 18.3346 14.4647 18.3346 9.74286C18.3346 8.33278 17.98 6.97399 17.329 5.74676H12.961C14.1389 6.68915 14.9094 8.12049 14.9094 9.74286C14.9094 12.576 12.6046 14.8807 9.77155 14.8807C6.93846 14.8807 4.63372 12.576 4.63372 9.74286C4.63372 6.99971 6.79976 4.77168 9.50857 4.63163L9.53518 4.60502H18.3727V5.74676H19.5144V0H18.3727Z"/><path d="M4.66865 1.50344C4.3242 1.29754 3.92162 1.17979 3.49198 1.17979C2.23264 1.17979 1.2085 2.20394 1.2085 3.46328C1.2085 3.89292 1.32624 4.2955 1.53214 4.63995C2.32288 3.36798 3.39668 2.29418 4.66865 1.50344Z"/><path d="M14.875 17.9823C15.2195 18.1882 15.622 18.3059 16.0517 18.3059C17.311 18.3059 18.3352 17.2818 18.3352 16.0224C18.3352 15.5928 18.2174 15.1902 18.0115 14.8457C17.2208 16.1177 16.147 17.1915 14.875 17.9823Z"/></svg>
                    <svg id="doors" class="carAktiv" fill=none height=1.67vh viewBox="0 0 20 18" width=1.85vh xmlns=http://www.w3.org/2000/svg><path d="M18.8591 1.55362C18.4473 0.729812 17.6188 0.217804 16.6972 0.217804H9.18816C7.75033 0.217804 6.37797 0.833856 5.42268 1.90859L1.78399 6.00156C0.963081 6.92452 0.51116 8.11313 0.514175 9.39824L1.16252 14.3994C1.25523 15.1161 1.58792 15.7927 2.09924 16.3036C2.72107 16.9254 3.54768 17.2679 4.42726 17.2679H17.5639C18.4189 17.2678 19.1142 16.5726 19.1142 15.7178V2.63439C19.1142 2.26126 19.026 1.88741 18.8591 1.55362ZM3.5241 7.54587L7.16222 3.45329C7.67688 2.8747 8.4159 2.5428 9.1898 2.5428H16.6976C16.7336 2.5428 16.7635 2.56097 16.7892 2.63439V8.74281H2.8702C2.94136 8.33259 3.14001 7.97879 3.5241 7.54587ZM17.1767 14.1678H3.22669C3.01249 14.1678 2.83917 13.9945 2.83917 13.7803C2.83917 13.5661 3.01249 13.3928 3.22669 13.3928H17.1767C17.3909 13.3928 17.5642 13.5661 17.5642 13.7803C17.5642 13.9945 17.3909 14.1678 17.1767 14.1678ZM17.1767 11.8428H14.8517C14.6375 11.8428 14.4642 11.6695 14.4642 11.4553C14.4642 11.2411 14.6375 11.0678 14.8517 11.0678H17.1767C17.3909 11.0678 17.5642 11.2411 17.5642 11.4553C17.5641 11.6695 17.3909 11.8428 17.1767 11.8428Z"/></svg>
                </div>

                <div class="car-kmh-datas">
                    <div class="car-kmh-box">
                        <p class="car-kmh-value">0</p>
                        <p class="car-kmh-txt">kmh</p>
                    </div>
                    <div class="car-kmh-right-left">
                        <svg id="blinkleft" fill=none class="" height=1.2vh viewBox="0 0 13 13" width=1.2vh xmlns=http://www.w3.org/2000/svg><path d="M1.75 8.66507C0.0833368 7.70282 0.083333 5.29719 1.75 4.33494L8.5 0.437824C10.1667 -0.524426 12.25 0.678385 12.25 2.60289V10.3971C12.25 12.3216 10.1667 13.5244 8.5 12.5622L1.75 8.66507Z"/></svg>
                        <svg id="blinkright" fill=none class="" height=1.2vh viewBox="0 0 13 13" width=1.2vh xmlns=http://www.w3.org/2000/svg><path d="M11.25 4.33493C12.9167 5.29718 12.9167 7.70281 11.25 8.66506L4.5 12.5622C2.83334 13.5244 0.75 12.3216 0.75 10.3971V2.60289C0.75 0.678389 2.83333 -0.524429 4.5 0.437822L11.25 4.33493Z"/></svg>
                    </div>
                </div>

                <div class="fuel-box">
                    <svg fill=none height=1.39vh viewBox="0 0 12 15"width=1.11vh xmlns=http://www.w3.org/2000/svg><path clip-rule=evenodd d="M2.08806 0.0220934C1.91885 0.0638199 1.75671 0.159685 1.62126 0.298128C1.36969 0.555236 1.32057 0.751104 1.32057 1.49693V2.03183L1.11807 2.06443C0.845455 2.1083 0.586593 2.2439 0.388105 2.44678C0.216373 2.62231 0.141818 2.74773 0.0538851 3.009C0.00195212 3.16329 0 3.36291 0 8.52975C0 13.8182 0.000775149 13.8927 0.0575598 14.0614C0.205435 14.5007 0.490077 14.7911 0.924574 14.9459C1.07001 14.9977 1.28851 15 6 15C10.7115 15 10.93 14.9977 11.0754 14.9459C11.5099 14.7911 11.7946 14.5007 11.9424 14.0614C11.9988 13.8939 12 13.8168 12 10.2757C12 6.73457 11.9988 6.65746 11.9424 6.48997C11.9108 6.39595 11.8511 6.25853 11.8098 6.18462C11.7635 6.10169 11.0353 5.33574 9.90804 4.18421C8.4809 2.72636 8.04517 2.29783 7.91601 2.22512C7.64093 2.07027 7.47491 2.04574 6.69861 2.04527L6.00485 2.04483L5.99526 1.40661C5.9859 0.786316 5.98349 0.763693 5.909 0.601247C5.81122 0.388007 5.61138 0.183747 5.40276 0.0838029L5.23923 0.00545564L3.7177 0.000467235C2.88086 -0.00229106 2.14754 0.007451 2.08806 0.0220934ZM7.06685 3.83757C7.20006 3.89435 7.40739 4.0933 8.65151 5.35804C9.43877 6.15835 10.1245 6.87918 10.1753 6.95987C10.5003 7.47567 10.3133 8.14374 9.76702 8.41863C9.59724 8.50408 9.54907 8.5149 9.3451 8.51355C8.9189 8.51068 8.99015 8.56854 7.32566 6.87469C6.28303 5.81366 5.83214 5.33533 5.7834 5.23852C5.50163 4.67903 5.80275 3.9627 6.39267 3.78904C6.57824 3.7344 6.87497 3.75576 7.06685 3.83757ZM5.13023 8.22085C5.21816 8.24662 5.79155 8.86714 6.04412 9.2099C6.46137 9.77606 6.62788 10.1364 6.65193 10.5251C6.69241 11.1795 6.32216 11.8088 5.72021 12.1088C5.07287 12.4314 4.33312 12.2962 3.81818 11.7612C3.4119 11.339 3.24517 10.7829 3.37369 10.2784C3.49163 9.81576 3.93428 9.15051 4.55024 8.51036C4.86749 8.18062 4.91394 8.15744 5.13023 8.22085Z" fill-rule=evenodd /></svg>
                    <p class="fuel-value">
                        <span id="fuelval">54</span>
                        <span>L</span>
                    </p>
                </div>

            </div>
        </div>
        
        <script src="./assets/js/script.js"></script>
    </body>
</html>