<xf:title page="{$page}">{$user.username}</xf:title>
<xf:h1 hidden="true" />
<xf:if is="!$user.isSearchEngineIndexable()">
  <xf:head option="metaNoindex">
    <meta name="robots" content="noindex" />
  </xf:head>
</xf:if>
<xf:macro template="metadata_macros" name="metadata" arg-shareUrl="{{ link('canonical:members', $user) }}" arg-canonicalUrl="{{ link('canonical:members', $user, {'page': $page}) }}" arg-imageUrl="{$user.getAvatarUrl('o', null, true)}" />
<xf:page option="ldJsonHtml">

</xf:page>
<xf:css>
  @media (max-width: 805px) {
  .emudevs__grid {
  display: grid;
  }
  }
</xf:css>
<xf:breadcrumb href="#">Профиль {$user.username}</xf:breadcrumb>
<xf:css src="zenettany.less" /> <!-- ПОМЕНЯЙ НА СВОЙ ШАБЛОН -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/simplebar/6.2.6/simplebar.min.js" integrity="sha512-Dt1UjtqFcH4JMOf6+ydsgAX24YDvUZjUiHXf+lMWfkW53ExN0WspGWv3YDtvmwAT96IaJ/qMmQUtzaRI+Zl6wQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<xf:profilebanner user="$user" size="l" class="memberHeader-main emudevs__member-cover-background" toggle="memberHeader--withBanner" />
<div class="emudevs__gap-6x emudevs__w-full">
  <div class="emudevs__w-full" style="min-width:100%">
    <div class="emudevs__flex-column emudevs__gap-8x">
      <div class="emudevs__member-profile-header emudevs__gap-8x">
        <xf:avatar user="{$user}" size="l" href="{{ $user.getAvatarUrl('o') ?: '' }}" style="height:7.5rem;width:7.5rem;border-radius: 1.25rem;" class="emudevs__shrink-0" />
        <div class="emudevs__flex emudevs__justify-end emudevs__gap-3x emudevs__wrap">
          <xf:if is="$xf.visitor.canStartConversationWith($user)">
            <a href="{{ link('conversations/add', null, {'to': $user.username}) }}" class="emudevs__button-normal is-square button" data-xf-init="tooltip" title="Start Conversation" id="js-XFUniqueId5"><span class="button-text">
                                <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M9.99996 17.7082C14.2571 17.7082 17.7083 14.257 17.7083 9.99984C17.7083 5.74265 14.2571 2.2915 9.99996 2.2915C5.74277 2.2915 2.29163 5.74265 2.29163 9.99984C2.29163 11.274 2.60076 12.4759 3.14811 13.5347L2.29163 17.7082L6.57403 16.9069C7.60606 17.4198 8.76929 17.7082 9.99996 17.7082Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                                </svg>
                            </span></a>
          </xf:if>
          <div class="buttonGroup-buttonWrapper">
            <button type="button" class="emudevs__button-normal is-square button" data-xf-click="menu" aria-expanded="false" aria-haspopup="true"><span class="button-text">
                                <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M9.99996 10.8332C10.4602 10.8332 10.8333 10.4601 10.8333 9.99984C10.8333 9.53959 10.4602 9.1665 9.99996 9.1665C9.53971 9.1665 9.16663 9.53959 9.16663 9.99984C9.16663 10.4601 9.53971 10.8332 9.99996 10.8332Z" fill="currentColor"></path>
                                    <path d="M16.875 10.8332C17.3352 10.8332 17.7083 10.4601 17.7083 9.99984C17.7083 9.53959 17.3352 9.1665 16.875 9.1665C16.4147 9.1665 16.0416 9.53959 16.0416 9.99984C16.0416 10.4601 16.4147 10.8332 16.875 10.8332Z" fill="currentColor"></path>
                                    <path d="M3.12496 10.8332C3.58519 10.8332 3.95829 10.4601 3.95829 9.99984C3.95829 9.53959 3.58519 9.1665 3.12496 9.1665C2.66473 9.1665 2.29163 9.53959 2.29163 9.99984C2.29163 10.4601 2.66473 10.8332 3.12496 10.8332Z" fill="currentColor"></path>
                                    <path d="M9.99996 10.8332C10.4602 10.8332 10.8333 10.4601 10.8333 9.99984C10.8333 9.53959 10.4602 9.1665 9.99996 9.1665C9.53971 9.1665 9.16663 9.53959 9.16663 9.99984C9.16663 10.4601 9.53971 10.8332 9.99996 10.8332Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                                    <path d="M16.875 10.8332C17.3352 10.8332 17.7083 10.4601 17.7083 9.99984C17.7083 9.53959 17.3352 9.1665 16.875 9.1665C16.4147 9.1665 16.0416 9.53959 16.0416 9.99984C16.0416 10.4601 16.4147 10.8332 16.875 10.8332Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                                    <path d="M3.12496 10.8332C3.58519 10.8332 3.95829 10.4601 3.95829 9.99984C3.95829 9.53959 3.58519 9.1665 3.12496 9.1665C2.66473 9.1665 2.29163 9.53959 2.29163 9.99984C2.29163 10.4601 2.66473 10.8332 3.12496 10.8332Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                                </svg>
                            </span></button>
            <div class="menu menu--left" data-menu="menu" aria-hidden="false" style="z-index:206;left:1472px;top:337px" tabindex="-1"><span class="menu-arrow sf-hidden" style="left:16px"></span>
              <div class="menu-content">

                <xf:if is="$user.user_id == $xf.visitor.user_id">
                 <a class="menu-linkRow" data-xf-init="copy-to-clipboard" data-copy-text="{$xf.options.boardUrl}/members/{$user.username}.{$user.user_id}/" style="cursor:pointer">
                      <svg xmlns="http://www.w3.org/2000/svg" 
                    width="24"
                    height="24" 
                    viewBox="0 0 24 24"><path fill="currentColor" d="M9 18q-.825 0-1.412-.587T7 16V4q0-.825.588-1.412T9 2h9q.825 0 1.413.588T20 4v12q0 .825-.587 1.413T18 18zm0-2h9V4H9zm-4 6q-.825 0-1.412-.587T3 20V6h2v14h11v2zm4-6V4z"/>
                    </svg>
                    Копировать ссылку на форумный аккаунт
                  </a>
                    <a class="menu-linkRow" href="{{ link('account/banner') }}" data-xf-click="overlay">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
                        <g fill="none" stroke="#757373" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.3">
                            <path stroke-dasharray="72" stroke-dashoffset="72" d="M3 14v-9h18v14h-18v-5">
                                <animate fill="freeze" attributeName="stroke-dashoffset" dur="0.66s" values="72;0" />
                            </path>
                            <path stroke-dasharray="24" stroke-dashoffset="24" stroke-width="1" d="M3 16l4 -3l3 2l6 -5l5 4">
                                <animate fill="freeze" attributeName="stroke-dashoffset" begin="0.66s" dur="0.44s" values="24;0" />
                            </path>
                        </g>
                        <circle cx="7.5" cy="9.5" r="1.5" fill="#757373" fill-opacity="0">
                            <animate fill="freeze" attributeName="fill-opacity" begin="1.1s" dur="0.22s" values="0;1" />
                        </circle>
                    </svg>
                    {{ phrase('edit_profile_banner') }}
                  </a>
                  <xf:else />
                  <xf:if is="$user.canBeReported()">
                    <a href="{{ link('members/report', $user) }}" class="menu-linkRow" data-xf-click="overlay">
                      <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M12 9.01917V12.0134M12 15H12.01M10.2765 3.99036L3.27481 15.998C2.49885 17.3288 3.45836 19 4.99836 19H19.0016C20.5416 19 21.5011 17.3288 20.7252 15.998L13.7235 3.99035C12.9536 2.66988 11.0464 2.66988 10.2765 3.99036ZM12.25 15C12.25 15.1381 12.1381 15.25 12 15.25C11.8619 15.25 11.75 15.1381 11.75 15C11.75 14.8619 11.8619 14.75 12 14.75C12.1381 14.75 12.25 14.8619 12.25 15Z" stroke="currentColor" stroke-width="2" stroke-linecap="round">
                        </path>
                      </svg>
                      Репорт
                    </a>
                  </xf:if>
                  <a class="menu-linkRow" data-xf-init="copy-to-clipboard" data-copy-text="{$xf.fullUri}" style="cursor:pointer">
                    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <path d="M8 8V7.2C8 6.0799 8 5.51984 8.21799 5.09202C8.40973 4.71569 8.71569 4.40973 9.09202 4.21799C9.51984 4 10.0799 4 11.2 4H16.8C17.9201 4 18.4802 4 18.908 4.21799C19.2843 4.40973 19.5903 4.71569 19.782 5.09202C20 5.51984 20 6.0799 20 7.2V12.8C20 13.9201 20 14.4802 19.782 14.908C19.5903 15.2843 19.2843 15.5903 18.908 15.782C18.4802 16 17.9201 16 16.8 16H16M16 11.2V16.8C16 17.9201 16 18.4802 15.782 18.908C15.5903 19.2843 15.2843 19.5903 14.908 19.782C14.4802 20 13.9201 20 12.8 20H7.2C6.0799 20 5.51984 20 5.09202 19.782C4.71569 19.5903 4.40973 19.2843 4.21799 18.908C4 18.4802 4 17.9201 4 16.8V11.2C4 10.0799 4 9.51984 4.21799 9.09202C4.40973 8.71569 4.71569 8.40973 5.09202 8.21799C5.51984 8 6.0799 8 7.2 8H12.8C13.9201 8 14.4802 8 14.908 8.21799C15.2843 8.40973 15.5903 8.71569 15.782 9.09202C16 9.51984 16 10.0799 16 11.2Z" stroke="currentColor" stroke-width="2" stroke-linecap="round"></path>
                    </svg>
                    Копировать ссылку на форумный аккаунт
                  </a>
                  <xf:if is="$xf.visitor.canIgnoreUser($user)">
                    <a class="menu-linkRow" href="{{ link('members/ignore', $user) }}" data-xf-click="overlay" data-sk-ignore="Ignore" data-sk-unignore="Unignore">
                      <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M12 20H4.5C4.86894 16.0754 7.8098 13 12 13C12.3419 13 12.6755 13.0205 13 13.0602M20 16L18 18M18 18L16 20M18 18L16 16M18 18L20 20M15.5 6.5C15.5 8.433 13.933 10 12 10C10.067 10 8.5 8.433 8.5 6.5C8.5 4.567 10.067 3 12 3C13.933 3 15.5 4.567 15.5 6.5Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                      </svg>
                      Игнорировать {$user.username}
                    </a>
                  </xf:if>
                </xf:if>
              </div>
            </div>
          </div>
          <xf:if is="$xf.visitor.is_admin OR $xf.visitor.is_moderator">
            <div class="buttonGroup-buttonWrapper">
              <button type="button" class="emudevs__button-normal is-square button" data-xf-click="menu" aria-expanded="false" aria-haspopup="true"><span class="button-text">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24">
                                        <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19.252 14.407a6.823 6.823 0 0 1-6.532 1.776a2.016 2.016 0 0 0-1.95.487l-4.28 4.294a.974.974 0 0 1-1.385 0l-2.067-2.069a.976.976 0 0 1 0-1.385l4.28-4.284a1.952 1.952 0 0 0 .488-1.951a6.835 6.835 0 0 1 1.912-6.65a6.823 6.823 0 0 1 6.736-1.566l-2.925 2.927c-.75.752-1.112 2.342-.341 3.103l1.715 1.727c.76.761 2.35.41 3.11-.351l2.925-2.927a6.836 6.836 0 0 1-1.686 6.869" />
                                    </svg> </span></button>
              <div class="menu" data-menu="menu" aria-hidden="true">
                <div class="menu-content">
                  <xf:macro template="member_macros" name="moderator_menu_actions" arg-user="{$user}" arg-context="profile" />
                </div>
              </div>
            </div>
          </xf:if>
        </div>
      </div>
      <div class="emudevs__flex-column emudevs__gap-6x">
        <div class="emudevs__flex-column">
          <h1 class="emudevs__align-vertical emudevs__heading-text-xl emudevs__font-medium emudevs__m-0">
            <xf:username user="{$user}" rich="true" href="" class="" />
          </h1>
          <xf:userblurb user="$user" tag="div" class="emudevs__text-sm emudevs__text-color-400" />
        </div>
        <div class="emudevs__member-profile-socials-block emudevs__flex emudevs__wrap emudevs__gap-3x">
          <xf:if is="$user.Profile.custom_fields.discord">

            <!-- -->
            <a>
              <div class="social-link" data-xf-init="tooltip copy-to-clipboard" data-copy-text="{$user.Profile.custom_fields.discord}" title="{$user.Profile.custom_fields.discord}" id="js-XFUniqueId4">
                <svg class="emudevs__icon-m" width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M19.289 5.33997C17.9093 4.70497 16.4527 4.25448 14.9565 4C14.7518 4.36793 14.5666 4.74649 14.4016 5.13408C12.8078 4.89266 11.1871 4.89266 9.59341 5.13408C9.42833 4.74653 9.24308 4.36798 9.03843 4C7.54129 4.25662 6.08378 4.70819 4.70267 5.3433C1.96081 9.42134 1.21754 13.3981 1.58918 17.3184C3.19488 18.511 4.99211 19.418 6.90276 20C7.33298 19.4183 7.71367 18.8012 8.04079 18.1553C7.41947 17.922 6.81978 17.6342 6.24868 17.2951C6.39898 17.1856 6.54599 17.0726 6.68803 16.9631C8.34982 17.7487 10.1636 18.156 12 18.156C13.8363 18.156 15.6501 17.7487 17.3119 16.9631C17.4556 17.0809 17.6026 17.1939 17.7512 17.2951C17.179 17.6347 16.5783 17.9231 15.9558 18.1569C16.2825 18.8026 16.6633 19.4192 17.0939 20C19.0061 19.4204 20.8048 18.5138 22.4107 17.32C22.8468 12.7738 21.6658 8.83354 19.289 5.33997ZM8.51153 14.9074C7.4759 14.9074 6.62031 13.9626 6.62031 12.8003C6.62031 11.638 7.44617 10.6849 8.50823 10.6849C9.57028 10.6849 10.4193 11.638 10.4011 12.8003C10.3829 13.9626 9.56698 14.9074 8.51153 14.9074ZM15.4884 14.9074C14.4511 14.9074 13.5988 13.9626 13.5988 12.8003C13.5988 11.638 14.4247 10.6849 15.4884 10.6849C16.5521 10.6849 17.3945 11.638 17.3763 12.8003C17.3581 13.9626 16.5438 14.9074 15.4884 14.9074Z" fill="currentColor"></path>
                </svg>
              </div>
            </a>
          </xf:if>
          <xf:if is="$user.Profile.custom_fields.discordid">

            <!-- -->
            <a>
              <div class="social-link" data-xf-init="tooltip copy-to-clipboard" data-copy-text="{$user.Profile.custom_fields.discordid}" title="{$user.Profile.custom_fields.discordid}" id="js-XFUniqueId5">
                <svg class="emudevs__icon-m" width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path fill-rule="evenodd" clip-rule="evenodd" d="M19.2159 5.18218L19.4113 5.46935C21.6418 8.7479 22.7652 12.4834 22.3536 16.7744L22.3006 17.3271L21.855 17.6583C20.3343 18.7886 18.631 19.6472 16.8197 20.1963L15.9772 20.4516L15.4529 19.7444C15.1262 19.3038 14.8291 18.842 14.5634 18.3622C13.7235 18.544 12.8643 18.6365 11.9999 18.6365C11.1343 18.6365 10.274 18.5438 9.43304 18.3615C9.16749 18.841 8.8708 19.3026 8.54483 19.7433L8.01997 20.4529L7.17562 20.1958C5.36648 19.6447 3.66502 18.786 2.14513 17.6571L1.69854 17.3254L1.64604 16.7716C1.29554 13.0743 2.00598 9.30253 4.57743 5.47794L4.7734 5.18645L5.09252 5.03971C6.39995 4.43848 7.77985 4.01095 9.19737 3.76797L10.0704 3.61832L10.501 4.39244C10.5474 4.47592 10.5928 4.55996 10.6372 4.64452C11.5424 4.56367 12.453 4.56367 13.3582 4.64452C13.4027 4.55987 13.4481 4.47575 13.4946 4.3922L13.9246 3.61941L14.7965 3.7677C16.2139 4.00877 17.5936 4.43552 18.9004 5.03697L19.2159 5.18218ZM7.35196 16.3427C7.79822 16.5536 8.25701 16.7334 8.72505 16.8813C9.15242 17.0164 9.58751 17.1248 10.0278 17.206C10.6765 17.3258 11.3365 17.3865 11.9999 17.3865C12.6622 17.3865 13.3212 17.326 13.9689 17.2066C14.4092 17.1255 14.8442 17.0172 15.2716 16.8823C15.7407 16.7343 16.2006 16.5541 16.6478 16.3427C16.7736 16.4458 16.9022 16.5446 17.0323 16.6333C16.968 16.6714 16.9033 16.7088 16.8382 16.7454C16.7603 16.7894 16.6817 16.8322 16.6026 16.874C16.3909 16.9858 16.1751 17.0899 15.9559 17.1861C15.7929 17.2576 15.628 17.3247 15.4613 17.3873C15.5703 17.6028 15.6862 17.8146 15.8088 18.0223C15.9006 18.1779 15.9962 18.3313 16.0954 18.4823C16.2111 18.6582 16.3316 18.8308 16.4571 19C18.1303 18.4928 19.7041 17.6996 21.1093 16.655C21.4909 12.677 20.4575 9.22935 18.3778 6.17248C17.1705 5.61685 15.8961 5.22267 14.5869 5C14.4078 5.32194 14.2457 5.65318 14.1013 5.99232C12.7068 5.78107 11.2887 5.78107 9.89416 5.99232C9.74972 5.65321 9.58763 5.32198 9.40856 5C8.09856 5.22455 6.82323 5.61966 5.61476 6.17538C3.21564 9.74367 2.56528 13.2233 2.89046 16.6536C4.29544 17.6971 5.86802 18.4908 7.53984 19C7.66532 18.8304 7.78597 18.6573 7.90169 18.4809C8.00072 18.33 8.09613 18.1768 8.18783 18.0213C8.31045 17.8133 8.42645 17.6014 8.53562 17.3858C8.34846 17.3156 8.16355 17.2396 7.98112 17.1582C7.78244 17.0695 7.58672 16.9742 7.39427 16.8725C7.31614 16.8312 7.23856 16.7888 7.16154 16.7455C7.09646 16.7088 7.03178 16.6714 6.96752 16.6333C7.09904 16.5374 7.22767 16.4386 7.35196 16.3427Z" fill="currentColor"></path>
                  <path d="M10.5 7.5L9.5 15.5M14.5 7.5L13.5 15.5M8 9.5H16M16 13.5H8" stroke="#4ADE80" stroke-linecap="round"></path>
                </svg>
              </div>
            </a>
          </xf:if>
          <xf:if is="$user.Profile.custom_fields.telegram">
            <div class="social-link" data-xf-init="tooltip" title="{$user.Profile.custom_fields.telegram}" id="js-XFUniqueId5">
              <a class="emudevs__div-link" href="https://t.me/{$user.Profile.custom_fields.telegram}" target="_blank">
                <svg class="emudevs__icon-m" width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M1.58098 10.6794C7.75614 7.99825 11.8729 6.23053 13.9312 5.37652C19.8152 2.93786 21.0363 2.51432 21.8338 2.50014C22.0092 2.49717 22.3997 2.54038 22.6545 2.74588C22.8663 2.91906 22.9259 3.15326 22.9557 3.31753C22.9822 3.4818 23.0186 3.85619 22.9889 4.14845C22.6712 7.48664 21.2912 15.5873 20.5896 19.3263C20.2951 20.9084 19.7093 21.4388 19.1434 21.4906C17.9123 21.6034 16.9791 20.6804 15.7877 19.9022C13.9246 18.6841 12.8723 17.926 11.0621 16.7376C8.97063 15.364 10.3274 14.609 11.5188 13.3753C11.8298 13.0524 17.2504 8.1391 17.353 7.69346C17.3663 7.63771 17.3796 7.4299 17.2538 7.32039C17.1314 7.21054 16.9492 7.24815 16.8169 7.27783C16.6282 7.32006 13.6532 9.28206 7.88175 13.1635C7.03788 13.7421 6.27345 14.0241 5.58511 14.0093C4.83059 13.9931 3.37459 13.5831 2.29245 13.2328C0.968726 12.803 -0.0869939 12.5757 0.00566664 11.8457C0.0519969 11.4657 0.57826 11.0768 1.58098 10.6794Z" fill="currentColor"></path>
                </svg>
              </a>
            </div>
          </xf:if>
          <xf:if is="$user.Profile.custom_fields.instagram">
            <div class="social-link" data-xf-init="tooltip" title="{$user.Profile.custom_fields.instagram}" id="js-XFUniqueId6">
              <a class="emudevs__div-link" href="https://instagram.com/{$user.Profile.custom_fields.instagram}" target="_blank">
                <svg class="emudevs__icon-m" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                  <path d="M8.60156 3.75C5.93848 3.75 3.75 5.93555 3.75 8.60156V15.3984C3.75 18.0615 5.93555 20.25 8.60156 20.25H15.3984C18.0615 20.25 20.25 18.0645 20.25 15.3984V8.60156C20.25 5.93848 18.0645 3.75 15.3984 3.75H8.60156ZM8.60156 5.25H15.3984C17.2529 5.25 18.75 6.74707 18.75 8.60156V15.3984C18.75 17.2529 17.2529 18.75 15.3984 18.75H8.60156C6.74707 18.75 5.25 17.2529 5.25 15.3984V8.60156C5.25 6.74707 6.74707 5.25 8.60156 5.25ZM16.4297 6.89062C16.0518 6.89062 15.75 7.19238 15.75 7.57031C15.75 7.94824 16.0518 8.25 16.4297 8.25C16.8076 8.25 17.1094 7.94824 17.1094 7.57031C17.1094 7.19238 16.8076 6.89062 16.4297 6.89062ZM12 7.5C9.52441 7.5 7.5 9.52441 7.5 12C7.5 14.4756 9.52441 16.5 12 16.5C14.4756 16.5 16.5 14.4756 16.5 12C16.5 9.52441 14.4756 7.5 12 7.5ZM12 9C13.667 9 15 10.333 15 12C15 13.667 13.667 15 12 15C10.333 15 9 13.667 9 12C9 10.333 10.333 9 12 9Z" fill="currentColor"></path>
                </svg>
              </a>
            </div>
          </xf:if>
          <xf:if is="$user.Profile.custom_fields.twitter">
            <div class="social-link" data-xf-init="tooltip" title="{$user.Profile.custom_fields.twitter}" id="js-XFUniqueId7">
              <a class="emudevs__div-link" href="https://x.com/{$user.Profile.custom_fields.twitter}" target="_blank">
                <svg class="emudevs__icon-m" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                  <path d="M16.6009 5H19.0544L13.6943 10.9303L20 19H15.0627L11.1957 14.1057L6.77087 19H4.31595L10.049 12.6569L4 5H9.06262L12.5581 9.47354L16.6009 5ZM15.7399 17.5785H17.0993L8.32392 6.34687H6.86506L15.7399 17.5785Z" fill="currentColor"></path>
                </svg>
              </a>
            </div>
          </xf:if>
          <xf:if is="$user.Profile.custom_fields.website">
            <div class="social-link" data-xf-init="tooltip" title="{$user.Profile.custom_fields.website}" id="js-XFUniqueId7">
              <a class="emudevs__div-link" href="{$user.Profile.custom_fields.website}" target="_blank">
                <svg class="emudevs__icon-m" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24">
                  <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
                    <path d="M3.338 17A9.996 9.996 0 0 0 12 22a9.996 9.996 0 0 0 8.662-5M3.338 7A9.996 9.996 0 0 1 12 2a9.996 9.996 0 0 1 8.662 5"></path>
                    <path d="M13 21.95s1.408-1.853 2.295-4.95M13 2.05S14.408 3.902 15.295 7M11 21.95S9.592 20.098 8.705 17M11 2.05S9.592 3.902 8.705 7M9 10l1.5 5l1.5-5l1.5 5l1.5-5M1 10l1.5 5L4 10l1.5 5L7 10m10 0l1.5 5l1.5-5l1.5 5l1.5-5"></path>
                  </g>
                </svg>
              </a>
            </div>
          </xf:if>
        </div>
        <div class="emudevs__flex-column emudevs__gap-2x">
          <div class="emudevs__member-profile-about">
            <p class="emudevs__text-sm emudevs__font-medium emudevs__text-color-400 emudevs__js-profile-about-clip">
              {{ bb_code($user.Profile.about, 'user:about', $user) }}
            </p>
          </div>
          <div class="emudevs__align-vertical emudevs__wrap emudevs__text-sm emudevs__font-semibold emudevs__text-color-300">
            <span class="emudevs__align-vertical emudevs__gap-1x emudevs__white-space-nowrap">
                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M5.16667 3.16683V1.8335M10.8333 3.16683V1.8335M3.83333 13.5002H12.1667C12.9031 13.5002 13.5 12.9032 13.5 12.1668V4.50016C13.5 3.76378 12.9031 3.16683 12.1667 3.16683H3.83333C3.09695 3.16683 2.5 3.76378 2.5 4.50016V12.1668C2.5 12.9032 3.09695 13.5002 3.83333 13.5002Z" stroke="var(--emudevs__text-color-300)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                            </svg>
                            <span>Присоединился {{ date($user.register_date, 'M, Y') }}</span>
            </span>
            <div class="emudevs__simple-dot-separator emudevs__text-color-500 emudevs__mi-2x"></div>
            <span class="emudevs__align-vertical emudevs__gap-1x emudevs__white-space-nowrap">
                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M5.83333 2.5L4.5 13.5M11.5 2.5L10.1667 13.5M2.5 5.16667H13.5M13.5 10.8333H2.5" stroke="var(--emudevs__text-color-300)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                            </svg>
                            <span>
                                UID
                                {{ $user.user_id }}
                            </span>
            </span>
            <div class="emudevs__simple-dot-separator emudevs__text-color-500 emudevs__mi-2x"></div>
            <span class="emudevs__align-vertical emudevs__gap-1x emudevs__white-space-nowrap">
                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M5.16667 3.16683V1.8335M10.8333 3.16683V1.8335M11.3333 9.8335V11.3332L12.5 12.5002M5.83333 13.5002H3.83333C3.09695 13.5002 2.5 12.9032 2.5 12.1668V4.50016C2.5 3.76378 3.09695 3.16683 3.83333 3.16683H12.1667C12.9031 3.16683 13.5 3.76378 13.5 4.50016V5.8335M9.99447 8.10076C11.7801 7.36116 13.8264 8.2093 14.5661 9.99476C15.3057 11.7803 14.4575 13.8266 12.6719 14.5662C10.8864 15.3058 8.84007 14.4577 8.1004 12.6722C7.36127 10.8872 8.20887 8.84043 9.99447 8.10076Z" stroke="var(--emudevs__text-color-300)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                            </svg>
                            <span>
                                <xf:if is="$user.activity_visible == '0'">
                                    Этот пользователь скрыт
                                    <xf:else />
                                    <xf:useractivity user="$user" class="pairs--plainLabel" />
                                </xf:if>
                            </span>
            </span>
          </div>
        </div>
      </div>
      <div class="emudevs__member-profile-stats">
        <div class="emudevs__flex-column emudevs__flex-1">
          <span class="emudevs__text-sm emudevs__font-medium emudevs__text-color-300 emudevs__text-center ">Баллов</span>
          <span class="emudevs__align-vertical emudevs__gap-1x emudevs__heading-text-lg emudevs__font-semibold emudevs__text-color-white emudevs__justify-center">
                        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M5.45545 12.1799C4.26355 11.8427 3.22874 11.0566 2.59209 9.95994C1.72867 8.47277 1.72867 6.64049 2.59209 5.15332C3.45552 3.66614 5.0511 2.75 6.77785 2.75H10.0001C12.0392 2.75 13.7833 4.00568 14.4933 5.78189M11.6112 15.2633H10.0001C8.27329 15.2633 6.67771 14.3471 5.81428 12.86C4.95095 11.3728 4.95095 9.54049 5.81428 8.05332C6.67771 6.56614 8.27329 5.65 10.0001 5.65H13.2223C15.8917 5.65 18.0557 7.802 18.0557 10.4567C18.0557 13.3486 16.0724 15.236 11.6112 17.25V15.2633Z" stroke="var(--emudevs__kingz-green-color)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                        </svg>
                        <a href="{{ link('search:search/member') }}?user_id={{ $user.user_id }}&type=thread">{$user.trophy_points|number}</a>
                    </span>
        </div>
        <div class="emudevs__flex-column emudevs__flex-1">
          <span class="emudevs__text-sm emudevs__font-medium emudevs__text-color-300 emudevs__text-center">Постов</span>
          <span class="emudevs__align-vertical emudevs__gap-1x emudevs__heading-text-lg emudevs__font-semibold emudevs__text-color-white emudevs__justify-center">
                        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path fill-rule="evenodd" clip-rule="evenodd" d="M10 14.7672H7.98584C5.82707 14.7672 3.83228 13.6219 2.7529 11.7627C1.67351 9.90345 1.67351 7.61279 2.7529 5.75357C3.83228 3.89435 5.82707 2.74902 7.98584 2.74902H12.0142C15.3513 2.74902 18.0566 5.43939 18.0566 8.75812C18.0566 12.3736 15.5772 14.7332 10 17.251V14.7672Z" stroke="var(--emudevs__kingz-green-color)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                        </svg>
                        <a href="{{ link('search:search/member') }}?user_id={{ $user.user_id }}">{$user.message_count|number}</a>
                    </span>
        </div>
        <div class="emudevs__flex-column emudevs__flex-1">
          <span class="emudevs__text-sm emudevs__font-medium emudevs__text-color-300 emudevs__text-center">Лайков</span>
          <span class="emudevs__align-vertical emudevs__gap-1x emudevs__heading-text-lg emudevs__font-semibold emudevs__text-color-white emudevs__justify-center">
                        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M2.29163 9.79167C2.29163 8.87117 3.03782 8.125 3.95829 8.125H4.79163C5.7121 8.125 6.45829 8.87117 6.45829 9.79167V15.2083C6.45829 16.1288 5.7121 16.875 4.79163 16.875H3.95829C3.03782 16.875 2.29163 16.1288 2.29163 15.2083V9.79167Z" stroke="#26BB74" stroke-width="1.5" stroke-linejoin="round"></path>
                            <path d="M10.3442 2.34028L9.95154 2.2915C8.75004 6.24984 6.45837 7.05269 6.45837 9.40292V14.954C6.45837 15.6227 6.84523 16.2407 7.47749 16.4695C9.62312 17.2459 11.8675 17.412 14.1364 17.2166C15.522 17.0973 16.6077 16.0339 16.913 14.6855L17.644 11.457C18.0091 9.84409 16.775 8.31093 15.1114 8.31093H11.2655L12.0866 5.6588C12.5612 4.12616 11.9453 2.53917 10.3442 2.34028Z" stroke="#26BB74" stroke-width="1.5" stroke-linejoin="round"></path>
                        </svg>
                        {$user.reaction_score|number}
                    </span>
        </div>
      </div>
      <div class="emudevs__flex-column emudevs__gap-8x emudevs__w-full" style="min-width:100%">
        <div class="emudevs__flex-column emudevs__gap-3x emudevs__background emudevs__p-3x emudevs__rounded-2x emudevs__border-1">
          <div class="emudevs__align-vertical">
            <div class="emudevs__block-icon emudevs__mr-3x">
              <div class="emudevs__block-icon-inner">
                <svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M6.66663 10.9163C6.66663 11.8004 7.01782 12.6482 7.64294 13.2734C8.26806 13.8985 9.1159 14.2497 9.99996 14.2497C10.884 14.2497 11.7319 13.8985 12.357 13.2734C12.9821 12.6482 13.3333 11.8004 13.3333 10.9163C13.3333 10.0323 12.9821 9.18444 12.357 8.55932C11.7319 7.9342 10.884 7.58301 9.99996 7.58301C9.1159 7.58301 8.26806 7.9342 7.64294 8.55932C7.01782 9.18444 6.66663 10.0323 6.66663 10.9163Z" stroke="var(--emudevs__kingz-green-color)" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
                  <path d="M7.08329 8.83285L6.24996 6.74951H1.66663L3.73329 11.5728C3.8619 11.8728 4.07576 12.1285 4.34834 12.308C4.62092 12.4876 4.94022 12.5831 5.26663 12.5828H7.08329" stroke="var(--emudevs__kingz-green-color)" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
                  <path d="M12.9166 8.83285L13.75 6.74951H18.3333L16.2666 11.5728C16.138 11.8728 15.9242 12.1285 15.6516 12.308C15.379 12.4876 15.0597 12.5831 14.7333 12.5828H12.9166" stroke="var(--emudevs__kingz-green-color)" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
                </svg>
              </div>
            </div>
            <h3 class="emudevs__m-0 emudevs__heading-text-base emudevs__font-medium emudevs__text-color-white">Группы</h3>
          </div>
          <div>
            <div class="emudevs__flex emudevs__justify-center emudevs__wrap emudevs__gap-3x emudevs__mblock-3x">
              <xf:userbanners user="$user" />
            </div>
          </div>
        </div>
      </div>
    </div>

:root {
    --emudevs__border-color: #17181F;
    --emudevs__background: #0B0C10;
    --emudevs__text-color-300: #565e6b;
    --emudevs__text-color-400: #414854;
    --emudevs__text-color-500: #313740;
    --emudevs__text-color-white: #EAECF2;
    --emudevs__dark-block-color-100: #0a0a0e;
    --emudevs__kingz-green-color: #26BB74;
    --emudevs__icon-style-01-border: 1px solid rgba(74,222,128,0.25);
    --emudevs__icon-style-01-bg: radial-gradient(150% 150% at 50% 0%, transparent 0%, rgba(74,222,128,0.25) 100%),#000;
}

@font-face {
    font-family: 'AeonikPro';
    src: url('https://cdn.kingz.net/styles/dope/c/AeonikPro-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'AeonikPro';
    src: url('https://cdn.kingz.net/styles/dope/c/AeonikPro-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'AeonikPro';
    src: url('https://cdn.kingz.net/styles/dope/c/AeonikPro-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

a {
    color: var(--emudevs__text-color-white);
}

.button-text {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.emudevs__icon-style-01 {
    background: var(--emudevs__icon-style-01-bg);
    border: var(--emudevs__icon-style-01-border);
}

@keyframes emudevs__keyframe-tabpanels {
    0% {
        transform: translateY(2rem);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes swiper-preloader-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

:root { --swiper-theme-color: #007aff; }

.memberHeader-main {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-height: 250px;
}

.memberHeader-main > .bbImageWrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.memberHeader-main .memberHeader--withBanner & { min-height: 250px; }

.memberHeader-mainContent { position: relative; }

.memberHeader--withBanner .username,
.memberHeader--withBanner .memberHeader-nameChangeIndicator .fa-history {
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

a.button {
    cursor: pointer;
    white-space: nowrap;
    font-size: 14px;
    text-align: center;
    font-weight: 500;
    line-height: 20px;
    color: #FFF;
}

span.button.button--cta {
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 2.5C3 2.77615 2.77612 3 2.5 3C2.22388 3 2 2.77615 2 2.5C2 2.22385 2.22388 2 2.5 2C2.77612 2 3 2.22385 3 2.5ZM3 7.5C3 7.77615 2.77612 8 2.5 8C2.22388 8 2 7.77615 2 7.5C2 7.22385 2.22388 7 2.5 7C2.77612 7 3 7.22385 3 7.5ZM2.5 13C2.77612 13 3 12.7761 3 12.5C3 12.2239 2.77612 12 2.5 12C2.22388 12 2 12.2239 2 12.5C2 12.7761 2.22388 13 2.5 13ZM8 2.5C8 2.77615 7.77612 3 7.5 3C7.22388 3 7 2.77615 7 2.5C7 2.22385 7.22388 2 7.5 2C7.77612 2 8 2.22385 8 2.5ZM7.5 8C7.77612 8 8 7.77615 8 7.5C8 7.22385 7.77612 7 7.5 7C7.22388 7 7 7.22385 7 7.5C7 7.77615 7.22388 8 7.5 8ZM8 12.5C8 12.7761 7.77612 13 7.5 13C7.22388 13 7 12.7761 7 12.5C7 12.2239 7.22388 12 7.5 12C7.77612 12 8 12.2239 8 12.5ZM12.5 3C12.7761 3 13 2.77615 13 2.5C13 2.22385 12.7761 2 12.5 2C12.2239 2 12 2.22385 12 2.5C12 2.77615 12.2239 3 12.5 3ZM13 7.5C13 7.77615 12.7761 8 12.5 8C12.2239 8 12 7.77615 12 7.5C12 7.22385 12.2239 7 12.5 7C12.7761 7 13 7.22385 13 7.5ZM12.5 13C12.7761 13 13 12.7761 13 12.5C13 12.2239 12.7761 12 12.5 12C12.2239 12 12 12.2239 12 12.5C12 12.7761 12.2239 13 12.5 13Z' fill='%234ADE80' fill-opacity='0.16'/%3E%3C/svg%3E%0A");
    background-color: rgba(74,222,128,0.06);
    transition: 0.3s;
}

.button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.375rem 0.75rem;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
    transition: background-color .125s ease, border-color .125s ease, color .125s ease;
    font-size: 14px;
    border-radius: 50%;
    font-weight: 500;
    line-height: 20px;
    color: var(--emudevs__text-color-white);
    background: #14151a;
    border-color: #0e0e12 #24262e #24262e #0e0e12;
}

.button:not(.button--splitTrigger):hover,
.button:not(.button--splitTrigger):focus,
.button:not(.button--splitTrigger):active { background-color: #14151a; }

.button.button--cta {
    color: #fff;
    background: #28354a;
    border-color: #1f2939 #31415b #31415b #1f2939;
}

.button.button--cta:not(.button--splitTrigger):hover,
.button.button--cta:not(.button--splitTrigger):focus,
.button.button--cta:not(.button--splitTrigger):active { background-color: #14151a; }

svg {
    fill: transparent;
    flex-shrink: 0;
}

.menu-content {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
    font-size: 0.875rem;
    color: var(--emudevs__text-color-400);
    border: 1px solid var(--emudevs__border-color);
    background-color: var(--emudevs__background);
    border-radius: 0.5rem;
    box-shadow: 0px 4px 12px var(--emudevs__dark-block-color-100);
}

.menu--structural.menu--left .menu-content { border-top-left-radius: 0; }
.menu--structural.menu--right .menu-content { border-top-right-radius: 0; }

.menu--potentialFixed .menu-content {
    overflow: auto;
    max-height: 450px;
    max-height: 80vh;
}

.sf-hidden { display: none; }

.menu-linkRow {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    gap: 0.25rem;
    font-weight: 500;
    margin: 0.25rem;
    border-left: 3px solid transparent;
    color: var(--emudevs__text-color-300);
    text-decoration: none;
    border: 0;
}

.menu-linkRow.menu-linkRow--alt { background-color: #f5f5f5; }

.menu-linkRow.is-selected,
.menu-linkRow:hover,
.menu-linkRow:focus { background-color: #f0f0f0; }

.menu-linkRow:focus { outline: 0; }

.menu-linkRow.is-selected { border-left-color: #0077cc; }
.menu-linkRow.is-hidden { display: none; }

.menu-linkRow i[aria-hidden=true] {
    font-size: 12px;
    display: inline-block;
    width: 23px;
}

.menu-linkRow i[aria-hidden=true] ~ .menu-linkRow-hint { padding-left: 23px; }

.menu-linkRow:hover i[aria-hidden=true]:after { color: #0055aa; }

.menu-linkRow-hint {
    font-style: inherit;
    font-size: 11px;
    color: #666;
    display: block;
}

.emudevs__tab-body-animation.is-active {
    animation: emudevs__keyframe-tabpanels 0.5s cubic-bezier(.4,0,.2,1);
}

.emudevs__member-award-card .emudevs__-member-award-badge-upgrade[data-upgrade="divine"] {
    color: var(--emudevs__-color-grey);
    background: var(--emudevs__color-grey-fade-10);
}

.emudevs__member-award-card .emudevs__-member-award-badge-upgrade[data-upgrade="mythical"] {
    color: var(--emudevs__color-purple-light);
    background: var(--emudevs__color-purple-fade-10);
}

.emudevs__member-award-card .emudevs__-member-award-badge-upgrade[data-upgrade="prime"] {
    color: var(--emudevs__color-yellow-light);
    background: var(--emudevs__color-yellow-fade-10);
}

.emudevs__member-award-card .emudevs__-member-award-badge-upgrade {
    display: flex;
    position: absolute;
    top: 0.125rem;
    right: 0.125rem;
    padding: 0.125rem;
    border-radius: 0.25rem;
    cursor: pointer;
}

.emudevs__member-cover-background {
    position: absolute;
    top: 64px;
    left: 0;
    width: 100%;
    height: 22.5rem;
    -webkit-mask-image: linear-gradient(0deg, transparent 0%, rgba(0,0,0,0.4) 100%);
    mask-image: linear-gradient(0deg, transparent 0%, rgba(0,0,0,0.4) 100%);
    z-index: 1;
}

.emudevs__member-grid {
    padding-top: 5.75rem;
    display: grid;
    grid-template-columns: minmax(282px, 384px) minmax(500px, 1fr);
}

.emudevs__member-profile-header {
    display: flex;
    justify-content: space-between;
    align-items: end;
}

.emudevs__member-profile-rep {
    display: flex;
    gap: 0.125rem;
    padding: 0.25rem;
    border-radius: 0.5rem;
    background: var(--emudevs__block-color-100);
}

.emudevs__member-profile-stats {
    display: flex;
    padding: 0.5rem 0.75rem;
    border: 1px solid var(--emudevs__border-color);
    border-radius: 0.5rem;
}

.emudevs__member-profile-rep-bar {
    position: relative;
    display: flex;
    padding: 0.125rem;
    min-height: 0.563rem;
    border-radius: 9999px;
    background: var(--emudevs__dark-block-color-100);
    cursor: pointer;
}

.emudevs__member-profile-rep-bar .emudevs__rep-bar-percen {
    height: 0.313rem;
    border-radius: 0.125rem;
}

.emudevs__member-profile-awards-grid {
    grid-template-columns: repeat(auto-fill, minmax(56px, 1fr));
}

.emudevs__member-award-card {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1;
    border-radius: 0.5rem;
    background: var(--emudevs__block-color-100);
    isolation: isolate;
    overflow: hidden;
}

.rep-tooltip {
    position: absolute;
    bottom: 1rem;
    left: 0;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 0.5rem;
    border-radius: 0.5rem;
    background: var(--emudevs__block-color-300);
    opacity: 0;
    visibility: hidden;
    transform: translateX(1rem);
    transition: transform .4s cubic-bezier(.4,0,.2,1), opacity .2s ease, visibility .2s ease;
}

.emudevs__member-profile-rep-bar:hover .rep-tooltip {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}

.emudevs__rounded-2x { border-radius: 0.5rem; }
.emudevs__heading-text-base { font-size: 16px; line-height: 24px; }
.emudevs__mblock-3x { margin-block: 0.75rem; }
.emudevs__mr-3x { margin-right: 0.75rem; }
.emudevs__p-3x { padding: 0.75rem; }
.emudevs__w-full { width: 100%; }
.emudevs__flex { display: flex; }
.emudevs__wrap { flex-wrap: wrap; }
.emudevs__heading-text-xl { font-size: 20px; line-height: 28px; }
.emudevs__font-medium { font-weight: 500; }
.emudevs__m-0 { margin: 0; }
.emudevs__font-semibold { font-weight: 600; }
.emudevs__mi-2x { margin-inline: 0.5rem; }
.emudevs__flex-1 { flex: 1 1 0%; }
.emudevs__heading-text-lg { font-size: 18px; line-height: 28px; }
.emudevs__white-space-nowrap { white-space: nowrap; }
.emudevs__text-sm { font-size: 14px; line-height: 20px; }
.emudevs__shrink-0 { flex-shrink: 0; }
.emudevs__grid { display: grid; }
.emudevs__background { background: var(--emudevs__background); }

.emudevs__block-icon,
.emudevs__block-icon-lg {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--emudevs__border-color);
    border-radius: 0.5rem;
    padding: 0.125rem;
    flex-shrink: 0;
}

.emudevs__block-icon {
    width: 2rem;
    height: 2rem;
}

.emudevs__block-icon-lg {
    width: 2.5rem;
    height: 2.5rem;
}

.emudevs__block-icon .emudevs__block-icon-inner,
.emudevs__block-icon-lg .emudevs__block-icon-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border-radius: 0.25rem;
    background: var(--emudevs__kingz-green-color-fade-5);
}

.emudevs__border-1 { border: 1px solid var(--emudevs__border-color); }
.emudevs__gap-6x { position: relative; z-index: 2; margin-top: 1.5rem; }
.emudevs__flex-column { display: flex; flex-direction: column; }
.emudevs__justify-end { justify-content: end; }
.emudevs__justify-center { justify-content: center; }
.emudevs__text-center { text-align: center; }
.emudevs__align-vertical { display: flex; align-items: center; }

.emudevs__gap-1x { gap: 0.25rem; }
.emudevs__gap-2x { gap: 0.5rem; }
.emudevs__gap-3x { gap: 0.75rem; }
.emudevs__gap-8x { gap: 2rem; }

.emudevs__text-color-white { color: var(--emudevs__text-color-white); }
.emudevs__kingz-green-color { color: var(--emudevs__kingz-green-color); }
.emudevs__text-color-500 { color: var(--emudevs__text-color-500); }
.emudevs__text-color-300 { color: var(--emudevs__text-color-300); }
.emudevs__text-color-400 { color: var(--emudevs__text-color-400); }

.emudevs__simple-dot-separator {
    background-color: currentColor;
    width: 0.188rem;
    height: 0.188rem;
    border-radius: 9999px;
    vertical-align: middle;
    flex-shrink: 0;
}

.emudevs__challenge-type-badge .emudevs__icon-m { margin-right: .25rem; }
.emudevs__button-normal.is-square { padding-inline: 0.375rem; }

.emudevs__grid-bg {
    position: absolute;
    inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0.5H59.5V60' stroke='rgba(255, 255, 255, .03)' /%3E%3C/svg%3E%0A");
    background-position: bottom center;
    -webkit-mask-image: linear-gradient(360deg, #000 0%, rgba(0,0,0,0) 50%);
    mask-image: linear-gradient(360deg, #000 0%, rgba(0,0,0,0) 50%);
}

.emudevs__carousel-side-shadow:after,
.emudevs__carousel-side-shadow:before {
    content: "";
    position: absolute;
    top: 0;
    z-index: 10;
    width: 4rem;
    height: 100%;
    pointer-events: none;
    transition: width .25s ease, opacity .25s ease;
}

.emudevs__carousel-side-shadow:before {
    left: 0;
    background: linear-gradient(to right, var(--emudevs__background) 0%, transparent 100%);
}

.emudevs__carousel-side-shadow:after {
    right: 0;
    background: linear-gradient(to left, var(--emudevs__background) 0%, transparent 100%);
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box;
}

.swiper-horizontal { touch-action: pan-y; }

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block;
}

[data-simplebar] {
    position: relative;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
}

.simplebar-wrapper {
    overflow: hidden;
    width: inherit;
    height: inherit;
    max-width: inherit;
    max-height: inherit;
}

.simplebar-mask {
    direction: inherit;
    position: absolute;
    overflow: hidden;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: auto;
    height: auto;
    z-index: 0;
}

.simplebar-offset {
    direction: inherit;
    box-sizing: inherit;
    resize: none;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
    -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
    direction: inherit;
    box-sizing: border-box;
    position: relative;
    display: block;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}

.simplebar-content:before,
.simplebar-content:after {
    content: " ";
    display: table;
}

.simplebar-placeholder {
    max-height: 100%;
    max-width: 100%;
    pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
    box-sizing: inherit;
    height: 100%;
    width: 100%;
    max-width: 1px;
    position: relative;
    float: left;
    max-height: 1px;
    overflow: hidden;
    z-index: -1;
    padding: 0;
    margin: 0;
    pointer-events: none;
    flex-grow: inherit;
    flex-shrink: 0;
    flex-basis: 0;
}

.simplebar-height-auto-observer {
    box-sizing: inherit;
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 1000%;
    width: 1000%;
    min-height: 1px;
    min-width: 1px;
    overflow: hidden;
    pointer-events: none;
    z-index: -1;
}

.simplebar-track {
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: 0;
    pointer-events: none;
    overflow: hidden;
}

.simplebar-scrollbar {
    position: absolute;
    left: 0;
    right: 0;
    min-height: 10px;
}

.simplebar-scrollbar:before {
    position: absolute;
    content: "";
    background: black;
    border-radius: 7px;
    left: 2px;
    right: 2px;
    opacity: 0;
    transition: opacity 0.2s 0.5s linear;
}

.simplebar-track.simplebar-vertical {
    top: 0;
    width: 11px;
}

.simplebar-scrollbar:before {
    top: 2px;
    bottom: 2px;
    left: 2px;
    right: 2px;
}

.simplebar-track.simplebar-horizontal {
    left: 0;
    height: 11px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    right: auto;
    left: 0;
    top: 0;
    bottom: 0;
    min-height: 0;
    min-width: 10px;
}

[data-tilt-perspective="200"] > span.avatar.avatar--m {
    height: 40px;
    width: 40px;
    border-radius: 0;
}

[data-tilt-perspective="200"] > span.avatar.avatar--x {
    height: 96px;
    width: 96px;
    border-radius: 0;
}

.menu-arrow { display: none; }

@media (max-width: 805px) { .emudevs__grid { display: block; } }

@media (max-width: 900px) {
    .hw-bg img { height: 375px; }
    .p-navgroup-link--newPosts,
    .special-badge.upgrade,
    .emudevs__background > .grid-svg-wrapper > svg { display: none; }
}