adata-ui 0.3.65 → 0.3.67

package/src/components/Header/Header.vue

@@ -1,1307 +1,1289 @@
-<template>
-  <header :class="{ sticky: isSticky }">
-    <InfoHeader
-        :weather="weather"
-        :currencies="currencies"
-        :system-message="systemMessage"
-        :requestCount="requestCount"
-        :daysRemaining="daysRemaining"
-        :is-open-notification="isOpenNotification"
-        :is-authenticated="isAuthenticated"
-        @closeNotification="closeNotification"
-    />
-    <div class="header" :class="{ bordered: isBordered }">
-      <div class="container">
-        <div class="header__left">
-          <a
-              class="logo"
-              :href="main[mode]"
-              onclick="return false;"
-              @click="goToAnotherModule(main[mode])"
-          >
-
-            <span class="logo-desktop">
-            </span>
-            <span class="logo-mobile">
-            </span>
-
-            <!--            <svg-->
-<!--                class="adata-logo desktop"-->
-<!--                xmlns="http://www.w3.org/2000/svg"-->
-<!--                viewBox="0 0 166 48"-->
-<!--            >-->
-<!--              <path-->
-<!--                  d="M62.926 38.22v-28h10.316c10.342 0 15.511 4.55 15.508 13.652 0 4.36-1.41 7.843-4.232 10.448-2.822 2.605-6.58 3.907-11.276 3.904l-10.316-.004zm6.56-22.868v17.752h3.248c2.839 0 5.069-.82 6.69-2.46 1.622-1.64 2.43-3.873 2.424-6.7 0-2.667-.8-4.767-2.403-6.3-1.602-1.533-3.853-2.297-6.752-2.292h-3.206zM118.5 38.22h-7.131l-2.079-6.228H98.958l-2.079 6.228h-7.093l10.598-28h7.775l10.341 28zm-10.723-11.072l-3.127-9.416a11.94 11.94 0 01-.486-2.516h-.162c-.07.83-.24 1.649-.508 2.44l-3.168 9.492h7.451zm31.833-11.796h-8.316V38.22h-6.557V15.352h-8.274v-5.136h23.147v5.136zM166 38.22h-7.143l-2.079-6.228h-10.349l-2.05 6.228h-7.106l10.598-28h7.776l10.353 28zm-10.719-11.072l-3.127-9.416a11.94 11.94 0 01-.486-2.516h-.163c-.069.83-.239 1.649-.507 2.44l-3.168 9.492h7.451zM24.553 15.252h-.163c-.069.83-.24 1.649-.507 2.44L20.715 27.2h7.45l-3.126-9.412a12.02 12.02 0 01-.486-2.536z"-->
-<!--              ></path>-->
-<!--              <path-->
-<!--                  d="M44.905 0H4.99a5.091 5.091 0 00-3.528 1.406A4.71 4.71 0 000 4.8v38.4a4.71 4.71 0 001.461 3.394A5.091 5.091 0 004.99 48h39.916a5.091 5.091 0 003.528-1.406 4.71 4.71 0 001.462-3.394V4.8a4.71 4.71 0 00-1.462-3.394A5.091 5.091 0 0044.905 0zM31.737 38.26l-2.079-6.232H19.305l-2.05 6.232h-7.097l10.598-28h7.776l10.353 28h-7.148z"-->
-<!--              ></path>-->
-<!--            </svg>-->
-           <!-- <svg class="adata-logo mobile" viewBox="0 0 23 22" fill="none" xmlns="http://www.w3.org/2000/svg">
-             <path d="M11.3883 7.06335H11.3145C11.2829 7.43668 11.2054 7.80519 11.0836 8.16135L9.64099 12.44H13.0335L11.6098 8.20455C11.4947 7.83247 11.4204 7.45002 11.3883 7.06335Z" fill="#2C3E50"/>
-             <path d="M20.6552 0.200012H2.48111C1.8786 0.200012 1.30077 0.427581 0.874734 0.83266C0.448697 1.23774 0.209351 1.78714 0.209351 2.36001V19.64C0.209351 20.2129 0.448697 20.7623 0.874734 21.1674C1.30077 21.5724 1.8786 21.8 2.48111 21.8H20.6552C21.2577 21.8 21.8355 21.5724 22.2616 21.1674C22.6876 20.7623 22.9269 20.2129 22.9269 19.64V2.36001C22.9269 1.78714 22.6876 1.23774 22.2616 0.83266C21.8355 0.427581 21.2577 0.200012 20.6552 0.200012ZM14.6596 17.417L13.7131 14.6126H8.99916L8.06585 17.417H4.83427L9.65987 4.81702H13.2L17.9139 17.417H14.6596Z" fill="#2C3E50"/>
-           </svg> -->
-          </a>
-          <div class="menu" v-show="headerItems.length > 0">
-            <div
-                class="menu__item"
-                v-for="(item, index) in headerItems"
-                :key="index">
-              <a
-                  class="menu__wrapper menu__items"
-                  :class="{ active: item.key === activeTabKey }"
-                  :href="item[mode]"
-                  @click="goToAnotherModule(item[mode])"
-                  onclick="return false;"
-              >
-                {{ item.name }}
-              </a>
-              <child-links class="menu__sublinks" :links="item" :module="activeTabKey" :mode="mode" />
-            </div>
-          </div>
-          <div class="mobile-search">
-            <div v-show="hasSearchField" @click="$emit('search')" class="search-input">
-              <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-                <path d="M14 13.9995L10.5967 10.596" stroke="#2C3E50" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-                <circle cx="7" cy="7" r="5" stroke="#2C3E50" stroke-linecap="round" stroke-linejoin="round"/>
-              </svg>
-              Найти
-            </div>
-          </div>
-        </div>
-        <div class="header__right" v-show="!noAuth">
-          <Profile
-              :mode="mode"
-              :activeTabKey="activeTabKey"
-              :isAuthenticated="isAuthenticated"
-              :email="email"
-              :loginUrl="loginUrl"
-              :rate="rate"
-              :balance="this.thousandSeparator(balance)"
-              :tab="tab"
-              @showBalanceModal="
-              (val) => {
-                $emit('showBalanceModal', val);
-              }
-            "
-              @setShowModal="
-              (val) => {
-                $emit('setShowModal', val);
-              }
-            "
-              @logout="$emit('logout')"
-              @setIsReplenishModal="
-              (val) => {
-                $emit('setIsReplenishModal', val);
-              }
-            "
-          />
-        </div>
-      </div>
-      <MobileToggle v-slot="{ animationClass }">
-        <div
-            class="menu_mobile"
-            :class="animationClass"
-            v-show="headerItems.length > 0 && isOpen"
-        >
-          <div class="empty-space" @click="changeValue"></div>
-          <div class="menu-wrapper">
-            <div class="menu-wrapper__top">
-              <div class="mobile-table-head">
-                <button
-                    @click.prevent="goAuth"
-                    class="sign"
-                    v-if="!isAuthenticated"
-                >
-                  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M13.5 15L16.5 11.9189L13.6154 9" stroke="#007AFF" stroke-miterlimit="10"
-                          stroke-linecap="round" stroke-linejoin="round"/>
-                    <path d="M9 7.125V4.5H19.5V19.5H9V17.4375" stroke="#007AFF" stroke-miterlimit="10"
-                          stroke-linecap="round" stroke-linejoin="round"/>
-                    <path d="M16 12H4" stroke="#007AFF" stroke-miterlimit="10" stroke-linecap="round"
-                          stroke-linejoin="round"/>
-                  </svg>
-                  <span>Войти</span>
-                </button>
-                <div v-else class="menu-wrapper__top-left">
-                  <div class="text-wrapper">
-                    <p>{{ email }}
-                      <span @click.stop="changeValue">
-                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-                          <path d="M1.99902 1.99957L13.9996 14.0002" stroke="#2C3E50" stroke-linecap="round"/>
-                          <path d="M14 1.99957L1.9994 14.0002" stroke="#2C3E50" stroke-linecap="round"/>
-                        </svg>
-                      </span>
-                    </p>
-                    <p>Тариф {{ rate }}
-                      <span @click.stop.prevent="isActiveMenu = true">
-                      Перейти
-                      <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-                        <rect width="24" height="24" rx="12" transform="matrix(-1 0 0 1 24 0)" fill="#007AFF" fill-opacity="0.12"/>
-                        <path d="M14.0005 8.00311L18.0005 12.0096L14.0005 16.0031" stroke="#007AFF" stroke-width="1.2" stroke-miterlimit="10"
-                              stroke-linecap="round" stroke-linejoin="round"/>
-                        <path d="M18 12L6 12" stroke="#007AFF" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-                      </svg>
-                    </span>
-                    </p>
-                  </div>
-                </div>
-                <div v-if="!isAuthenticated" class="menu-wrapper__top-right" @click.stop="changeValue">
-                  <svg
-                      width="18"
-                      height="18"
-                      fill="none"
-                      xmlns="http://www.w3.org/2000/svg"
-                      viewBox="0 0 24 24"
-                  >
-                    <path
-                        fill-rule="evenodd"
-                        clip-rule="evenodd"
-                        d="M4.414 18.142L18.556 4l1.415 1.414L5.828 19.556l-1.414-1.414z"
-                        fill="#2C3E50"
-                    ></path>
-                    <path
-                        fill-rule="evenodd"
-                        clip-rule="evenodd"
-                        d="M5.414 4l14.142 14.142-1.414 1.414L4 5.414 5.414 4z"
-                        fill="#2C3E50"
-                    ></path>
-                  </svg>
-                </div>
-              </div>
-              <div class="menu__link">
-                <a
-                    v-for="(item, index) in headerItems"
-                    :key="index"
-                    class="menu_mobile-wrapper"
-                    :class="{ 'active-burger-tab': item.key === activeTabKey }"
-                    :href="item[mode]"
-                >
-                  {{ item.name }}
-                </a>
-              </div>
-            </div>
-            <div class="menu-wrapper__bottom">
-              <div class="menu-wrapper__bottom-header">
-                <span>Валюта</span>
-                <span>Покупка</span>
-                <span>Продажа</span>
-              </div>
-              <div class="menu-wrapper__bottom-body">
-                <div v-for="(currency, index) in currencies" :key="index" class="menu-wrapper__bottom-row">
-                  <div class="menu-wrapper__bottom-column">
-                    <svg v-if="currency.currency === 'USD'" width="16" height="17" viewBox="0 0 16 17" fill="none"
-                         xmlns="http://www.w3.org/2000/svg">
-                      <g clip-path="url(#clip0_179_1917)">
-                        <path d="M26.4 0.5H-4V16.5H26.4V0.5Z" fill="white"/>
-                        <path d="M26.4 0.5H-4V1.732H26.4V0.5Z" fill="#B22234"/>
-                        <path d="M26.4 2.95996H-4V4.19196H26.4V2.95996Z" fill="#B22234"/>
-                        <path d="M26.4 5.42407H-4V6.65607H26.4V5.42407Z" fill="#B22234"/>
-                        <path d="M26.4 7.88403H-4V9.11603H26.4V7.88403Z" fill="#B22234"/>
-                        <path d="M26.4 10.3479H-4V11.5799H26.4V10.3479Z" fill="#B22234"/>
-                        <path d="M26.4 12.8081H-4V14.0401H26.4V12.8081Z" fill="#B22234"/>
-                        <path d="M26.4 15.2681H-4V16.5001H26.4V15.2681Z" fill="#B22234"/>
-                        <path d="M8.16 0.5H-4V9.116H8.16V0.5Z" fill="#3C3B6E"/>
-                        <path
-                            d="M0.603882 1.20011L0.891882 1.40811L0.783882 1.75211L1.07188 1.54011L1.35988 1.75211L1.25188 1.40811L1.53988 1.20011H1.18388L1.07188 0.860107L0.959882 1.20011H0.603882Z"
-                            fill="white"/>
-                        <path
-                            d="M2.61987 1.20011L2.90787 1.40811L2.79987 1.75211L3.08787 1.54011L3.37587 1.75211L3.26787 1.40811L3.55587 1.20011H3.19987L3.08787 0.860107L2.97587 1.20011H2.61987Z"
-                            fill="white"/>
-                        <path
-                            d="M4.63599 1.20011L4.92399 1.40811L4.81599 1.75211L5.10399 1.54011L5.39199 1.75211L5.28399 1.40811L5.57199 1.20011H5.21599L5.10399 0.860107L4.99199 1.20011H4.63599Z"
-                            fill="white"/>
-                        <path
-                            d="M6.65198 1.20011L6.93998 1.40811L6.83198 1.75211L7.11998 1.54011L7.40798 1.75211L7.29998 1.40811L7.58798 1.20011H7.23198L7.11998 0.860107L7.00798 1.20011H6.65198Z"
-                            fill="white"/>
-                        <path
-                            d="M-0.403931 2.06412L-0.115931 2.27212L-0.223931 2.61612L0.0640694 2.40412L0.352069 2.61612L0.244069 2.27212L0.532069 2.06412H0.176069L0.0640694 1.72412L-0.0479305 2.06412H-0.403931Z"
-                            fill="white"/>
-                        <path
-                            d="M1.61206 2.06412L1.90006 2.27212L1.79206 2.61612L2.08006 2.40412L2.36806 2.61612L2.26006 2.27212L2.54806 2.06412H2.19206L2.08006 1.72412L1.96806 2.06412H1.61206Z"
-                            fill="white"/>
-                        <path
-                            d="M3.62817 2.06412L3.91617 2.27212L3.80817 2.61612L4.09617 2.40412L4.38417 2.61612L4.27617 2.27212L4.56417 2.06412H4.20817L4.09617 1.72412L3.98417 2.06412H3.62817Z"
-                            fill="white"/>
-                        <path
-                            d="M5.64417 2.06412L5.93216 2.27212L5.82416 2.61612L6.11216 2.40412L6.40016 2.61612L6.29216 2.27212L6.58016 2.06412H6.22416L6.11216 1.72412L6.00016 2.06412H5.64417Z"
-                            fill="white"/>
-                        <path
-                            d="M0.603882 2.92789L0.891882 3.13589L0.783882 3.47989L1.07188 3.26789L1.35988 3.47989L1.25188 3.13589L1.53988 2.92789H1.18388L1.07188 2.58789L0.959882 2.92789H0.603882Z"
-                            fill="white"/>
-                        <path
-                            d="M2.61987 2.92789L2.90787 3.13589L2.79987 3.47989L3.08787 3.26789L3.37587 3.47989L3.26787 3.13589L3.55587 2.92789H3.19987L3.08787 2.58789L2.97587 2.92789H2.61987Z"
-                            fill="white"/>
-                        <path
-                            d="M4.63599 2.92789L4.92399 3.13589L4.81599 3.47989L5.10399 3.26789L5.39199 3.47989L5.28399 3.13589L5.57199 2.92789H5.21599L5.10399 2.58789L4.99199 2.92789H4.63599Z"
-                            fill="white"/>
-                        <path
-                            d="M6.65198 2.92789L6.93998 3.13589L6.83198 3.47989L7.11998 3.26789L7.40798 3.47989L7.29998 3.13589L7.58798 2.92789H7.23198L7.11998 2.58789L7.00798 2.92789H6.65198Z"
-                            fill="white"/>
-                        <path
-                            d="M-0.380127 3.7959L-0.0881271 4.0039L-0.200127 4.3439L0.0878731 4.1359L0.379873 4.3439L0.267873 4.0039L0.555873 3.7959H0.199873L0.0878731 3.4519L-0.0201271 3.7959H-0.380127Z"
-                            fill="white"/>
-                        <path
-                            d="M1.63599 3.7959L1.92399 4.0039L1.81599 4.3439L2.10399 4.1359L2.39599 4.3439L2.28399 4.0039L2.57199 3.7959H2.21599L2.10399 3.4519L1.99599 3.7959H1.63599Z"
-                            fill="white"/>
-                        <path
-                            d="M3.65198 3.7959L3.94398 4.0039L3.83198 4.3439L4.11998 4.1359L4.41198 4.3439L4.29998 4.0039L4.58798 3.7959H4.23198L4.11998 3.4519L4.01198 3.7959H3.65198Z"
-                            fill="white"/>
-                        <path
-                            d="M5.66797 3.7959L5.95597 4.0039L5.84797 4.3439L6.13597 4.1359L6.42797 4.3439L6.31597 4.0039L6.60397 3.7959H6.24797L6.13597 3.4519L6.02797 3.7959H5.66797Z"
-                            fill="white"/>
-                        <path
-                            d="M0.635986 4.65201L0.923986 4.86001L0.811986 5.20401L1.10399 4.99201L1.39199 5.20401L1.27999 4.86001L1.57199 4.65201H1.21199L1.10399 4.31201L0.991986 4.65201H0.635986Z"
-                            fill="white"/>
-                        <path
-                            d="M2.65198 4.65201L2.93998 4.86001L2.82798 5.20401L3.11998 4.99201L3.40798 5.20401L3.29598 4.86001L3.58798 4.65201H3.22798L3.11998 4.31201L3.00798 4.65201H2.65198Z"
-                            fill="white"/>
-                        <path
-                            d="M4.66406 4.65201L4.95606 4.86001L4.84406 5.20401L5.13606 4.99201L5.42406 5.20401L5.31206 4.86001L5.60406 4.65201H5.24406L5.13606 4.31201L5.02406 4.65201H4.66406Z"
-                            fill="white"/>
-                        <path
-                            d="M6.40002 4.84L6.69202 5.048L6.58002 5.392L6.87202 5.18L7.16002 5.392L7.04802 5.048L7.34002 4.84H6.98002L6.87202 4.5L6.76002 4.84H6.40002Z"
-                            fill="white"/>
-                        <path
-                            d="M0.651978 6.35196L0.943977 6.55996L0.831978 6.90396L1.11998 6.69196L1.41198 6.90396L1.29998 6.55996L1.58798 6.35196H1.23198L1.11998 6.01196L1.01198 6.35196H0.651978Z"
-                            fill="white"/>
-                        <path
-                            d="M2.66797 6.35196L2.95997 6.55996L2.84797 6.90396L3.13597 6.69196L3.42797 6.90396L3.31597 6.55996L3.60797 6.35196H3.24797L3.13597 6.01196L3.02797 6.35196H2.66797Z"
-                            fill="white"/>
-                        <path
-                            d="M4.68396 6.35196L4.97596 6.55996L4.86396 6.90396L5.15196 6.69196L5.44396 6.90396L5.33196 6.55996L5.61996 6.35196H5.26396L5.15196 6.01196L5.04396 6.35196H4.68396Z"
-                            fill="white"/>
-                        <path
-                            d="M6.69995 6.35196L6.99195 6.55996L6.87995 6.90396L7.16795 6.69196L7.45995 6.90396L7.34795 6.55996L7.63595 6.35196H7.27995L7.16795 6.01196L7.05995 6.35196H6.69995Z"
-                            fill="white"/>
-                        <path
-                            d="M0.628174 8.07193L0.916174 8.28393L0.808174 8.62393L1.09617 8.41193L1.38817 8.62393L1.27617 8.28393L1.56417 8.07193H1.20817L1.09617 7.73193L0.988174 8.07193H0.628174Z"
-                            fill="white"/>
-                        <path
-                            d="M2.64417 8.07193L2.93616 8.28393L2.82416 8.62393L3.11216 8.41193L3.40416 8.62393L3.29216 8.28393L3.58016 8.07193H3.22416L3.11216 7.73193L3.00416 8.07193H2.64417Z"
-                            fill="white"/>
-                        <path
-                            d="M4.66016 8.07193L4.95216 8.28393L4.84016 8.62393L5.12816 8.41193L5.42016 8.62393L5.30816 8.28393L5.59616 8.07193H5.24016L5.12816 7.73193L5.02016 8.07193H4.66016Z"
-                            fill="white"/>
-                        <path
-                            d="M6.67615 8.07193L6.96415 8.28393L6.85615 8.62393L7.14415 8.41193L7.43615 8.62393L7.32415 8.28393L7.61215 8.07193H7.25615L7.14415 7.73193L7.03615 8.07193H6.67615Z"
-                            fill="white"/>
-                        <path
-                            d="M-0.376221 5.4921L-0.0842209 5.7041L-0.196221 6.0441L0.095779 5.8321L0.383779 6.0441L0.275779 5.7041L0.563779 5.4921H0.203779L0.095779 5.1521L-0.0162209 5.4921H-0.376221Z"
-                            fill="white"/>
-                        <path
-                            d="M1.64417 5.4921L1.93217 5.7041L1.82017 6.0441L2.11217 5.8321L2.40017 6.0441L2.28817 5.7041L2.58017 5.4921H2.22017L2.11217 5.1521L2.00017 5.4921H1.64417Z"
-                            fill="white"/>
-                        <path
-                            d="M3.65588 5.4921L3.94788 5.7041L3.83588 6.0441L4.12788 5.8321L4.41588 6.0441L4.30788 5.7041L4.59588 5.4921H4.23588L4.12788 5.1521L4.01588 5.4921H3.65588Z"
-                            fill="white"/>
-                        <path
-                            d="M5.67188 5.4921L5.96387 5.7041L5.85187 6.0441L6.14387 5.8321L6.43187 6.0441L6.31987 5.7041L6.61187 5.4921H6.25187L6.14387 5.1521L6.03187 5.4921H5.67188Z"
-                            fill="white"/>
-                        <path
-                            d="M-0.380127 7.21207L-0.0881271 7.42007L-0.200127 7.76007L0.0878731 7.55207L0.379873 7.76007L0.267873 7.42007L0.555873 7.21207H0.199873L0.0878731 6.87207L-0.0201271 7.21207H-0.380127Z"
-                            fill="white"/>
-                        <path
-                            d="M1.63599 7.21207L1.92399 7.42007L1.81599 7.76007L2.10399 7.55207L2.39599 7.76007L2.28399 7.42007L2.57199 7.21207H2.21599L2.10399 6.87207L1.99599 7.21207H1.63599Z"
-                            fill="white"/>
-                        <path
-                            d="M3.65198 7.21207L3.94398 7.42007L3.83198 7.76007L4.11998 7.55207L4.41198 7.76007L4.29998 7.42007L4.58798 7.21207H4.23198L4.11998 6.87207L4.01198 7.21207H3.65198Z"
-                            fill="white"/>
-                        <path
-                            d="M5.66797 7.21207L5.95597 7.42007L5.84797 7.76007L6.13597 7.55207L6.42797 7.76007L6.31597 7.42007L6.60397 7.21207H6.24797L6.13597 6.87207L6.02797 7.21207H5.66797Z"
-                            fill="white"/>
-                      </g>
-                      <defs>
-                        <clipPath id="clip0_179_1917">
-                          <path
-                              d="M0 2.5C0 1.39543 0.895431 0.5 2 0.5H14C15.1046 0.5 16 1.39543 16 2.5V14.5C16 15.6046 15.1046 16.5 14 16.5H2C0.895431 16.5 0 15.6046 0 14.5V2.5Z"
-                              fill="white"/>
-                        </clipPath>
-                      </defs>
-                    </svg>
-                    <svg v-if="currency.currency === 'EUR'" width="16" height="17" viewBox="0 0 16 17" fill="none"
-                         xmlns="http://www.w3.org/2000/svg">
-                      <path
-                          d="M0 2.5C0 1.39543 0.895431 0.5 2 0.5H14C15.1046 0.5 16 1.39543 16 2.5V14.5C16 15.6046 15.1046 16.5 14 16.5H2C0.895431 16.5 0 15.6046 0 14.5V2.5Z"
-                          fill="#314199"/>
-                      <path
-                          d="M7.99479 12.5967L8.18355 13.1573L8.75857 13.1568L8.35044 13.4667L8.46265 14.0686L7.99479 13.7271L7.52542 14.0594L7.639 13.4667L7.23511 13.1549H7.80958L7.99479 12.5967Z"
-                          fill="#F8EC26"/>
-                      <path
-                          d="M7.99479 2.85718L8.18355 3.41796L8.75857 3.41727L8.35044 3.72735L8.46265 4.32913L7.99479 3.98765L7.52542 4.31994L7.639 3.72735L7.23511 3.41535H7.80958L7.99479 2.85718Z"
-                          fill="#F8EC26"/>
-                      <path
-                          d="M10.333 3.48364L10.5218 4.04428L11.097 4.04373L10.6888 4.35368L10.8009 4.95546L10.333 4.61411L9.86366 4.94641L9.97739 4.35368L9.57349 4.04181H10.148L10.333 3.48364Z"
-                          fill="#F8EC26"/>
-                      <path
-                          d="M5.54397 3.48364L5.73273 4.04428L6.3079 4.04373L5.89976 4.35368L6.01184 4.95546L5.54397 4.61411L5.0746 4.94641L5.18832 4.35368L4.78442 4.04181H5.35877L5.54397 3.48364Z"
-                          fill="#F8EC26"/>
-                      <path
-                          d="M10.333 11.9387L10.5218 12.4995L11.097 12.4989L10.6888 12.8089L10.8009 13.4107L10.333 13.0693L9.86366 13.4016L9.97739 12.8089L9.57349 12.4969H10.148L10.333 11.9387Z"
-                          fill="#F8EC26"/>
-                      <path
-                          d="M5.54397 11.9387L5.73273 12.4995L6.3079 12.4989L5.89976 12.8089L6.01184 13.4107L5.54397 13.0693L5.0746 13.4016L5.18832 12.8089L4.78442 12.4969H5.35877L5.54397 11.9387Z"
-                          fill="#F8EC26"/>
-                      <path
-                          d="M3.75309 5.32153L3.94185 5.88231L4.51688 5.88162L4.10888 6.1917L4.22082 6.79349L3.75309 6.45214L3.28372 6.7843L3.39731 6.1917L2.99341 5.8797H3.56789L3.75309 5.32153Z"
-                          fill="#F8EC26"/>
-                      <path
-                          d="M12.1823 5.32153L12.3711 5.88231L12.9462 5.88162L12.5381 6.1917L12.6502 6.79349L12.1823 6.45214L11.7129 6.7843L11.8265 6.1917L11.4226 5.8797H11.9971L12.1823 5.32153Z"
-                          fill="#F8EC26"/>
-                      <path
-                          d="M3.75309 10.1826L3.94185 10.7434L4.51688 10.7427L4.10888 11.0528L4.22082 11.6546L3.75309 11.3131L3.28372 11.6454L3.39731 11.0528L2.99341 10.7408H3.56789L3.75309 10.1826Z"
-                          fill="#F8EC26"/>
-                      <path
-                          d="M12.1823 10.1826L12.3711 10.7434L12.9462 10.7427L12.5381 11.0528L12.6502 11.6546L12.1823 11.3131L11.7129 11.6454L11.8265 11.0528L11.4226 10.7408H11.9971L12.1823 10.1826Z"
-                          fill="#F8EC26"/>
-                      <path
-                          d="M3.19682 7.73389L3.38558 8.29466L3.96074 8.29398L3.55261 8.60406L3.66469 9.20584L3.19682 8.86436L2.72745 9.19665L2.84103 8.60406L2.43713 8.29206H3.01161L3.19682 7.73389Z"
-                          fill="#F8EC26"/>
-                      <path
-                          d="M12.799 7.73389L12.9877 8.29466L13.5629 8.29398L13.1548 8.60406L13.2668 9.20584L12.799 8.86436L12.3296 9.19665L12.4433 8.60406L12.0394 8.29206H12.6138L12.799 7.73389Z"
-                          fill="#F8EC26"/>
-                    </svg>
-                    <svg v-if="currency.currency === 'RUB'" width="16" height="17" viewBox="0 0 16 17" fill="none"
-                         xmlns="http://www.w3.org/2000/svg">
-                      <g clip-path="url(#clip0_179_2012)">
-                        <path d="M0 0.5C0 -0.60457 0.895431 -1.5 2 -1.5H18C19.1046 -1.5 20 -0.604569 20 0.5V5.5H0V0.5Z"
-                              fill="#F0F0F0"/>
-                        <rect y="5.5" width="20" height="7" fill="#0039A6"/>
-                        <path d="M0 11.5H20V16.5C20 17.6046 19.1046 18.5 18 18.5H2C0.895431 18.5 0 17.6046 0 16.5V11.5Z"
-                              fill="#D52B1E"/>
-                      </g>
-                      <defs>
-                        <clipPath id="clip0_179_2012">
-                          <rect y="0.5" width="16" height="16" rx="2" fill="white"/>
-                        </clipPath>
-                      </defs>
-                    </svg>
-                    <svg v-if="currency.currency === 'CNY'" width="16" height="16" viewBox="0 0 16 16" fill="none"
-                         xmlns="http://www.w3.org/2000/svg">
-                      <path
-                          d="M0 2C0 0.895431 0.895431 0 2 0H14C15.1046 0 16 0.895431 16 2V14C16 15.1046 15.1046 16 14 16H2C0.895431 16 0 15.1046 0 14V2Z"
-                          fill="#DE2910"/>
-                      <path
-                          d="M4.00115 1.60043L5.41155 5.94203L1.71875 3.25883H6.28355L2.59075 5.94203L4.00115 1.60043Z"
-                          fill="#FFDE00"/>
-                      <path
-                          d="M7.3125 2.01103L8.3117 0.863831L8.1781 2.37983L7.3957 1.07503L8.7957 1.67023L7.3125 2.01103Z"
-                          fill="#FFDE00"/>
-                      <path
-                          d="M8.80803 3.31335L10.1744 2.64375L9.46323 3.98855L9.24803 2.48215L10.3072 3.57415L8.80803 3.31335Z"
-                          fill="#FFDE00"/>
-                      <path
-                          d="M8.82968 5.38077L10.3497 5.32637L9.15208 6.26477L9.56968 4.80157L10.0913 6.23037L8.82968 5.38077Z"
-                          fill="#FFDE00"/>
-                      <path d="M7.3758 6.6997L8.7998 7.2365L7.3326 7.6397L8.283 6.4509L8.2118 7.9709L7.3758 6.6997Z"
-                            fill="#FFDE00"/>
-                    </svg>
-
-                    <span>{{ currency.currency }}</span>
-                  </div>
-                  <div class="menu-wrapper__bottom-column">
-                    <span>{{ currency.sell }}</span>
-                    <svg v-if="currency.sell_state === 'DOWN'" width="16" height="17" viewBox="0 0 16 17" fill="none"
-                         xmlns="http://www.w3.org/2000/svg">
-                      <path d="M8 12.5249L12.3301 4.52507H3.66987L8 12.5249Z" fill="#FF2E43"/>
-                    </svg>
-                    <svg v-else width="16" height="17" viewBox="0 0 16 17" fill="none"
-                         xmlns="http://www.w3.org/2000/svg">
-                      <path d="M8 4.47461L12.3301 12.4702H3.66987L8 4.47461Z" fill="#00B92D"/>
-                    </svg>
-                  </div>
-                  <div class="menu-wrapper__bottom-column">
-                    <span>{{ currency.buy }}</span>
-                    <svg v-if="currency.buy_state === 'DOWN'" width="16" height="17" viewBox="0 0 16 17" fill="none"
-                         xmlns="http://www.w3.org/2000/svg">
-                      <path d="M8 12.5249L12.3301 4.52507H3.66987L8 12.5249Z" fill="#FF2E43"/>
-                    </svg>
-                    <svg v-else width="16" height="17" viewBox="0 0 16 17" fill="none"
-                         xmlns="http://www.w3.org/2000/svg">
-                      <path d="M8 4.47461L12.3301 12.4702H3.66987L8 4.47461Z" fill="#00B92D"/>
-                    </svg>
-                  </div>
-                </div>
-              </div>
-              <div v-show="isAuthenticated" class="menu_mobile-footer">
-                <button class="sign" @click="$emit('logout')">
-                  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M16.5 15L19.5 12L16.5 9" stroke="white" stroke-miterlimit="10" stroke-linecap="round"
-                          stroke-linejoin="round"/>
-                    <path d="M15 16.875L15 19.5L4.5 19.5L4.5 4.5L15 4.5L15 6.5625" stroke="white" stroke-miterlimit="10"
-                          stroke-linecap="round" stroke-linejoin="round"/>
-                    <path d="M19 12H8" stroke="white" stroke-miterlimit="10" stroke-linecap="round"
-                          stroke-linejoin="round"/>
-                  </svg>
-                  <span>Выход</span>
-                </button>
-              </div>
-            </div>
-          </div>
-        </div>
-      </MobileToggle>
-    </div>
-  </header>
-</template>
-
-<script>
-import Profile from "./Profile";
-import MobileToggle from "../transitions/VerticalMobileToggle";
-import InfoHeader from "./InfoHeader";
-import ChildLinks from "@/components/Header/ChildLinks";
-
-export default {
-  components: {
-    ChildLinks,
-    InfoHeader,
-    Profile,
-    MobileToggle,
-  },
-  props: {
-    rate: {
-      type: String,
-      default: ""
-    },
-    mode: {
-      type: String,
-      required: true,
-      validator: function (value) {
-        return ["prod", "dev", "staging"].indexOf(value) !== -1;
-      },
-    },
-    noAuth: {
-      type: Boolean,
-      default: false
-    },
-    isAuthenticated: {
-      type: Boolean,
-      default: false,
-    },
-    isBordered: {
-      type: Boolean,
-      default: false,
-    },
-    isSticky: {
-      type: Boolean,
-      default: false,
-    },
-    requestCount: {
-      type: [String, Number],
-      default: null,
-    },
-    daysRemaining: {
-      type: [String, Number],
-      default: null,
-    },
-    email: {
-      type: String,
-      default: "",
-    },
-    loginUrl: {
-      type: String,
-      default: "",
-      required: true,
-    },
-    activeTabKey: {
-      type: String,
-      default: "",
-      required: true,
-    },
-    balance: {
-      type: Number,
-      default: 0
-    },
-    hasFavourites: {
-      type: Boolean,
-      default: false
-    },
-    hasSearchField: {
-      type: Boolean,
-      default: false
-    },
-    tab: {
-      type: String,
-      default: ""
-    }
-  },
-  data() {
-    return {
-      isActiveMenu: false,
-      main: {
-        dev: "https://adtdev.kz",
-        prod: "https://adata.kz",
-        staging: "https://adada.kz",
-      },
-      headerItems: [
-        {
-          id: 1,
-          name: "Контрагенты",
-          dev: "https://pk.adtdev.kz",
-          prod: "https://pk.adata.kz",
-          staging: "https://pk.adada.kz",
-          key: "counterparty",
-          children: [
-            {
-              name: 'Проверка контрагентов',
-              subtitle: 'Проверьте контрагента на благонадежность',
-              to: '/',
-              icon: 'search'
-            },
-            {
-              name: 'Сравнение контрагентов',
-              subtitle: 'Проверьте рейтинг компании',
-              to: '/counterparty/compare',
-              icon: 'scales'
-            },
-            {
-              name: 'Косвенные связи',
-              subtitle: 'Проверьте наличие косвенных связей',
-              to: '/counterparty/search-connections/check',
-              icon: 'link'
-            },
-            {
-              name: 'Массовая проверка',
-              subtitle: 'Проверьте благонадежность нескольких компаний или сотрудников одновременно',
-              to: '/counterparty/employees-check',
-              icon: 'users'
-            },
-            {
-              name: 'Зарубежные контрагенты',
-              subtitle: 'Изучите сведения о российских и зарубежных компаниях',
-              to: '/counterparty/foreign',
-              icon: 'globe'
-            },
-            {
-              name: 'Санкции',
-              subtitle: 'Проверьте бизнес-партнера на включение в санкционные списки',
-              to: '/counterparty/sanctions',
-              icon: 'slash'
-            },
-            {
-              name: 'Офшоры',
-              subtitle: 'Проверьте наличие контрагента в офшорных списках',
-              to: '/counterparty/offshore',
-              icon: 'dollar'
-            },
-          ],
-        },
-        {
-          id: 2,
-          name: "Работа",
-          dev: "https://work.adtdev.kz",
-          prod: "https://work.adata.kz",
-          staging: "https://work.adada.kz",
-          key: "work",
-          children: [
-            {
-              name: 'Вакансии',
-              subtitle: 'Поиск вакансий',
-              to: '/vacancy',
-              icon: 'bag'
-            },
-            {
-              name: 'Резюме',
-              subtitle: 'Поиск резюме',
-              to: '/summary',
-              icon: 'scales'
-            },
-          ],
-        },
-        {
-          id: 3,
-          name: "Тендеры",
-          dev: "https://tender.adtdev.kz",
-          prod: "https://tender.adata.kz",
-          staging: "https://tender.adada.kz",
-          key: "tenders",
-          children: [
-            {
-              name: 'Поиск тендеров',
-              subtitle: 'Найдите интересующие объявления о закупках',
-              to: '/',
-              icon: 'search'
-            },
-            {
-              name: 'Поиск договоров',
-              subtitle: 'Найдите договоры по совершенным тендерным закупкам',
-              to: '/main/contracts',
-              icon: 'file'
-            },
-            {
-              name: 'Планы закупок',
-              subtitle: 'Узнайте о планирующихся тендерных закупках',
-              to: '/main/plans',
-              icon: 'package'
-            }
-          ],
-        },
-        {
-          id: 4,
-          name: "Штрафы",
-          dev: "https://avto.adtdev.kz",
-          prod: "https://avto.adata.kz",
-          staging: "https://avto.adada.kz",
-          key: "fines",
-          children: [
-            {
-              name: 'Проверка штрафов',
-              subtitle: 'Проверьте наличие штрафов, задолженностей и запретов',
-              to: '/',
-              icon: 'check'
-            },
-            {
-              name: 'Проверка авто',
-              subtitle: 'Проверьте информацию и историю авто',
-              to: '/check',
-              icon: 'car'
-            },
-            {
-              name: 'Массовая проверка авто',
-              subtitle: 'Используйте массовую проверку для получения информации о нескольких авто',
-              to: '/bulk-check',
-              icon: 'truck'
-            },
-          ],
-        },
-        {
-          id: 5,
-          name: "Маркетинг",
-          dev: "https://marketing.adtdev.kz",
-          prod: "https://marketing.adata.kz",
-          staging: "https://marketing.adada.kz",
-          key: "marketing",
-          children: [
-            {
-              name: 'Поиск клиентов',
-              subtitle: 'Получите актуальную базу контактов потенциальных клиентов',
-              to: '/unload-data',
-              icon: 'search'
-            },
-            {
-              name: 'Анализ закупок',
-              subtitle: 'Изучите динамику и получите данные о проведенных тендерных закупках',
-              to: '/purchasing-analysis',
-              icon: 'package'
-            },
-            {
-              name: 'Индекс деловой активности',
-              subtitle: 'Изучайте активность предприятий на рынке',
-              to: '/business-activity',
-              icon: 'trending'
-            },
-            {
-              name: 'Рейтинг налогоплательщиков',
-              subtitle: 'Получите данные о лидерах компаний, видах деятельности и регионах',
-              to: '/tax-payment',
-              icon: 'award'
-            },
-            {
-              name: 'Субъекты бизнеса',
-              subtitle: 'Изучите динамику субъектов действующего бизнеса',
-              to: '/business-entities',
-              icon: 'company'
-            }
-          ],
-        },
-      ],
-      isOpen: false,
-      weather: null,
-      currencies: null,
-      systemMessage: null,
-      timer: null,
-      isOpenNotification: false,
-    };
-  },
-  created() {
-    this.fetchCurrencies();
-  },
-  mounted() {
-    this.notificationShow()
-  },
-  methods: {
-    goToAnotherModule(url) {
-      if(!location.href.includes(url)) {
-        this.$emit("changeModule");
-      }
-      window.open(url, "_self");
-    },
-    goAuth() {
-      const fullPath = encodeURIComponent(window.location.toString());
-      if (window) {
-        window.location.href = `${this.loginUrl}?url=${fullPath}`;
-      }
-    },
-    async fetchNotification() {
-      try {
-        const link = `https://users.adata.kz/api/v1/system-messages/active-list/?module_name=${this.activeTabKey}`
-        const response = await fetch(link);
-        const {data} = await response.json();
-
-        if (data.details.length) {
-          this.systemMessage = data.details[0].message;
-          this.isOpenNotification = true;
-          localStorage.setItem('start_time', JSON.stringify(new Date()))
-        }
-
-      } catch (e) {
-        console.log(e.message)
-      }
-    },
-    notificationShow() {
-      const startTime = localStorage.getItem('start_time');
-      let diffTime = startTime ? Math.round((new Date() - new Date(JSON.parse(startTime))) / 3600000) : 0
-      if (startTime) {
-        if (diffTime >= 24) {
-          localStorage.removeItem('start_time')
-        }
-      } else {
-        this.fetchNotification()
-      }
-    },
-    async fetchCurrencies() {
-      try {
-        const response = await fetch('https://users.adata.kz/api/v1/information/currency');
-        const {data} = await response.json();
-
-        if (data.currencies) {
-          this.currencies = data.currencies;
-        }
-
-      } catch (e) {
-        console.log(e.message)
-      }
-    },
-    async fetchWeather() {
-      try {
-        const response = await fetch('https://users.adata.kz/api/v1/information/weather');
-        const {data} = await response.json();
-
-        if (data.cities) {
-          this.weather = data.cities;
-        }
-
-      } catch (e) {
-        console.log(e.message)
-      }
-    },
-    closeNotification(option) {
-      this.isOpenNotification = !option
-    },
-    changeValue() {
-      this.isActiveMenu = false;
-      this.isOpen = !this.isOpen;
-      this.$emit("menuOpen", this.isOpen);
-    },
-    thousandSeparator(val) {
-      return val ? val.toString().replace(/\B(?=(\d{3})+(?!\d))/g, " ") : "0";
-    },
-    defineIconState(name) {
-      return name === "DOWN" ? "@/assets/icons/arrow-down.svg" : "@/assets/icons/arrow-up.svg";
-    },
-    defineIconEntity(name) {
-      switch (name) {
-        case 'USD':
-          return "@/assets/icons/dollor.svg";
-        case 'EUR':
-          return "@/assets/icons/euro.svg";
-        case 'RUB':
-          return "@/assets/icons/ruble.svg";
-      }
-    },
-  },
-};
-</script>
-
-<style lang="scss">
-* {
-  font-family: "Open Sans", sans-serif;
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-}
-
-.sticky {
-  position: sticky;
-  z-index: 1000;
-  top: 0;
-}
-
-.header {
-  background: #ffffff;
-  max-height: 62px;
-  height: 62px;
-  display: flex;
-  align-items: center;
-  width: 100%;
-  @media (max-width: 1025px) {
-    height: 56px;
-    border-bottom: 1px solid #BDC7CE;
-  }
-
-  &.bordered {
-    border-bottom: 1px solid #2c3e5026;
-  }
-
-  & > .container {
-    width: 100%;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    @media (max-width: 1025px) {
-      gap: 12px;
-    }
-  }
-
-  &__right {
-    display: flex;
-    align-items: center;
-  }
-
-  &__left {
-    display: flex;
-    align-items: center;
-    @media (max-width: 1025px) {
-      width: 100%;
-    }
-
-    .menu {
-      display: flex;
-      align-items: center;
-      $self: &;
-      @media (max-width: 1025px) {
-        display: none;
-      }
-
-      &__sublinks {
-        display: none;
-      }
-      &__item {
-        margin-right: 8px;
-        align-items: center;
-        position: relative;
-        &:hover {
-          .menu__sublinks {
-            display: block;
-          }
-        }
-      }
-      &__items {
-        padding: 20px 8px 20px 0;
-        transition: text-shadow 0.3s;
-        display: block;
-        font-weight: bold;
-        font-size: 16px;
-        line-height: 22px;
-        text-transform: uppercase;
-        color: #71757a;
-        position: relative;
-
-        &::after {
-          content: "";
-          position: absolute;
-          right: -1px;
-          top: 50%;
-          transform: translateY(-50%);
-          height: 22px;
-          width: 1px;
-          background-color: #e5e5e5;
-        }
-
-        &.active {
-          font-weight: bold;
-          font-size: 16px;
-          line-height: 22px;
-          text-transform: uppercase;
-          color: #2c3e50;
-        }
-
-        &:hover {
-          color: #9da3ac;
-          cursor: pointer;
-        }
-      }
-    }
-
-    .logo {
-      display: block;
-      margin-right: 20px;
-      padding-bottom: 10px;
-      @media (max-width: 1025px) {
-        margin-right: 10px;
-        padding-bottom: 0;
-      }
-
-      svg {
-        //width: 90px;
-        //height: 26px;
-        //display: block;
-        fill: #2c3e50;
-        @media (max-width: 1025px) {
-          // width: 77px;
-          // height: 24px;
-          width: 38px;
-          height: 30px;
-        }
-
-        &:hover {
-          fill: #71757a;
-        }
-        &.desktop {
-          @media (max-width: 1025px) {
-            display: none;
-          }
-        }
-        &.mobile {
-          display: none;
-          @media (max-width: 1025px) {
-            display: block;
-            width: auto;
-          }
-        }
-      }
-    }
-  }
-
-  .menu_mobile {
-    display: none;
-    grid-template-columns: 10% 90%;
-    z-index: 1000000;
-    position: absolute !important;
-
-    .empty-space {
-      background: rgba(0, 0, 0, 0.40);
-    }
-
-    &::-webkit-scrollbar {
-      width: 4px;
-
-      &-thumb {
-        background: #c4c4c4;
-      }
-
-      &-track {
-        background: #fff;
-      }
-    }
-
-    &--switcher {
-      display: none;
-      cursor: pointer;
-    }
-
-    button.sign {
-      height: auto;
-      justify-content: flex-start;
-
-      svg {
-        margin-right: 8px;
-        height: 24px;
-        width: 24px;
-      }
-
-      span {
-        color: #007AFF;
-        font-size: 14px;
-      }
-    }
-
-    @media (max-width: 1025px) {
-      display: grid;
-      background: transparent !important;
-      .mobile-table-head {
-        display: flex;
-        justify-content: space-between;
-        padding: 20px 16px;
-        height: auto;
-        background: #ECEFF1;
-        border-bottom: 0.5px solid rgba(157, 163, 172, 0.5);
-      }
-      &-wrapper {
-        border-top: 1px solid #9da3ac4c;
-        padding: 16px;
-        font-weight: 600;
-        font-size: 14px;
-        line-height: 22px;
-        color: #2c3e50;
-        display: block;
-
-        &:first-child {
-          border-top: none;
-        }
-
-        &.active-burger-tab {
-          background: #2c3e500d;
-        }
-      }
-      &--switcher {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-      }
-    }
-
-    .menu-wrapper {
-      height: 100%;
-      display: flex;
-      flex-direction: column;
-      justify-content: space-between;
-      box-shadow: -6px 4px 12px rgb(157 163 172 / 40%);
-      background: #fff;
-      @media (max-width: 1025px) {
-        justify-content: flex-start;
-      }
-
-      &__top {
-        &-left {
-          display: flex;
-          gap: 8px;
-          align-items: center;
-          width: 100%;
-
-          .svg-wrapper {
-            width: 32px;
-            height: 32px;
-            background: rgba(189, 199, 206, 0.2);
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            border-radius: 50%;
-
-            svg {
-              width: 24px;
-              height: 24px;
-            }
-          }
-
-          .text-wrapper {
-            width: 100%;
-            p {
-              font-size: 14px;
-              font-weight: 500;
-              display: flex;
-              justify-content: space-between;
-              align-items: center;
-
-              &:first-child {
-                border-bottom: 0.5px solid rgba(157, 163, 172, 0.5);
-                padding-bottom: 12px;
-                margin-bottom: 12px;
-                span {
-                  cursor: pointer;
-                  svg {
-                    width: 16px;
-                    height: 16px;
-                  }
-                }
-              }
-
-              &:nth-child(2) {
-                color: #007AFF;
-                font-size: 12px;
-                font-weight: 600;
-                span {
-                  display: flex;
-                  align-items: center;
-                  gap: 8px;
-                  cursor: pointer;
-                  font-weight: 400;
-                }
-              }
-            }
-          }
-        }
-
-        &-right {
-          display: flex;
-          align-items: center;
-          justify-content: center;
-          cursor: pointer;
-        }
-      }
-    }
-
-    &-footer {
-      width: 100%;
-      background: #007AFF;
-      padding: 20px 16px;
-      display: flex;
-      margin-top: auto;
-      position: relative;
-      z-index: 1000000;
-      @media (max-width: 1025px) {
-        height: 40px;
-        width: calc(100% - 32px);
-        margin: 32px 16px;
-        justify-content: center;
-      }
-
-      button.sign {
-        span {
-          color: #fff;
-        }
-      }
-    }
-  }
-
-  .menu-wrapper__bottom {
-    margin: 80px 0 0;
-    @media (max-width: 1025px) {
-      margin: 0;
-    }
-
-    &-header {
-      background: rgba(189, 199, 206, 0.2);
-      padding: 4px 16px;
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-
-      span {
-        font-weight: 500;
-        font-size: 12px;
-        line-height: 20px;
-        color: #666C72;
-      }
-    }
-
-    &-body {
-      padding: 8px 16px 16px;
-      display: flex;
-      flex-direction: column;
-      justify-content: space-between;
-      gap: 12px;
-      margin-bottom: 36px;
-      @media (max-width: 1025px) {
-        margin-bottom: 0;
-      }
-    }
-
-    &-row {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-    }
-
-    &-column {
-      display: flex;
-      align-items: center;
-      gap: 8px;
-
-      &:first-child {
-        justify-content: flex-start;
-      }
-
-      &:nth-child(2), &:nth-child(3) {
-        justify-content: flex-end;
-        width: 60px;;
-      }
-
-      span {
-        font-weight: 500;
-        font-size: 14px;
-        line-height: 20px;
-        color: #2C3E50;
-      }
-    }
-
-    &-footer {
-      background: rgba(189, 199, 206, 0.2);
-      padding: 8px 16px;
-      display: flex;
-      flex-direction: column;
-      gap: 10px;
-
-      &-item {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-      }
-
-      &-title {
-        font-weight: 500;
-        font-size: 14px;
-        line-height: 20px;
-        color: #2C3E50;
-      }
-
-      &-circle {
-        color: #ffffff;
-        padding: 4px 12px;
-        background: #007AFF;
-        border-radius: 100px;
-        font-weight: 500;
-        font-size: 14px;
-        line-height: 20px;
-      }
-    }
-  }
-}
-
-.logo-desktop {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 112px;
-  height: 40px;
-  background-image: url("~@/assets/logo-desktop.webp");
-  background-size: cover;
-  background-position: center;
-  @media screen and (max-width: 1025px){
-    display: none;
-  }
-}
-.logo-mobile {
-  display: none;
-  width: 38px;
-  height: 30px;
-  background-image: url("~@/assets/logo-mobile.webp");
-  background-size: cover;
-  background-position: center;
-  @media screen and (max-width: 1025px){
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-}
-
-.mobile-search {
-  display: none;
-  height: 32px;
-  max-height: 32px;
-  @media (max-width: 1025px) {
-    display: flex;
-    align-items: center;
-    justify-content: flex-end;
-    gap: 8px;
-    width: 100%;
-  }
-  .search-input {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    background: rgba(189, 199, 206, 0.2);
-    height: 100%;
-    border-radius: 2px;
-    width: 100%;
-    padding: 0 14px;
-    font-weight: 500;
-    font-size: 12px;
-    line-height: 20px;
-    cursor: pointer;
-  }
-  .favorite-btn {
-    background: rgba(189, 199, 206, 0.2);
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    padding: 10px;
-    height: 100%;
-    border-radius: 2px;
-    cursor: pointer;
-    svg {
-      width: 16px;
-      height: 16px;
-    }
-  }
-}
-</style>
+<template>
+  <header :class="{ sticky: isSticky }">
+    <InfoHeader
+        :weather="weather"
+        :currencies="currencies"
+        :system-message="systemMessage"
+        :requestCount="requestCount"
+        :daysRemaining="daysRemaining"
+        :is-open-notification="isOpenNotification"
+        :is-authenticated="isAuthenticated"
+        @closeNotification="closeNotification"
+    />
+    <div class="header" :class="{ bordered: isBordered }">
+      <div class="container">
+        <div class="header__left">
+          <a
+              class="logo"
+              :href="main[mode]"
+              onclick="return false;"
+              @click="goToAnotherModule(main[mode])"
+          >
+
+            <span class="logo-desktop">
+            </span>
+            <span class="logo-mobile">
+            </span>
+          </a>
+          <div class="menu" v-show="headerItems.length > 0">
+            <div
+                class="menu__item"
+                v-for="(item, index) in headerItems"
+                :key="index">
+              <a
+                  class="menu__wrapper menu__items"
+                  :class="{ active: item.key === activeTabKey }"
+                  :href="item[mode]"
+                  @click="goToAnotherModule(item[mode])"
+                  onclick="return false;"
+              >
+                {{ item.name }}
+              </a>
+              <child-links class="menu__sublinks" :links="item" :module="activeTabKey" :mode="mode" />
+            </div>
+          </div>
+          <div class="mobile-search">
+            <div v-show="hasSearchField" @click="$emit('search')" class="search-input">
+              <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M14 13.9995L10.5967 10.596" stroke="#2C3E50" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+                <circle cx="7" cy="7" r="5" stroke="#2C3E50" stroke-linecap="round" stroke-linejoin="round"/>
+              </svg>
+              Найти
+            </div>
+          </div>
+        </div>
+        <div class="header__right" v-show="!noAuth">
+          <Profile
+              :mode="mode"
+              :activeTabKey="activeTabKey"
+              :isAuthenticated="isAuthenticated"
+              :email="email"
+              :loginUrl="loginUrl"
+              :rate="rate"
+              :balance="this.thousandSeparator(balance)"
+              :tab="tab"
+              @showBalanceModal="
+              (val) => {
+                $emit('showBalanceModal', val);
+              }
+            "
+              @setShowModal="
+              (val) => {
+                $emit('setShowModal', val);
+              }
+            "
+              @logout="$emit('logout')"
+              @setIsReplenishModal="
+              (val) => {
+                $emit('setIsReplenishModal', val);
+              }
+            "
+          />
+        </div>
+      </div>
+      <MobileToggle v-slot="{ animationClass }">
+        <div
+            class="menu_mobile"
+            :class="animationClass"
+            v-show="headerItems.length > 0 && isOpen"
+        >
+          <div class="empty-space" @click="changeValue"></div>
+          <div class="menu-wrapper">
+            <div class="menu-wrapper__top">
+              <div class="mobile-table-head">
+                <button
+                    @click.prevent="goAuth"
+                    class="sign"
+                    v-if="!isAuthenticated"
+                >
+                  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M13.5 15L16.5 11.9189L13.6154 9" stroke="#007AFF" stroke-miterlimit="10"
+                          stroke-linecap="round" stroke-linejoin="round"/>
+                    <path d="M9 7.125V4.5H19.5V19.5H9V17.4375" stroke="#007AFF" stroke-miterlimit="10"
+                          stroke-linecap="round" stroke-linejoin="round"/>
+                    <path d="M16 12H4" stroke="#007AFF" stroke-miterlimit="10" stroke-linecap="round"
+                          stroke-linejoin="round"/>
+                  </svg>
+                  <span>Войти</span>
+                </button>
+                <div v-else class="menu-wrapper__top-left">
+                  <div class="text-wrapper">
+                    <p>{{ email }}
+                      <span @click.stop="changeValue">
+                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                          <path d="M1.99902 1.99957L13.9996 14.0002" stroke="#2C3E50" stroke-linecap="round"/>
+                          <path d="M14 1.99957L1.9994 14.0002" stroke="#2C3E50" stroke-linecap="round"/>
+                        </svg>
+                      </span>
+                    </p>
+                    <p>Тариф {{ rate }}
+                      <span @click.stop.prevent="isActiveMenu = true">
+                      Перейти
+                      <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <rect width="24" height="24" rx="12" transform="matrix(-1 0 0 1 24 0)" fill="#007AFF" fill-opacity="0.12"/>
+                        <path d="M14.0005 8.00311L18.0005 12.0096L14.0005 16.0031" stroke="#007AFF" stroke-width="1.2" stroke-miterlimit="10"
+                              stroke-linecap="round" stroke-linejoin="round"/>
+                        <path d="M18 12L6 12" stroke="#007AFF" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+                      </svg>
+                    </span>
+                    </p>
+                  </div>
+                </div>
+                <div v-if="!isAuthenticated" class="menu-wrapper__top-right" @click.stop="changeValue">
+                  <svg
+                      width="18"
+                      height="18"
+                      fill="none"
+                      xmlns="http://www.w3.org/2000/svg"
+                      viewBox="0 0 24 24"
+                  >
+                    <path
+                        fill-rule="evenodd"
+                        clip-rule="evenodd"
+                        d="M4.414 18.142L18.556 4l1.415 1.414L5.828 19.556l-1.414-1.414z"
+                        fill="#2C3E50"
+                    ></path>
+                    <path
+                        fill-rule="evenodd"
+                        clip-rule="evenodd"
+                        d="M5.414 4l14.142 14.142-1.414 1.414L4 5.414 5.414 4z"
+                        fill="#2C3E50"
+                    ></path>
+                  </svg>
+                </div>
+              </div>
+              <div class="menu__link">
+                <a
+                    v-for="(item, index) in headerItems"
+                    :key="index"
+                    class="menu_mobile-wrapper"
+                    :class="{ 'active-burger-tab': item.key === activeTabKey }"
+                    :href="item[mode]"
+                >
+                  {{ item.name }}
+                </a>
+              </div>
+            </div>
+            <div class="menu-wrapper__bottom">
+              <div class="menu-wrapper__bottom-header">
+                <span>Валюта</span>
+                <span>Покупка</span>
+                <span>Продажа</span>
+              </div>
+              <div class="menu-wrapper__bottom-body">
+                <div v-for="(currency, index) in currencies" :key="index" class="menu-wrapper__bottom-row">
+                  <div class="menu-wrapper__bottom-column">
+                    <svg v-if="currency.currency === 'USD'" width="16" height="17" viewBox="0 0 16 17" fill="none"
+                         xmlns="http://www.w3.org/2000/svg">
+                      <g clip-path="url(#clip0_179_1917)">
+                        <path d="M26.4 0.5H-4V16.5H26.4V0.5Z" fill="white"/>
+                        <path d="M26.4 0.5H-4V1.732H26.4V0.5Z" fill="#B22234"/>
+                        <path d="M26.4 2.95996H-4V4.19196H26.4V2.95996Z" fill="#B22234"/>
+                        <path d="M26.4 5.42407H-4V6.65607H26.4V5.42407Z" fill="#B22234"/>
+                        <path d="M26.4 7.88403H-4V9.11603H26.4V7.88403Z" fill="#B22234"/>
+                        <path d="M26.4 10.3479H-4V11.5799H26.4V10.3479Z" fill="#B22234"/>
+                        <path d="M26.4 12.8081H-4V14.0401H26.4V12.8081Z" fill="#B22234"/>
+                        <path d="M26.4 15.2681H-4V16.5001H26.4V15.2681Z" fill="#B22234"/>
+                        <path d="M8.16 0.5H-4V9.116H8.16V0.5Z" fill="#3C3B6E"/>
+                        <path
+                            d="M0.603882 1.20011L0.891882 1.40811L0.783882 1.75211L1.07188 1.54011L1.35988 1.75211L1.25188 1.40811L1.53988 1.20011H1.18388L1.07188 0.860107L0.959882 1.20011H0.603882Z"
+                            fill="white"/>
+                        <path
+                            d="M2.61987 1.20011L2.90787 1.40811L2.79987 1.75211L3.08787 1.54011L3.37587 1.75211L3.26787 1.40811L3.55587 1.20011H3.19987L3.08787 0.860107L2.97587 1.20011H2.61987Z"
+                            fill="white"/>
+                        <path
+                            d="M4.63599 1.20011L4.92399 1.40811L4.81599 1.75211L5.10399 1.54011L5.39199 1.75211L5.28399 1.40811L5.57199 1.20011H5.21599L5.10399 0.860107L4.99199 1.20011H4.63599Z"
+                            fill="white"/>
+                        <path
+                            d="M6.65198 1.20011L6.93998 1.40811L6.83198 1.75211L7.11998 1.54011L7.40798 1.75211L7.29998 1.40811L7.58798 1.20011H7.23198L7.11998 0.860107L7.00798 1.20011H6.65198Z"
+                            fill="white"/>
+                        <path
+                            d="M-0.403931 2.06412L-0.115931 2.27212L-0.223931 2.61612L0.0640694 2.40412L0.352069 2.61612L0.244069 2.27212L0.532069 2.06412H0.176069L0.0640694 1.72412L-0.0479305 2.06412H-0.403931Z"
+                            fill="white"/>
+                        <path
+                            d="M1.61206 2.06412L1.90006 2.27212L1.79206 2.61612L2.08006 2.40412L2.36806 2.61612L2.26006 2.27212L2.54806 2.06412H2.19206L2.08006 1.72412L1.96806 2.06412H1.61206Z"
+                            fill="white"/>
+                        <path
+                            d="M3.62817 2.06412L3.91617 2.27212L3.80817 2.61612L4.09617 2.40412L4.38417 2.61612L4.27617 2.27212L4.56417 2.06412H4.20817L4.09617 1.72412L3.98417 2.06412H3.62817Z"
+                            fill="white"/>
+                        <path
+                            d="M5.64417 2.06412L5.93216 2.27212L5.82416 2.61612L6.11216 2.40412L6.40016 2.61612L6.29216 2.27212L6.58016 2.06412H6.22416L6.11216 1.72412L6.00016 2.06412H5.64417Z"
+                            fill="white"/>
+                        <path
+                            d="M0.603882 2.92789L0.891882 3.13589L0.783882 3.47989L1.07188 3.26789L1.35988 3.47989L1.25188 3.13589L1.53988 2.92789H1.18388L1.07188 2.58789L0.959882 2.92789H0.603882Z"
+                            fill="white"/>
+                        <path
+                            d="M2.61987 2.92789L2.90787 3.13589L2.79987 3.47989L3.08787 3.26789L3.37587 3.47989L3.26787 3.13589L3.55587 2.92789H3.19987L3.08787 2.58789L2.97587 2.92789H2.61987Z"
+                            fill="white"/>
+                        <path
+                            d="M4.63599 2.92789L4.92399 3.13589L4.81599 3.47989L5.10399 3.26789L5.39199 3.47989L5.28399 3.13589L5.57199 2.92789H5.21599L5.10399 2.58789L4.99199 2.92789H4.63599Z"
+                            fill="white"/>
+                        <path
+                            d="M6.65198 2.92789L6.93998 3.13589L6.83198 3.47989L7.11998 3.26789L7.40798 3.47989L7.29998 3.13589L7.58798 2.92789H7.23198L7.11998 2.58789L7.00798 2.92789H6.65198Z"
+                            fill="white"/>
+                        <path
+                            d="M-0.380127 3.7959L-0.0881271 4.0039L-0.200127 4.3439L0.0878731 4.1359L0.379873 4.3439L0.267873 4.0039L0.555873 3.7959H0.199873L0.0878731 3.4519L-0.0201271 3.7959H-0.380127Z"
+                            fill="white"/>
+                        <path
+                            d="M1.63599 3.7959L1.92399 4.0039L1.81599 4.3439L2.10399 4.1359L2.39599 4.3439L2.28399 4.0039L2.57199 3.7959H2.21599L2.10399 3.4519L1.99599 3.7959H1.63599Z"
+                            fill="white"/>
+                        <path
+                            d="M3.65198 3.7959L3.94398 4.0039L3.83198 4.3439L4.11998 4.1359L4.41198 4.3439L4.29998 4.0039L4.58798 3.7959H4.23198L4.11998 3.4519L4.01198 3.7959H3.65198Z"
+                            fill="white"/>
+                        <path
+                            d="M5.66797 3.7959L5.95597 4.0039L5.84797 4.3439L6.13597 4.1359L6.42797 4.3439L6.31597 4.0039L6.60397 3.7959H6.24797L6.13597 3.4519L6.02797 3.7959H5.66797Z"
+                            fill="white"/>
+                        <path
+                            d="M0.635986 4.65201L0.923986 4.86001L0.811986 5.20401L1.10399 4.99201L1.39199 5.20401L1.27999 4.86001L1.57199 4.65201H1.21199L1.10399 4.31201L0.991986 4.65201H0.635986Z"
+                            fill="white"/>
+                        <path
+                            d="M2.65198 4.65201L2.93998 4.86001L2.82798 5.20401L3.11998 4.99201L3.40798 5.20401L3.29598 4.86001L3.58798 4.65201H3.22798L3.11998 4.31201L3.00798 4.65201H2.65198Z"
+                            fill="white"/>
+                        <path
+                            d="M4.66406 4.65201L4.95606 4.86001L4.84406 5.20401L5.13606 4.99201L5.42406 5.20401L5.31206 4.86001L5.60406 4.65201H5.24406L5.13606 4.31201L5.02406 4.65201H4.66406Z"
+                            fill="white"/>
+                        <path
+                            d="M6.40002 4.84L6.69202 5.048L6.58002 5.392L6.87202 5.18L7.16002 5.392L7.04802 5.048L7.34002 4.84H6.98002L6.87202 4.5L6.76002 4.84H6.40002Z"
+                            fill="white"/>
+                        <path
+                            d="M0.651978 6.35196L0.943977 6.55996L0.831978 6.90396L1.11998 6.69196L1.41198 6.90396L1.29998 6.55996L1.58798 6.35196H1.23198L1.11998 6.01196L1.01198 6.35196H0.651978Z"
+                            fill="white"/>
+                        <path
+                            d="M2.66797 6.35196L2.95997 6.55996L2.84797 6.90396L3.13597 6.69196L3.42797 6.90396L3.31597 6.55996L3.60797 6.35196H3.24797L3.13597 6.01196L3.02797 6.35196H2.66797Z"
+                            fill="white"/>
+                        <path
+                            d="M4.68396 6.35196L4.97596 6.55996L4.86396 6.90396L5.15196 6.69196L5.44396 6.90396L5.33196 6.55996L5.61996 6.35196H5.26396L5.15196 6.01196L5.04396 6.35196H4.68396Z"
+                            fill="white"/>
+                        <path
+                            d="M6.69995 6.35196L6.99195 6.55996L6.87995 6.90396L7.16795 6.69196L7.45995 6.90396L7.34795 6.55996L7.63595 6.35196H7.27995L7.16795 6.01196L7.05995 6.35196H6.69995Z"
+                            fill="white"/>
+                        <path
+                            d="M0.628174 8.07193L0.916174 8.28393L0.808174 8.62393L1.09617 8.41193L1.38817 8.62393L1.27617 8.28393L1.56417 8.07193H1.20817L1.09617 7.73193L0.988174 8.07193H0.628174Z"
+                            fill="white"/>
+                        <path
+                            d="M2.64417 8.07193L2.93616 8.28393L2.82416 8.62393L3.11216 8.41193L3.40416 8.62393L3.29216 8.28393L3.58016 8.07193H3.22416L3.11216 7.73193L3.00416 8.07193H2.64417Z"
+                            fill="white"/>
+                        <path
+                            d="M4.66016 8.07193L4.95216 8.28393L4.84016 8.62393L5.12816 8.41193L5.42016 8.62393L5.30816 8.28393L5.59616 8.07193H5.24016L5.12816 7.73193L5.02016 8.07193H4.66016Z"
+                            fill="white"/>
+                        <path
+                            d="M6.67615 8.07193L6.96415 8.28393L6.85615 8.62393L7.14415 8.41193L7.43615 8.62393L7.32415 8.28393L7.61215 8.07193H7.25615L7.14415 7.73193L7.03615 8.07193H6.67615Z"
+                            fill="white"/>
+                        <path
+                            d="M-0.376221 5.4921L-0.0842209 5.7041L-0.196221 6.0441L0.095779 5.8321L0.383779 6.0441L0.275779 5.7041L0.563779 5.4921H0.203779L0.095779 5.1521L-0.0162209 5.4921H-0.376221Z"
+                            fill="white"/>
+                        <path
+                            d="M1.64417 5.4921L1.93217 5.7041L1.82017 6.0441L2.11217 5.8321L2.40017 6.0441L2.28817 5.7041L2.58017 5.4921H2.22017L2.11217 5.1521L2.00017 5.4921H1.64417Z"
+                            fill="white"/>
+                        <path
+                            d="M3.65588 5.4921L3.94788 5.7041L3.83588 6.0441L4.12788 5.8321L4.41588 6.0441L4.30788 5.7041L4.59588 5.4921H4.23588L4.12788 5.1521L4.01588 5.4921H3.65588Z"
+                            fill="white"/>
+                        <path
+                            d="M5.67188 5.4921L5.96387 5.7041L5.85187 6.0441L6.14387 5.8321L6.43187 6.0441L6.31987 5.7041L6.61187 5.4921H6.25187L6.14387 5.1521L6.03187 5.4921H5.67188Z"
+                            fill="white"/>
+                        <path
+                            d="M-0.380127 7.21207L-0.0881271 7.42007L-0.200127 7.76007L0.0878731 7.55207L0.379873 7.76007L0.267873 7.42007L0.555873 7.21207H0.199873L0.0878731 6.87207L-0.0201271 7.21207H-0.380127Z"
+                            fill="white"/>
+                        <path
+                            d="M1.63599 7.21207L1.92399 7.42007L1.81599 7.76007L2.10399 7.55207L2.39599 7.76007L2.28399 7.42007L2.57199 7.21207H2.21599L2.10399 6.87207L1.99599 7.21207H1.63599Z"
+                            fill="white"/>
+                        <path
+                            d="M3.65198 7.21207L3.94398 7.42007L3.83198 7.76007L4.11998 7.55207L4.41198 7.76007L4.29998 7.42007L4.58798 7.21207H4.23198L4.11998 6.87207L4.01198 7.21207H3.65198Z"
+                            fill="white"/>
+                        <path
+                            d="M5.66797 7.21207L5.95597 7.42007L5.84797 7.76007L6.13597 7.55207L6.42797 7.76007L6.31597 7.42007L6.60397 7.21207H6.24797L6.13597 6.87207L6.02797 7.21207H5.66797Z"
+                            fill="white"/>
+                      </g>
+                      <defs>
+                        <clipPath id="clip0_179_1917">
+                          <path
+                              d="M0 2.5C0 1.39543 0.895431 0.5 2 0.5H14C15.1046 0.5 16 1.39543 16 2.5V14.5C16 15.6046 15.1046 16.5 14 16.5H2C0.895431 16.5 0 15.6046 0 14.5V2.5Z"
+                              fill="white"/>
+                        </clipPath>
+                      </defs>
+                    </svg>
+                    <svg v-if="currency.currency === 'EUR'" width="16" height="17" viewBox="0 0 16 17" fill="none"
+                         xmlns="http://www.w3.org/2000/svg">
+                      <path
+                          d="M0 2.5C0 1.39543 0.895431 0.5 2 0.5H14C15.1046 0.5 16 1.39543 16 2.5V14.5C16 15.6046 15.1046 16.5 14 16.5H2C0.895431 16.5 0 15.6046 0 14.5V2.5Z"
+                          fill="#314199"/>
+                      <path
+                          d="M7.99479 12.5967L8.18355 13.1573L8.75857 13.1568L8.35044 13.4667L8.46265 14.0686L7.99479 13.7271L7.52542 14.0594L7.639 13.4667L7.23511 13.1549H7.80958L7.99479 12.5967Z"
+                          fill="#F8EC26"/>
+                      <path
+                          d="M7.99479 2.85718L8.18355 3.41796L8.75857 3.41727L8.35044 3.72735L8.46265 4.32913L7.99479 3.98765L7.52542 4.31994L7.639 3.72735L7.23511 3.41535H7.80958L7.99479 2.85718Z"
+                          fill="#F8EC26"/>
+                      <path
+                          d="M10.333 3.48364L10.5218 4.04428L11.097 4.04373L10.6888 4.35368L10.8009 4.95546L10.333 4.61411L9.86366 4.94641L9.97739 4.35368L9.57349 4.04181H10.148L10.333 3.48364Z"
+                          fill="#F8EC26"/>
+                      <path
+                          d="M5.54397 3.48364L5.73273 4.04428L6.3079 4.04373L5.89976 4.35368L6.01184 4.95546L5.54397 4.61411L5.0746 4.94641L5.18832 4.35368L4.78442 4.04181H5.35877L5.54397 3.48364Z"
+                          fill="#F8EC26"/>
+                      <path
+                          d="M10.333 11.9387L10.5218 12.4995L11.097 12.4989L10.6888 12.8089L10.8009 13.4107L10.333 13.0693L9.86366 13.4016L9.97739 12.8089L9.57349 12.4969H10.148L10.333 11.9387Z"
+                          fill="#F8EC26"/>
+                      <path
+                          d="M5.54397 11.9387L5.73273 12.4995L6.3079 12.4989L5.89976 12.8089L6.01184 13.4107L5.54397 13.0693L5.0746 13.4016L5.18832 12.8089L4.78442 12.4969H5.35877L5.54397 11.9387Z"
+                          fill="#F8EC26"/>
+                      <path
+                          d="M3.75309 5.32153L3.94185 5.88231L4.51688 5.88162L4.10888 6.1917L4.22082 6.79349L3.75309 6.45214L3.28372 6.7843L3.39731 6.1917L2.99341 5.8797H3.56789L3.75309 5.32153Z"
+                          fill="#F8EC26"/>
+                      <path
+                          d="M12.1823 5.32153L12.3711 5.88231L12.9462 5.88162L12.5381 6.1917L12.6502 6.79349L12.1823 6.45214L11.7129 6.7843L11.8265 6.1917L11.4226 5.8797H11.9971L12.1823 5.32153Z"
+                          fill="#F8EC26"/>
+                      <path
+                          d="M3.75309 10.1826L3.94185 10.7434L4.51688 10.7427L4.10888 11.0528L4.22082 11.6546L3.75309 11.3131L3.28372 11.6454L3.39731 11.0528L2.99341 10.7408H3.56789L3.75309 10.1826Z"
+                          fill="#F8EC26"/>
+                      <path
+                          d="M12.1823 10.1826L12.3711 10.7434L12.9462 10.7427L12.5381 11.0528L12.6502 11.6546L12.1823 11.3131L11.7129 11.6454L11.8265 11.0528L11.4226 10.7408H11.9971L12.1823 10.1826Z"
+                          fill="#F8EC26"/>
+                      <path
+                          d="M3.19682 7.73389L3.38558 8.29466L3.96074 8.29398L3.55261 8.60406L3.66469 9.20584L3.19682 8.86436L2.72745 9.19665L2.84103 8.60406L2.43713 8.29206H3.01161L3.19682 7.73389Z"
+                          fill="#F8EC26"/>
+                      <path
+                          d="M12.799 7.73389L12.9877 8.29466L13.5629 8.29398L13.1548 8.60406L13.2668 9.20584L12.799 8.86436L12.3296 9.19665L12.4433 8.60406L12.0394 8.29206H12.6138L12.799 7.73389Z"
+                          fill="#F8EC26"/>
+                    </svg>
+                    <svg v-if="currency.currency === 'RUB'" width="16" height="17" viewBox="0 0 16 17" fill="none"
+                         xmlns="http://www.w3.org/2000/svg">
+                      <g clip-path="url(#clip0_179_2012)">
+                        <path d="M0 0.5C0 -0.60457 0.895431 -1.5 2 -1.5H18C19.1046 -1.5 20 -0.604569 20 0.5V5.5H0V0.5Z"
+                              fill="#F0F0F0"/>
+                        <rect y="5.5" width="20" height="7" fill="#0039A6"/>
+                        <path d="M0 11.5H20V16.5C20 17.6046 19.1046 18.5 18 18.5H2C0.895431 18.5 0 17.6046 0 16.5V11.5Z"
+                              fill="#D52B1E"/>
+                      </g>
+                      <defs>
+                        <clipPath id="clip0_179_2012">
+                          <rect y="0.5" width="16" height="16" rx="2" fill="white"/>
+                        </clipPath>
+                      </defs>
+                    </svg>
+                    <svg v-if="currency.currency === 'CNY'" width="16" height="16" viewBox="0 0 16 16" fill="none"
+                         xmlns="http://www.w3.org/2000/svg">
+                      <path
+                          d="M0 2C0 0.895431 0.895431 0 2 0H14C15.1046 0 16 0.895431 16 2V14C16 15.1046 15.1046 16 14 16H2C0.895431 16 0 15.1046 0 14V2Z"
+                          fill="#DE2910"/>
+                      <path
+                          d="M4.00115 1.60043L5.41155 5.94203L1.71875 3.25883H6.28355L2.59075 5.94203L4.00115 1.60043Z"
+                          fill="#FFDE00"/>
+                      <path
+                          d="M7.3125 2.01103L8.3117 0.863831L8.1781 2.37983L7.3957 1.07503L8.7957 1.67023L7.3125 2.01103Z"
+                          fill="#FFDE00"/>
+                      <path
+                          d="M8.80803 3.31335L10.1744 2.64375L9.46323 3.98855L9.24803 2.48215L10.3072 3.57415L8.80803 3.31335Z"
+                          fill="#FFDE00"/>
+                      <path
+                          d="M8.82968 5.38077L10.3497 5.32637L9.15208 6.26477L9.56968 4.80157L10.0913 6.23037L8.82968 5.38077Z"
+                          fill="#FFDE00"/>
+                      <path d="M7.3758 6.6997L8.7998 7.2365L7.3326 7.6397L8.283 6.4509L8.2118 7.9709L7.3758 6.6997Z"
+                            fill="#FFDE00"/>
+                    </svg>
+
+                    <span>{{ currency.currency }}</span>
+                  </div>
+                  <div class="menu-wrapper__bottom-column">
+                    <span>{{ currency.sell }}</span>
+                    <svg v-if="currency.sell_state === 'DOWN'" width="16" height="17" viewBox="0 0 16 17" fill="none"
+                         xmlns="http://www.w3.org/2000/svg">
+                      <path d="M8 12.5249L12.3301 4.52507H3.66987L8 12.5249Z" fill="#FF2E43"/>
+                    </svg>
+                    <svg v-else width="16" height="17" viewBox="0 0 16 17" fill="none"
+                         xmlns="http://www.w3.org/2000/svg">
+                      <path d="M8 4.47461L12.3301 12.4702H3.66987L8 4.47461Z" fill="#00B92D"/>
+                    </svg>
+                  </div>
+                  <div class="menu-wrapper__bottom-column">
+                    <span>{{ currency.buy }}</span>
+                    <svg v-if="currency.buy_state === 'DOWN'" width="16" height="17" viewBox="0 0 16 17" fill="none"
+                         xmlns="http://www.w3.org/2000/svg">
+                      <path d="M8 12.5249L12.3301 4.52507H3.66987L8 12.5249Z" fill="#FF2E43"/>
+                    </svg>
+                    <svg v-else width="16" height="17" viewBox="0 0 16 17" fill="none"
+                         xmlns="http://www.w3.org/2000/svg">
+                      <path d="M8 4.47461L12.3301 12.4702H3.66987L8 4.47461Z" fill="#00B92D"/>
+                    </svg>
+                  </div>
+                </div>
+              </div>
+              <div v-show="isAuthenticated" class="menu_mobile-footer">
+                <button class="sign" @click="$emit('logout')">
+                  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M16.5 15L19.5 12L16.5 9" stroke="white" stroke-miterlimit="10" stroke-linecap="round"
+                          stroke-linejoin="round"/>
+                    <path d="M15 16.875L15 19.5L4.5 19.5L4.5 4.5L15 4.5L15 6.5625" stroke="white" stroke-miterlimit="10"
+                          stroke-linecap="round" stroke-linejoin="round"/>
+                    <path d="M19 12H8" stroke="white" stroke-miterlimit="10" stroke-linecap="round"
+                          stroke-linejoin="round"/>
+                  </svg>
+                  <span>Выход</span>
+                </button>
+              </div>
+            </div>
+          </div>
+        </div>
+      </MobileToggle>
+    </div>
+  </header>
+</template>
+
+<script>
+import Profile from "./Profile";
+import MobileToggle from "../transitions/VerticalMobileToggle";
+import InfoHeader from "./InfoHeader";
+import ChildLinks from "@/components/Header/ChildLinks";
+
+export default {
+  components: {
+    ChildLinks,
+    InfoHeader,
+    Profile,
+    MobileToggle,
+  },
+  props: {
+    rate: {
+      type: String,
+      default: ""
+    },
+    mode: {
+      type: String,
+      required: true,
+      validator: function (value) {
+        return ["prod", "dev", "staging"].indexOf(value) !== -1;
+      },
+    },
+    noAuth: {
+      type: Boolean,
+      default: false
+    },
+    isAuthenticated: {
+      type: Boolean,
+      default: false,
+    },
+    isBordered: {
+      type: Boolean,
+      default: false,
+    },
+    isSticky: {
+      type: Boolean,
+      default: false,
+    },
+    requestCount: {
+      type: [String, Number],
+      default: null,
+    },
+    daysRemaining: {
+      type: [String, Number],
+      default: null,
+    },
+    email: {
+      type: String,
+      default: "",
+    },
+    loginUrl: {
+      type: String,
+      default: "",
+      required: true,
+    },
+    activeTabKey: {
+      type: String,
+      default: "",
+      required: true,
+    },
+    balance: {
+      type: Number,
+      default: 0
+    },
+    hasFavourites: {
+      type: Boolean,
+      default: false
+    },
+    hasSearchField: {
+      type: Boolean,
+      default: false
+    },
+    tab: {
+      type: String,
+      default: ""
+    }
+  },
+  data() {
+    return {
+      isActiveMenu: false,
+      main: {
+        dev: "https://adtdev.kz",
+        prod: "https://adata.kz",
+        staging: "https://adada.kz",
+      },
+      headerItems: [
+        {
+          id: 1,
+          name: "Контрагенты",
+          dev: "https://pk.adtdev.kz",
+          prod: "https://pk.adata.kz",
+          staging: "https://pk.adada.kz",
+          key: "counterparty",
+          children: [
+            {
+              name: 'Проверка контрагентов',
+              subtitle: 'Проверьте контрагента на благонадежность',
+              to: '/',
+              icon: 'search'
+            },
+            {
+              name: 'Сравнение контрагентов',
+              subtitle: 'Проверьте рейтинг компании',
+              to: '/counterparty/compare',
+              icon: 'scales'
+            },
+            {
+              name: 'Косвенные связи',
+              subtitle: 'Проверьте наличие косвенных связей',
+              to: '/counterparty/search-connections/check',
+              icon: 'link'
+            },
+            {
+              name: 'Массовая проверка',
+              subtitle: 'Проверьте благонадежность нескольких компаний или сотрудников одновременно',
+              to: '/counterparty/employees-check',
+              icon: 'users'
+            },
+            {
+              name: 'Зарубежные контрагенты',
+              subtitle: 'Изучите сведения о российских и зарубежных компаниях',
+              to: '/counterparty/foreign',
+              icon: 'globe'
+            },
+            {
+              name: 'Санкции',
+              subtitle: 'Проверьте бизнес-партнера на включение в санкционные списки',
+              to: '/counterparty/sanctions',
+              icon: 'slash'
+            },
+            {
+              name: 'Офшоры',
+              subtitle: 'Проверьте наличие контрагента в офшорных списках',
+              to: '/counterparty/offshore',
+              icon: 'dollar'
+            },
+          ],
+        },
+        {
+          id: 2,
+          name: "Работа",
+          dev: "https://work.adtdev.kz",
+          prod: "https://work.adata.kz",
+          staging: "https://work.adada.kz",
+          key: "work",
+          children: [
+            {
+              name: 'Вакансии',
+              subtitle: 'Поиск вакансий',
+              to: '/vacancy',
+              icon: 'bag'
+            },
+            {
+              name: 'Резюме',
+              subtitle: 'Поиск резюме',
+              to: '/summary',
+              icon: 'scales'
+            },
+          ],
+        },
+        {
+          id: 3,
+          name: "Тендеры",
+          dev: "https://tender.adtdev.kz",
+          prod: "https://tender.adata.kz",
+          staging: "https://tender.adada.kz",
+          key: "tenders",
+          children: [
+            {
+              name: 'Поиск тендеров',
+              subtitle: 'Найдите интересующие объявления о закупках',
+              to: '/',
+              icon: 'search'
+            },
+            {
+              name: 'Поиск договоров',
+              subtitle: 'Найдите договоры по совершенным тендерным закупкам',
+              to: '/main/contracts',
+              icon: 'file'
+            },
+            {
+              name: 'Планы закупок',
+              subtitle: 'Узнайте о планирующихся тендерных закупках',
+              to: '/main/plans',
+              icon: 'package'
+            }
+          ],
+        },
+        {
+          id: 4,
+          name: "Штрафы",
+          dev: "https://avto.adtdev.kz",
+          prod: "https://avto.adata.kz",
+          staging: "https://avto.adada.kz",
+          key: "fines",
+          children: [
+            {
+              name: 'Проверка штрафов',
+              subtitle: 'Проверьте наличие штрафов, задолженностей и запретов',
+              to: '/',
+              icon: 'check'
+            },
+            {
+              name: 'Проверка авто',
+              subtitle: 'Проверьте информацию и историю авто',
+              to: '/check',
+              icon: 'car'
+            },
+            {
+              name: 'Массовая проверка авто',
+              subtitle: 'Используйте массовую проверку для получения информации о нескольких авто',
+              to: '/bulk-check',
+              icon: 'truck'
+            },
+          ],
+        },
+        {
+          id: 5,
+          name: "Маркетинг",
+          dev: "https://marketing.adtdev.kz",
+          prod: "https://marketing.adata.kz",
+          staging: "https://marketing.adada.kz",
+          key: "marketing",
+          children: [
+            {
+              name: 'Поиск клиентов',
+              subtitle: 'Получите актуальную базу контактов потенциальных клиентов',
+              to: '/unload-data',
+              icon: 'search'
+            },
+            {
+              name: 'Анализ закупок',
+              subtitle: 'Изучите динамику и получите данные о проведенных тендерных закупках',
+              to: '/purchasing-analysis',
+              icon: 'package'
+            },
+            {
+              name: 'Индекс деловой активности',
+              subtitle: 'Изучайте активность предприятий на рынке',
+              to: '/business-activity',
+              icon: 'trending'
+            },
+            {
+              name: 'Рейтинг налогоплательщиков',
+              subtitle: 'Получите данные о лидерах компаний, видах деятельности и регионах',
+              to: '/tax-payment',
+              icon: 'award'
+            },
+            {
+              name: 'Субъекты бизнеса',
+              subtitle: 'Изучите динамику субъектов действующего бизнеса',
+              to: '/business-entities',
+              icon: 'company'
+            }
+          ],
+        },
+      ],
+      isOpen: false,
+      weather: null,
+      currencies: null,
+      systemMessage: null,
+      timer: null,
+      isOpenNotification: false,
+    };
+  },
+  created() {
+    this.fetchCurrencies();
+  },
+  mounted() {
+    this.notificationShow()
+  },
+  methods: {
+    goToAnotherModule(url) {
+      if(!location.href.includes(url)) {
+        this.$emit("changeModule");
+      }
+      window.open(url, "_self");
+    },
+    goAuth() {
+      const fullPath = encodeURIComponent(window.location.toString());
+      if (window) {
+        window.location.href = `${this.loginUrl}?url=${fullPath}`;
+      }
+    },
+    async fetchNotification() {
+      try {
+        const link = `https://users.adata.kz/api/v1/system-messages/active-list/?module_name=${this.activeTabKey}`
+        const response = await fetch(link);
+        const {data} = await response.json();
+
+        if (data.details.length) {
+          this.systemMessage = data.details[0].message;
+          this.isOpenNotification = true;
+          localStorage.setItem('start_time', JSON.stringify(new Date()))
+        }
+
+      } catch (e) {
+        console.log(e.message)
+      }
+    },
+    notificationShow() {
+      const startTime = localStorage.getItem('start_time');
+      let diffTime = startTime ? Math.round((new Date() - new Date(JSON.parse(startTime))) / 3600000) : 0
+      if (startTime) {
+        if (diffTime >= 24) {
+          localStorage.removeItem('start_time')
+        }
+      } else {
+        this.fetchNotification()
+      }
+    },
+    async fetchCurrencies() {
+      try {
+        const response = await fetch('https://users.adata.kz/api/v1/information/currency');
+        const {data} = await response.json();
+
+        if (data.currencies) {
+          this.currencies = data.currencies;
+        }
+
+      } catch (e) {
+        console.log(e.message)
+      }
+    },
+    async fetchWeather() {
+      try {
+        const response = await fetch('https://users.adata.kz/api/v1/information/weather');
+        const {data} = await response.json();
+
+        if (data.cities) {
+          this.weather = data.cities;
+        }
+
+      } catch (e) {
+        console.log(e.message)
+      }
+    },
+    closeNotification(option) {
+      this.isOpenNotification = !option
+    },
+    changeValue() {
+      this.isActiveMenu = false;
+      this.isOpen = !this.isOpen;
+      this.$emit("menuOpen", this.isOpen);
+    },
+    thousandSeparator(val) {
+      return val ? val.toString().replace(/\B(?=(\d{3})+(?!\d))/g, " ") : "0";
+    },
+    defineIconState(name) {
+      return name === "DOWN" ? "@/assets/icons/arrow-down.svg" : "@/assets/icons/arrow-up.svg";
+    },
+    defineIconEntity(name) {
+      switch (name) {
+        case 'USD':
+          return "@/assets/icons/dollor.svg";
+        case 'EUR':
+          return "@/assets/icons/euro.svg";
+        case 'RUB':
+          return "@/assets/icons/ruble.svg";
+      }
+    },
+  },
+};
+</script>
+
+<style lang="scss">
+* {
+  font-family: "Open Sans", sans-serif;
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+.sticky {
+  position: sticky;
+  z-index: 1000;
+  top: 0;
+}
+
+.header {
+  background: #ffffff;
+  max-height: 62px;
+  height: 62px;
+  display: flex;
+  align-items: center;
+  width: 100%;
+  @media (max-width: 1025px) {
+    height: 56px;
+    border-bottom: 1px solid #BDC7CE;
+  }
+
+  &.bordered {
+    border-bottom: 1px solid #2c3e5026;
+  }
+
+  & > .container {
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    @media (max-width: 1025px) {
+      gap: 12px;
+    }
+  }
+
+  &__right {
+    display: flex;
+    align-items: center;
+  }
+
+  &__left {
+    display: flex;
+    align-items: center;
+    @media (max-width: 1025px) {
+      width: 100%;
+    }
+
+    .menu {
+      display: flex;
+      align-items: center;
+      $self: &;
+      @media (max-width: 1025px) {
+        display: none;
+      }
+
+      &__sublinks {
+        display: none;
+      }
+      &__item {
+        margin-right: 8px;
+        align-items: center;
+        position: relative;
+        &:hover {
+          .menu__sublinks {
+            display: block;
+          }
+        }
+      }
+      &__items {
+        padding: 20px 8px 20px 0;
+        transition: text-shadow 0.3s;
+        display: block;
+        font-weight: bold;
+        font-size: 16px;
+        line-height: 22px;
+        text-transform: uppercase;
+        color: #71757a;
+        position: relative;
+
+        &::after {
+          content: "";
+          position: absolute;
+          right: -1px;
+          top: 50%;
+          transform: translateY(-50%);
+          height: 22px;
+          width: 1px;
+          background-color: #e5e5e5;
+        }
+
+        &.active {
+          font-weight: bold;
+          font-size: 16px;
+          line-height: 22px;
+          text-transform: uppercase;
+          color: #2c3e50;
+        }
+
+        &:hover {
+          color: #9da3ac;
+          cursor: pointer;
+        }
+      }
+    }
+
+    .logo {
+      display: block;
+      margin-right: 20px;
+      @media (max-width: 1025px) {
+        margin-right: 10px;
+        padding-bottom: 0;
+      }
+
+      svg {
+        //width: 90px;
+        //height: 26px;
+        //display: block;
+        fill: #2c3e50;
+        @media (max-width: 1025px) {
+          // width: 77px;
+          // height: 24px;
+          width: 38px;
+          height: 30px;
+        }
+
+        &:hover {
+          fill: #71757a;
+        }
+        &.desktop {
+          @media (max-width: 1025px) {
+            display: none;
+          }
+        }
+        &.mobile {
+          display: none;
+          @media (max-width: 1025px) {
+            display: block;
+            width: auto;
+          }
+        }
+      }
+    }
+  }
+
+  .menu_mobile {
+    display: none;
+    grid-template-columns: 10% 90%;
+    z-index: 1000000;
+    position: absolute !important;
+
+    .empty-space {
+      background: rgba(0, 0, 0, 0.40);
+    }
+
+    &::-webkit-scrollbar {
+      width: 4px;
+
+      &-thumb {
+        background: #c4c4c4;
+      }
+
+      &-track {
+        background: #fff;
+      }
+    }
+
+    &--switcher {
+      display: none;
+      cursor: pointer;
+    }
+
+    button.sign {
+      height: auto;
+      justify-content: flex-start;
+
+      svg {
+        margin-right: 8px;
+        height: 24px;
+        width: 24px;
+      }
+
+      span {
+        color: #007AFF;
+        font-size: 14px;
+      }
+    }
+
+    @media (max-width: 1025px) {
+      display: grid;
+      background: transparent !important;
+      .mobile-table-head {
+        display: flex;
+        justify-content: space-between;
+        padding: 20px 16px;
+        height: auto;
+        background: #ECEFF1;
+        border-bottom: 0.5px solid rgba(157, 163, 172, 0.5);
+      }
+      &-wrapper {
+        border-top: 1px solid #9da3ac4c;
+        padding: 16px;
+        font-weight: 600;
+        font-size: 14px;
+        line-height: 22px;
+        color: #2c3e50;
+        display: block;
+
+        &:first-child {
+          border-top: none;
+        }
+
+        &.active-burger-tab {
+          background: #2c3e500d;
+        }
+      }
+      &--switcher {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+    }
+
+    .menu-wrapper {
+      height: 100%;
+      display: flex;
+      flex-direction: column;
+      justify-content: space-between;
+      box-shadow: -6px 4px 12px rgb(157 163 172 / 40%);
+      background: #fff;
+      @media (max-width: 1025px) {
+        justify-content: flex-start;
+      }
+
+      &__top {
+        &-left {
+          display: flex;
+          gap: 8px;
+          align-items: center;
+          width: 100%;
+
+          .svg-wrapper {
+            width: 32px;
+            height: 32px;
+            background: rgba(189, 199, 206, 0.2);
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            border-radius: 50%;
+
+            svg {
+              width: 24px;
+              height: 24px;
+            }
+          }
+
+          .text-wrapper {
+            width: 100%;
+            p {
+              font-size: 14px;
+              font-weight: 500;
+              display: flex;
+              justify-content: space-between;
+              align-items: center;
+
+              &:first-child {
+                border-bottom: 0.5px solid rgba(157, 163, 172, 0.5);
+                padding-bottom: 12px;
+                margin-bottom: 12px;
+                span {
+                  cursor: pointer;
+                  svg {
+                    width: 16px;
+                    height: 16px;
+                  }
+                }
+              }
+
+              &:nth-child(2) {
+                color: #007AFF;
+                font-size: 12px;
+                font-weight: 600;
+                span {
+                  display: flex;
+                  align-items: center;
+                  gap: 8px;
+                  cursor: pointer;
+                  font-weight: 400;
+                }
+              }
+            }
+          }
+        }
+
+        &-right {
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          cursor: pointer;
+        }
+      }
+    }
+
+    &-footer {
+      width: 100%;
+      background: #007AFF;
+      padding: 20px 16px;
+      display: flex;
+      margin-top: auto;
+      position: relative;
+      z-index: 1000000;
+      @media (max-width: 1025px) {
+        height: 40px;
+        width: calc(100% - 32px);
+        margin: 32px 16px;
+        justify-content: center;
+      }
+
+      button.sign {
+        span {
+          color: #fff;
+        }
+      }
+    }
+  }
+
+  .menu-wrapper__bottom {
+    margin: 80px 0 0;
+    @media (max-width: 1025px) {
+      margin: 0;
+    }
+
+    &-header {
+      background: rgba(189, 199, 206, 0.2);
+      padding: 4px 16px;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+
+      span {
+        font-weight: 500;
+        font-size: 12px;
+        line-height: 20px;
+        color: #666C72;
+      }
+    }
+
+    &-body {
+      padding: 8px 16px 16px;
+      display: flex;
+      flex-direction: column;
+      justify-content: space-between;
+      gap: 12px;
+      margin-bottom: 36px;
+      @media (max-width: 1025px) {
+        margin-bottom: 0;
+      }
+    }
+
+    &-row {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+    }
+
+    &-column {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+
+      &:first-child {
+        justify-content: flex-start;
+      }
+
+      &:nth-child(2), &:nth-child(3) {
+        justify-content: flex-end;
+        width: 60px;;
+      }
+
+      span {
+        font-weight: 500;
+        font-size: 14px;
+        line-height: 20px;
+        color: #2C3E50;
+      }
+    }
+
+    &-footer {
+      background: rgba(189, 199, 206, 0.2);
+      padding: 8px 16px;
+      display: flex;
+      flex-direction: column;
+      gap: 10px;
+
+      &-item {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+      }
+
+      &-title {
+        font-weight: 500;
+        font-size: 14px;
+        line-height: 20px;
+        color: #2C3E50;
+      }
+
+      &-circle {
+        color: #ffffff;
+        padding: 4px 12px;
+        background: #007AFF;
+        border-radius: 100px;
+        font-weight: 500;
+        font-size: 14px;
+        line-height: 20px;
+      }
+    }
+  }
+}
+
+.logo-desktop {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 90px;
+  height: 26px;
+  background-image: url("~@/assets/logo-desktop-main.svg");
+  background-size: cover;
+  background-position: center;
+  @media screen and (max-width: 1025px){
+    display: none;
+  }
+}
+.logo-mobile {
+  display: none;
+  width: 24px;
+  height: 24px;
+  background-image: url("~@/assets/logo-mobile-main.svg");
+  background-size: cover;
+  background-position: center;
+  @media screen and (max-width: 1025px){
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+}
+
+.mobile-search {
+  display: none;
+  height: 32px;
+  max-height: 32px;
+  @media (max-width: 1025px) {
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    gap: 8px;
+    width: 100%;
+  }
+  .search-input {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    background: rgba(189, 199, 206, 0.2);
+    height: 100%;
+    border-radius: 2px;
+    width: 100%;
+    padding: 0 14px;
+    font-weight: 500;
+    font-size: 12px;
+    line-height: 20px;
+    cursor: pointer;
+  }
+  .favorite-btn {
+    background: rgba(189, 199, 206, 0.2);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding: 10px;
+    height: 100%;
+    border-radius: 2px;
+    cursor: pointer;
+    svg {
+      width: 16px;
+      height: 16px;
+    }
+  }
+}
+</style>