<div >
<div class="logo">
<img src="./images/Logo.svg" alt="" class="logo__img">
</div>
<div class="menu-wrapper">
<!-- Menu -->
<div class="menu__close">
<button class="menu__close__btn"><img src="./images/x-mark-1.svg" alt=""></button>
</div>
<div class="menu">
<nav class="menu__nav">
<a href="#" class="menu__link " >
<svg class="menu__link__img" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M7.91667 6.66667H1.25C0.560833 6.66667 0 6.10583 0 5.41667V1.25C0 0.560833 0.560833 0 1.25 0H7.91667C8.60583 0 9.16667 0.560833 9.16667 1.25V5.41667C9.16667 6.10583 8.60583 6.66667 7.91667 6.66667ZM1.25 0.833333C1.02083 0.833333 0.833333 1.02 0.833333 1.25V5.41667C0.833333 5.64667 1.02083 5.83333 1.25 5.83333H7.91667C8.14583 5.83333 8.33333 5.64667 8.33333 5.41667V1.25C8.33333 1.02 8.14583 0.833333 7.91667 0.833333H1.25Z" fill="black"/>
<path d="M7.91667 20H1.25C0.560833 20 0 19.4392 0 18.75V9.58337C0 8.89421 0.560833 8.33337 1.25 8.33337H7.91667C8.60583 8.33337 9.16667 8.89421 9.16667 9.58337V18.75C9.16667 19.4392 8.60583 20 7.91667 20ZM1.25 9.16671C1.02083 9.16671 0.833333 9.35337 0.833333 9.58337V18.75C0.833333 18.98 1.02083 19.1667 1.25 19.1667H7.91667C8.14583 19.1667 8.33333 18.98 8.33333 18.75V9.58337C8.33333 9.35337 8.14583 9.16671 7.91667 9.16671H1.25Z" fill="black"/>
<path d="M18.7497 20H12.083C11.3938 20 10.833 19.4392 10.833 18.75V14.5833C10.833 13.8941 11.3938 13.3333 12.083 13.3333H18.7497C19.4388 13.3333 19.9997 13.8941 19.9997 14.5833V18.75C19.9997 19.4392 19.4388 20 18.7497 20ZM12.083 14.1666C11.8538 14.1666 11.6663 14.3533 11.6663 14.5833V18.75C11.6663 18.98 11.8538 19.1667 12.083 19.1667H18.7497C18.9788 19.1667 19.1663 18.98 19.1663 18.75V14.5833C19.1663 14.3533 18.9788 14.1666 18.7497 14.1666H12.083Z" fill="black"/>
<path d="M18.7497 11.6667H12.083C11.3938 11.6667 10.833 11.1058 10.833 10.4167V1.25C10.833 0.560833 11.3938 0 12.083 0H18.7497C19.4388 0 19.9997 0.560833 19.9997 1.25V10.4167C19.9997 11.1058 19.4388 11.6667 18.7497 11.6667ZM12.083 0.833333C11.8538 0.833333 11.6663 1.02 11.6663 1.25V10.4167C11.6663 10.6467 11.8538 10.8333 12.083 10.8333H18.7497C18.9788 10.8333 19.1663 10.6467 19.1663 10.4167V1.25C19.1663 1.02 18.9788 0.833333 18.7497 0.833333H12.083Z" fill="black"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="20" height="20" fill="white"/>
</clipPath>
</defs>
</svg > Панель управления
</a>
<a href="#" class="menu__link menu__link-sub">
<svg class="menu__link__img" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M13.75 0H2.5C1.12125 0 0 1.12125 0 2.5V10C0 11.3787 1.12125 12.5 2.5 12.5V15.625C2.5 15.8687 2.6425 16.0913 2.86375 16.1925C2.9475 16.2313 3.03625 16.25 3.125 16.25C3.27125 16.25 3.41625 16.1987 3.53125 16.0987L7.73125 12.5H13.75C15.1287 12.5 16.25 11.3787 16.25 10V2.5C16.25 1.12125 15.1287 0 13.75 0ZM15 10C15 10.6888 14.4388 11.25 13.75 11.25H7.5C7.35125 11.25 7.20625 11.3025 7.09375 11.4013L3.75 14.2663V11.875C3.75 11.53 3.47 11.25 3.125 11.25H2.5C1.81125 11.25 1.25 10.6888 1.25 10V2.5C1.25 1.81125 1.81125 1.25 2.5 1.25H13.75C14.4388 1.25 15 1.81125 15 2.5V10Z" fill="black"/>
<path d="M18.3287 3.89631C18.0024 3.78381 17.6462 3.95756 17.5337 4.28381C17.4212 4.61006 17.5937 4.96506 17.9212 5.07881C18.4162 5.24881 18.7499 5.72006 18.7499 6.25006V13.7501C18.7499 14.4388 18.1887 15.0001 17.4999 15.0001H16.8749C16.5299 15.0001 16.2499 15.2801 16.2499 15.6251V18.0163L12.9062 15.1513C12.7937 15.0526 12.6487 15.0001 12.4999 15.0001H6.9624C6.6174 15.0001 6.3374 15.2801 6.3374 15.6251C6.3374 15.9701 6.61615 16.2501 6.9624 16.2501H12.2687L16.4687 19.8488C16.5837 19.9488 16.7287 20.0001 16.8749 20.0001C16.9637 20.0001 17.0524 19.9813 17.1362 19.9426C17.3574 19.8413 17.4999 19.6188 17.4999 19.3751V16.2501C18.8787 16.2501 19.9999 15.1288 19.9999 13.7501V6.25006C19.9999 5.18756 19.3287 4.24131 18.3287 3.89631Z" fill="black"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="20" height="20" fill="white"/>
</clipPath>
</defs>
</svg>
menu-1
<svg class="menu__link__arrow" width="6" height="10" viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.71007 4.28966C5.65985 4.23908 5.60424 4.19639 5.54649 4.15926L1.67054 0.28349C1.29225 -0.0944369 0.679175 -0.0946163 0.300709 0.28367C-0.0775764 0.661776 -0.0775764 1.27503 0.300709 1.6535L3.63892 4.99135L0.283849 8.34677C-0.0946163 8.7247 -0.0946163 9.33813 0.283849 9.7166C0.473081 9.90547 0.720788 10 0.968494 10C1.2162 10 1.46444 9.90547 1.65314 9.71624L5.54649 5.82343C5.60424 5.7863 5.65967 5.74379 5.71007 5.69303C5.90379 5.49931 5.9967 5.24497 5.9924 4.99135C5.99688 4.73754 5.90379 4.48284 5.71007 4.28966Z" fill="#3809A3"/>
</svg>
</a>
<div class="sub-menu">
<a href="#" class="sum-menu__link sum-menu__link__active">
<svg class="sum-menu__link__arrow " width="6" height="10" viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.71007 4.28966C5.65985 4.23908 5.60424 4.19639 5.54649 4.15926L1.67054 0.28349C1.29225 -0.0944369 0.679175 -0.0946163 0.300709 0.28367C-0.0775764 0.661776 -0.0775764 1.27503 0.300709 1.6535L3.63892 4.99135L0.283849 8.34677C-0.0946163 8.7247 -0.0946163 9.33813 0.283849 9.7166C0.473081 9.90547 0.720788 10 0.968494 10C1.2162 10 1.46444 9.90547 1.65314 9.71624L5.54649 5.82343C5.60424 5.7863 5.65967 5.74379 5.71007 5.69303C5.90379 5.49931 5.9967 5.24497 5.9924 4.99135C5.99688 4.73754 5.90379 4.48284 5.71007 4.28966Z" fill="#3809A3"/>
</svg>
sub-menu</a>
<a href="#" class="sum-menu__link">
<svg class="sum-menu__link__arrow " width="6" height="10" viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.71007 4.28966C5.65985 4.23908 5.60424 4.19639 5.54649 4.15926L1.67054 0.28349C1.29225 -0.0944369 0.679175 -0.0946163 0.300709 0.28367C-0.0775764 0.661776 -0.0775764 1.27503 0.300709 1.6535L3.63892 4.99135L0.283849 8.34677C-0.0946163 8.7247 -0.0946163 9.33813 0.283849 9.7166C0.473081 9.90547 0.720788 10 0.968494 10C1.2162 10 1.46444 9.90547 1.65314 9.71624L5.54649 5.82343C5.60424 5.7863 5.65967 5.74379 5.71007 5.69303C5.90379 5.49931 5.9967 5.24497 5.9924 4.99135C5.99688 4.73754 5.90379 4.48284 5.71007 4.28966Z" fill="#3809A3"/>
</svg>
sub-menu</a>
<a href="#" class="sum-menu__link">
<svg class="sum-menu__link__arrow " width="6" height="10" viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.71007 4.28966C5.65985 4.23908 5.60424 4.19639 5.54649 4.15926L1.67054 0.28349C1.29225 -0.0944369 0.679175 -0.0946163 0.300709 0.28367C-0.0775764 0.661776 -0.0775764 1.27503 0.300709 1.6535L3.63892 4.99135L0.283849 8.34677C-0.0946163 8.7247 -0.0946163 9.33813 0.283849 9.7166C0.473081 9.90547 0.720788 10 0.968494 10C1.2162 10 1.46444 9.90547 1.65314 9.71624L5.54649 5.82343C5.60424 5.7863 5.65967 5.74379 5.71007 5.69303C5.90379 5.49931 5.9967 5.24497 5.9924 4.99135C5.99688 4.73754 5.90379 4.48284 5.71007 4.28966Z" fill="#3809A3"/>
</svg>
sub-menu</a>
</div>
<a href="#" class="menu__link menu__link-sub">
<svg class="menu__link__img" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M18.5662 1.11255H1.43383C0.643203 1.11255 0 1.75712 0 2.54942V17.6986C0 18.3541 0.531289 18.8875 1.18426 18.8875H18.8157C19.4687 18.8875 20 18.3542 20 17.6986V2.54942C20 1.75712 19.3568 1.11255 18.5662 1.11255ZM0.78125 2.54942C0.78125 2.18794 1.07398 1.89384 1.43383 1.89384H18.5662C18.926 1.89384 19.2188 2.18794 19.2188 2.54942V4.87099H0.78125V2.54942ZM19.2188 17.6986C19.2188 17.9233 19.038 18.1062 18.8157 18.1062H1.18426C0.961992 18.1062 0.78125 17.9233 0.78125 17.6986V5.6522H19.2188V17.6986Z" fill="black"/>
<path d="M12.8505 2.9917H12.3257C12.11 2.9917 11.9351 3.16662 11.9351 3.38232C11.9351 3.59803 12.11 3.77295 12.3257 3.77295H12.8505C13.0662 3.77295 13.2411 3.59803 13.2411 3.38232C13.2411 3.16658 13.0662 2.9917 12.8505 2.9917Z" fill="black"/>
<path d="M15.2776 2.9917H14.7529C14.5372 2.9917 14.3622 3.16662 14.3622 3.38232C14.3622 3.59803 14.5372 3.77295 14.7529 3.77295H15.2776C15.4933 3.77295 15.6682 3.59803 15.6682 3.38232C15.6682 3.16658 15.4933 2.9917 15.2776 2.9917Z" fill="black"/>
<path d="M17.7044 2.9917H17.1797C16.964 2.9917 16.789 3.16662 16.789 3.38232C16.789 3.59803 16.964 3.77295 17.1797 3.77295H17.7044C17.9201 3.77295 18.095 3.59803 18.095 3.38232C18.095 3.16658 17.9201 2.9917 17.7044 2.9917Z" fill="black"/>
<path d="M6.57085 2.9917H2.78378C2.56808 2.9917 2.39316 3.16662 2.39316 3.38232C2.39316 3.59803 2.56808 3.77295 2.78378 3.77295H6.57085C6.78656 3.77295 6.96148 3.59803 6.96148 3.38232C6.96148 3.16658 6.78656 2.9917 6.57085 2.9917Z" fill="black"/>
<path d="M10.0001 17.3208C12.9809 17.3208 15.4059 14.8958 15.4059 11.915C15.4059 8.93424 12.9809 6.50928 10.0001 6.50928C7.0193 6.50928 4.5943 8.93428 4.5943 11.9151C4.5943 14.8958 7.0193 17.3208 10.0001 17.3208ZM10.0001 7.29053C12.55 7.29053 14.6246 9.36506 14.6246 11.9151C14.6246 14.4651 12.55 16.5396 10.0001 16.5396C7.45012 16.5396 5.37555 14.465 5.37555 11.915C5.37555 9.36502 7.45012 7.29053 10.0001 7.29053Z" fill="black"/>
<path d="M7.90655 15.1554H12.0937C12.3094 15.1554 12.4843 14.9804 12.4843 14.7647V13.4259C12.4843 12.7668 12.1119 12.1822 11.5622 11.8831C11.8437 11.5369 12.0126 11.0956 12.0126 10.6156C12.0126 9.50588 11.1098 8.60303 10.0001 8.60303C8.89037 8.60303 7.9876 9.50584 7.9876 10.6156C7.9876 11.0954 8.15643 11.5366 8.4378 11.8828C7.88795 12.1815 7.51588 12.7655 7.51588 13.426V14.7648C7.51592 14.9804 7.69085 15.1554 7.90655 15.1554ZM10.0001 9.38424C10.679 9.38424 11.2314 9.93658 11.2314 10.6155C11.2314 11.2944 10.679 11.8468 10.0001 11.8468C9.32123 11.8468 8.76889 11.2944 8.76889 10.6155C8.76889 9.93658 9.32123 9.38424 10.0001 9.38424ZM8.29717 13.4259C8.29717 12.922 8.68729 12.4985 9.18737 12.4565C9.43604 12.5667 9.71108 12.628 10.0001 12.628C10.2892 12.628 10.5642 12.5667 10.8129 12.4565C11.3126 12.4984 11.7031 12.923 11.7031 13.4259V14.3741H8.29721V13.4259H8.29717Z" fill="black"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="20" height="20" fill="white"/>
</clipPath>
</defs>
</svg>
menu-2
<svg class="menu__link__arrow" width="6" height="10" viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.71007 4.28966C5.65985 4.23908 5.60424 4.19639 5.54649 4.15926L1.67054 0.28349C1.29225 -0.0944369 0.679175 -0.0946163 0.300709 0.28367C-0.0775764 0.661776 -0.0775764 1.27503 0.300709 1.6535L3.63892 4.99135L0.283849 8.34677C-0.0946163 8.7247 -0.0946163 9.33813 0.283849 9.7166C0.473081 9.90547 0.720788 10 0.968494 10C1.2162 10 1.46444 9.90547 1.65314 9.71624L5.54649 5.82343C5.60424 5.7863 5.65967 5.74379 5.71007 5.69303C5.90379 5.49931 5.9967 5.24497 5.9924 4.99135C5.99688 4.73754 5.90379 4.48284 5.71007 4.28966Z" fill="#3809A3"/>
</svg>
</a>
<div class="sub-menu">
<a href="#" class="sum-menu__link">sub-menu</a>
<a href="#" class="sum-menu__link">sub-menu</a>
<a href="#" class="sum-menu__link">sub-menu</a>
</div>
<a href="#" class="menu__link menu__link-sub">
<svg class="menu__link__img" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M9.16668 10.2742V1.25005C9.16668 1.02005 8.98 0.833374 8.75 0.833374C3.925 0.833374 0 5.13255 0 10.4167C0 15.7008 4.29918 20.0001 9.58332 20.0001C11.9475 20.0001 13.2266 19.5717 14.8483 18.2384C15.0225 18.0951 15.0508 17.8392 14.9125 17.6609L9.16668 10.2742ZM9.58332 19.1667C4.75832 19.1667 0.83332 15.2417 0.83332 10.4167C0.83332 5.74673 4.16082 1.91923 8.33332 1.67841V10.4167C8.33332 10.5092 8.36414 10.5992 8.42164 10.6726L14.0016 17.8467C12.6858 18.8517 11.5883 19.1667 9.58332 19.1667Z" fill="black"/>
<path d="M10.4167 10H19.5834C19.8134 10 20 9.81332 20 9.58332C20 4.29918 15.7008 0 10.4167 0C10.1867 0 10 0.18668 10 0.41668V9.58336C10 9.81332 10.1867 10 10.4167 10ZM10.8333 0.84332C15.3275 1.055 18.945 4.6725 19.1566 9.16664H10.8333V0.84332Z" fill="black"/>
<path d="M19.5834 10.8334H11.2501C11.0901 10.8334 10.9426 10.9259 10.8734 11.0709C10.8042 11.2159 10.8251 11.3876 10.9259 11.5117L16.3426 18.2175C16.4151 18.3083 16.5218 18.3633 16.6376 18.3717C16.6476 18.3725 16.6568 18.3725 16.6668 18.3725C16.7718 18.3725 16.8734 18.3325 16.9509 18.2608C18.8884 16.4534 20.0001 13.8984 20.0001 11.2501C20.0001 11.0201 19.8134 10.8334 19.5834 10.8334ZM16.7026 17.3367L12.1226 11.6667H19.1568C19.0543 13.7851 18.1776 15.8109 16.7026 17.3367Z" fill="black"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="20" height="20" fill="white"/>
</clipPath>
</defs>
</svg>
Статистика
<svg class="menu__link__arrow" width="6" height="10" viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.71007 4.28966C5.65985 4.23908 5.60424 4.19639 5.54649 4.15926L1.67054 0.28349C1.29225 -0.0944369 0.679175 -0.0946163 0.300709 0.28367C-0.0775764 0.661776 -0.0775764 1.27503 0.300709 1.6535L3.63892 4.99135L0.283849 8.34677C-0.0946163 8.7247 -0.0946163 9.33813 0.283849 9.7166C0.473081 9.90547 0.720788 10 0.968494 10C1.2162 10 1.46444 9.90547 1.65314 9.71624L5.54649 5.82343C5.60424 5.7863 5.65967 5.74379 5.71007 5.69303C5.90379 5.49931 5.9967 5.24497 5.9924 4.99135C5.99688 4.73754 5.90379 4.48284 5.71007 4.28966Z" fill="#3809A3"/>
</svg>
</a>
<div class="sub-menu">
<a href="#" class="sum-menu__link sum-menu__link__active">
<svg class="sum-menu__link__arrow " width="6" height="10" viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.71007 4.28966C5.65985 4.23908 5.60424 4.19639 5.54649 4.15926L1.67054 0.28349C1.29225 -0.0944369 0.679175 -0.0946163 0.300709 0.28367C-0.0775764 0.661776 -0.0775764 1.27503 0.300709 1.6535L3.63892 4.99135L0.283849 8.34677C-0.0946163 8.7247 -0.0946163 9.33813 0.283849 9.7166C0.473081 9.90547 0.720788 10 0.968494 10C1.2162 10 1.46444 9.90547 1.65314 9.71624L5.54649 5.82343C5.60424 5.7863 5.65967 5.74379 5.71007 5.69303C5.90379 5.49931 5.9967 5.24497 5.9924 4.99135C5.99688 4.73754 5.90379 4.48284 5.71007 4.28966Z" fill="#3809A3"/>
</svg>
Общий отчёт</a>
<a href="#" class="sum-menu__link">
<svg class="sum-menu__link__arrow " width="6" height="10" viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.71007 4.28966C5.65985 4.23908 5.60424 4.19639 5.54649 4.15926L1.67054 0.28349C1.29225 -0.0944369 0.679175 -0.0946163 0.300709 0.28367C-0.0775764 0.661776 -0.0775764 1.27503 0.300709 1.6535L3.63892 4.99135L0.283849 8.34677C-0.0946163 8.7247 -0.0946163 9.33813 0.283849 9.7166C0.473081 9.90547 0.720788 10 0.968494 10C1.2162 10 1.46444 9.90547 1.65314 9.71624L5.54649 5.82343C5.60424 5.7863 5.65967 5.74379 5.71007 5.69303C5.90379 5.49931 5.9967 5.24497 5.9924 4.99135C5.99688 4.73754 5.90379 4.48284 5.71007 4.28966Z" fill="#3809A3"/>
</svg>
Отчёт по доходам</a>
<a href="#" class="sum-menu__link">
<svg class="sum-menu__link__arrow " width="6" height="10" viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.71007 4.28966C5.65985 4.23908 5.60424 4.19639 5.54649 4.15926L1.67054 0.28349C1.29225 -0.0944369 0.679175 -0.0946163 0.300709 0.28367C-0.0775764 0.661776 -0.0775764 1.27503 0.300709 1.6535L3.63892 4.99135L0.283849 8.34677C-0.0946163 8.7247 -0.0946163 9.33813 0.283849 9.7166C0.473081 9.90547 0.720788 10 0.968494 10C1.2162 10 1.46444 9.90547 1.65314 9.71624L5.54649 5.82343C5.60424 5.7863 5.65967 5.74379 5.71007 5.69303C5.90379 5.49931 5.9967 5.24497 5.9924 4.99135C5.99688 4.73754 5.90379 4.48284 5.71007 4.28966Z" fill="#3809A3"/>
</svg>
Отчёт по потокам</a>
<a href="#" class="sum-menu__link">
<svg class="sum-menu__link__arrow " width="6" height="10" viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.71007 4.28966C5.65985 4.23908 5.60424 4.19639 5.54649 4.15926L1.67054 0.28349C1.29225 -0.0944369 0.679175 -0.0946163 0.300709 0.28367C-0.0775764 0.661776 -0.0775764 1.27503 0.300709 1.6535L3.63892 4.99135L0.283849 8.34677C-0.0946163 8.7247 -0.0946163 9.33813 0.283849 9.7166C0.473081 9.90547 0.720788 10 0.968494 10C1.2162 10 1.46444 9.90547 1.65314 9.71624L5.54649 5.82343C5.60424 5.7863 5.65967 5.74379 5.71007 5.69303C5.90379 5.49931 5.9967 5.24497 5.9924 4.99135C5.99688 4.73754 5.90379 4.48284 5.71007 4.28966Z" fill="#3809A3"/>
</svg>
Отчёт по A/B тестам</a>
<a href="#" class="sum-menu__link">
<svg class="sum-menu__link__arrow " width="6" height="10" viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.71007 4.28966C5.65985 4.23908 5.60424 4.19639 5.54649 4.15926L1.67054 0.28349C1.29225 -0.0944369 0.679175 -0.0946163 0.300709 0.28367C-0.0775764 0.661776 -0.0775764 1.27503 0.300709 1.6535L3.63892 4.99135L0.283849 8.34677C-0.0946163 8.7247 -0.0946163 9.33813 0.283849 9.7166C0.473081 9.90547 0.720788 10 0.968494 10C1.2162 10 1.46444 9.90547 1.65314 9.71624L5.54649 5.82343C5.60424 5.7863 5.65967 5.74379 5.71007 5.69303C5.90379 5.49931 5.9967 5.24497 5.9924 4.99135C5.99688 4.73754 5.90379 4.48284 5.71007 4.28966Z" fill="#3809A3"/>
</svg>
Отчёт по регионам</a>
<a href="#" class="sum-menu__link">
<svg class="sum-menu__link__arrow " width="6" height="10" viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.71007 4.28966C5.65985 4.23908 5.60424 4.19639 5.54649 4.15926L1.67054 0.28349C1.29225 -0.0944369 0.679175 -0.0946163 0.300709 0.28367C-0.0775764 0.661776 -0.0775764 1.27503 0.300709 1.6535L3.63892 4.99135L0.283849 8.34677C-0.0946163 8.7247 -0.0946163 9.33813 0.283849 9.7166C0.473081 9.90547 0.720788 10 0.968494 10C1.2162 10 1.46444 9.90547 1.65314 9.71624L5.54649 5.82343C5.60424 5.7863 5.65967 5.74379 5.71007 5.69303C5.90379 5.49931 5.9967 5.24497 5.9924 4.99135C5.99688 4.73754 5.90379 4.48284 5.71007 4.28966Z" fill="#3809A3"/>
</svg>
Отчёт сводная статистика</a>
</div>
<a href="#" class="menu__link">
<svg class="menu__link__img" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M11.2228 5.24246V4.7686C11.2228 4.09426 10.6742 3.54565 9.99988 3.54565C9.32554 3.54565 8.77694 4.09426 8.77694 4.7686V5.24285C7.478 5.60999 6.55847 6.80697 6.55847 8.17599C6.55847 9.85656 7.9257 11.2237 9.60626 11.2237H10.3935C10.7253 11.2237 10.9954 11.4938 10.9954 11.8257C10.9954 12.1576 10.7253 12.4276 10.3935 12.4276H9.60626C9.35604 12.4276 9.13568 12.2771 9.04485 12.0442C8.79978 11.4159 8.08928 11.1041 7.46117 11.3491C6.83295 11.5941 6.52114 12.3046 6.76614 12.9328C7.11832 13.8359 7.8599 14.5049 8.77694 14.7605V15.2331C8.77694 15.9074 9.32554 16.456 9.99988 16.456C10.6742 16.456 11.2228 15.9074 11.2228 15.2331V14.7588C11.9932 14.5411 12.6502 14.0266 13.0492 13.3201C13.1287 13.1793 13.079 13.0006 12.9382 12.9211C12.7973 12.8415 12.6187 12.8912 12.5391 13.0321C12.1841 13.6608 11.5768 14.1014 10.873 14.2408C10.7359 14.268 10.6371 14.3883 10.6371 14.5281V15.233C10.6371 15.5844 10.3512 15.8703 9.99988 15.8703C9.64851 15.8703 9.36267 15.5844 9.36267 15.233V14.529C9.36267 14.3889 9.26341 14.2684 9.12584 14.2416C8.29866 14.0804 7.62053 13.5115 7.31185 12.72C7.1842 12.3926 7.34668 12.0225 7.67399 11.8948C8.00118 11.7672 8.37145 11.9296 8.49914 12.257C8.6783 12.7164 9.11288 13.0133 9.60626 13.0133H10.3935C11.0484 13.0133 11.5811 12.4805 11.5811 11.8257C11.5811 11.1708 11.0483 10.638 10.3935 10.638H9.60626C8.24868 10.638 7.14421 9.5335 7.14421 8.17596C7.14421 7.00417 7.97799 5.98842 9.12674 5.76076C9.26388 5.73358 9.36267 5.61327 9.36267 5.47348V4.76856C9.36267 4.41719 9.64851 4.13135 9.99988 4.13135C10.3512 4.13135 10.6371 4.41719 10.6371 4.76856V5.47332C10.6371 5.61323 10.736 5.73358 10.8733 5.76064C11.6742 5.91872 12.3429 6.46334 12.6618 7.21745C12.7987 7.54102 12.6468 7.91562 12.3232 8.05248C11.9996 8.18939 11.625 8.03745 11.488 7.71381C11.3016 7.27306 10.872 6.98827 10.3935 6.98827H9.6063C8.95141 6.98827 8.41862 7.52106 8.41862 8.17596C8.41862 8.83085 8.95141 9.36364 9.6063 9.36364H10.3935C11.7511 9.36364 12.8555 10.4681 12.8555 11.8257C12.8555 11.9874 12.9866 12.1186 13.1484 12.1186C13.3102 12.1186 13.4413 11.9874 13.4413 11.8257C13.4413 10.1451 12.0741 8.7779 10.3935 8.7779H9.6063C9.27438 8.7779 9.00436 8.50787 9.00436 8.17596C9.00436 7.84404 9.27438 7.57401 9.6063 7.57401H10.3935C10.6361 7.57401 10.854 7.71845 10.9486 7.94201C11.2113 8.56305 11.9302 8.85463 12.5514 8.59199C13.1724 8.32926 13.464 7.61033 13.2013 6.98929C12.8383 6.13103 12.109 5.49195 11.2228 5.24246Z" fill="black"/>
<path d="M1.28835 14.883L0.531734 15.6419C0.413454 15.7605 0.367024 15.9348 0.410642 16.0965C0.45426 16.2582 0.581912 16.3855 0.74381 16.4286L5.12775 17.5962C5.54417 17.707 5.92463 17.326 5.81244 16.9095L4.63214 12.529C4.58856 12.3672 4.46091 12.2399 4.29901 12.1968C4.13711 12.1536 3.96303 12.2005 3.84475 12.3192L3.31071 12.8548C2.89027 11.8709 2.68928 10.7917 2.72786 9.71421C2.89515 5.03978 7.38663 1.73313 11.9112 2.98525C12.068 3.02855 12.2301 2.93581 12.2722 2.77879L12.824 0.719377C12.8656 0.564039 12.7743 0.40421 12.6192 0.361295C9.98805 -0.366817 7.13324 0.0333597 4.78677 1.45928C4.64854 1.54328 4.60457 1.72341 4.6886 1.86164C4.77256 1.99984 4.95273 2.04385 5.09096 1.95981C7.21661 0.668066 9.78484 0.270349 12.1818 0.85273L11.7813 2.34726C6.9656 1.20655 2.31906 4.75839 2.14248 9.69324C2.09687 10.968 2.36193 12.2454 2.90909 13.3875C2.96091 13.4956 3.06247 13.5722 3.18083 13.5923C3.29935 13.6126 3.42091 13.5738 3.50588 13.4886L4.11848 12.8742L5.23513 17.0186L1.08752 15.914L1.81942 15.18C1.93817 15.061 1.96172 14.8764 1.87659 14.7311C1.10693 13.4176 0.663876 11.918 0.595345 10.3944C0.457853 7.33814 1.825 4.52351 4.01145 2.72569C4.13637 2.62295 4.15437 2.4384 4.05163 2.31344C3.94889 2.18853 3.76438 2.17048 3.63939 2.27326C1.31615 4.18363 -0.135891 7.17265 0.0101923 10.4207C0.0804809 11.9835 0.521854 13.5227 1.28835 14.883Z" fill="black"/>
<path d="M18.7116 5.11844L19.4683 4.3596C19.5865 4.24097 19.633 4.06677 19.5894 3.90503C19.5458 3.74325 19.4181 3.61598 19.2562 3.57284L14.8723 2.4053C14.4559 2.29448 14.0754 2.67548 14.1876 3.09198L15.3679 7.47253C15.4114 7.63431 15.5391 7.76157 15.701 7.80468C15.8628 7.84771 16.037 7.80089 16.1552 7.68226L16.6893 7.14666C16.8023 7.41094 16.9 7.68316 16.9809 7.9592C17.0264 8.11442 17.1891 8.20329 17.3444 8.15784C17.4996 8.11231 17.5886 7.94963 17.5431 7.79441C17.4244 7.3897 17.2723 6.99257 17.0909 6.61399C17.0391 6.5059 16.9375 6.42933 16.8192 6.40918C16.7006 6.38899 16.5791 6.42776 16.4941 6.51293L15.8815 7.12733L14.7648 2.98284L18.9124 4.08747L18.1804 4.82167C18.0618 4.94069 18.0383 5.1252 18.1234 5.27042C18.893 6.58388 19.3361 8.08349 19.4047 9.60707C19.6854 15.8491 13.8659 20.6154 7.81816 19.1487L8.21861 17.6542C13.4295 18.8886 18.3937 14.6179 17.8184 9.18698C17.8013 9.02614 17.6575 8.90962 17.4963 8.9266C17.3354 8.94367 17.2189 9.08784 17.2359 9.24872C17.6975 13.6068 14.2811 17.2799 10.0235 17.2796C9.38119 17.2796 8.73074 17.1939 8.08881 17.0163C7.93156 16.9729 7.76978 17.0661 7.7278 17.2228L7.17596 19.2822C7.13433 19.4375 7.22575 19.5973 7.38074 19.6403C8.23658 19.8771 9.12284 19.9947 10.0105 19.9947C15.7265 19.9946 20.2441 15.2348 19.9898 9.58083C19.9194 8.01793 19.4781 6.47872 18.7116 5.11844Z" fill="black"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="20" height="20" fill="white"/>
</clipPath>
</defs>
</svg>
menu-3</a>
<a href="#" class="menu__link">
<svg class="menu__link__img" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M19.707 9.70551C19.5451 9.70551 19.4141 9.83658 19.4141 9.99847C19.4141 12.5125 18.4349 14.8763 16.6568 16.6541C14.8787 18.4319 12.5146 19.4109 10 19.4109C7.48535 19.4109 5.12131 18.4319 3.3432 16.6541C1.56525 14.8761 0.585938 12.5125 0.585938 9.99847C0.585938 7.48428 1.56509 5.12054 3.3432 3.34274C5.12131 1.56494 7.48535 0.585938 10 0.585938C12.2885 0.585938 14.4945 1.41678 16.2114 2.92542C17.9129 4.42032 19.019 6.47247 19.3259 8.70407C19.3478 8.86444 19.4963 8.97629 19.6559 8.95447C19.8163 8.9325 19.9283 8.78464 19.9063 8.62427C19.5802 6.25336 18.4055 4.07303 16.5982 2.4852C14.7742 0.882568 12.4309 0 10 0C7.32895 0 4.81766 1.04004 2.92892 2.92847C1.04019 4.81689 0 7.32773 0 9.99847C0 12.6691 1.04019 15.1799 2.92892 17.0683C4.81766 18.9568 7.32895 19.9968 10 19.9968C12.6711 19.9968 15.1823 18.9568 17.0711 17.0683C18.9598 15.1799 20 12.6691 20 9.99847C20 9.83658 19.8689 9.70551 19.707 9.70551Z" fill="black"/>
<path d="M11.6917 13.713C10.9094 14.2066 10.0488 14.5252 9.13406 14.66C8.97385 14.6836 8.86322 14.8326 8.88687 14.9926C8.91052 15.1527 9.0596 15.2633 9.21936 15.2397C10.2156 15.093 11.1527 14.746 12.0044 14.2085C12.1909 14.0908 12.3233 13.9129 12.3843 13.708C12.4452 13.713 12.5063 13.7173 12.5668 13.7203C12.659 13.7254 12.7515 13.7274 12.8438 13.7274C13.8805 13.7274 14.8892 13.4367 15.7613 12.8866C15.9787 12.7491 16.1086 12.5131 16.1086 12.2555C16.1086 11.3828 15.7689 10.5633 15.1524 9.94775C14.8149 9.61023 14.4162 9.35632 13.9816 9.19489C14.4377 8.84973 14.7331 8.30286 14.7331 7.68808C14.7331 6.64636 13.8855 5.79889 12.8436 5.79889C11.8018 5.79889 10.9541 6.64636 10.9541 7.68808C10.9541 8.30347 11.2502 8.8511 11.7072 9.19626C11.2808 9.35495 10.8881 9.60229 10.5598 9.92365C10.2206 9.69141 9.85184 9.51105 9.4632 9.38654C10.1366 8.95471 10.5843 8.20032 10.5843 7.34277C10.5843 6.00458 9.49539 4.91602 8.1572 4.91602C6.81885 4.91602 5.72998 6.00458 5.72998 7.34277C5.72998 8.20108 6.17844 8.95609 6.85288 9.3876C5.13687 9.93997 3.89175 11.5513 3.89175 13.4483C3.89175 13.7591 4.048 14.0432 4.30985 14.2085C5.33447 14.855 6.51718 15.234 7.72995 15.3048C7.73575 15.3051 7.74155 15.3053 7.74719 15.3053C7.90131 15.3053 8.0304 15.185 8.0394 15.0294C8.04886 14.8678 7.92557 14.7292 7.76398 14.7198C6.64993 14.6549 5.56351 14.3067 4.6225 13.713C4.53186 13.6556 4.47769 13.5568 4.47769 13.4483C4.47769 11.4198 6.12824 9.76953 8.15704 9.76953C9.13971 9.76953 10.0639 10.1524 10.7593 10.8477C11.454 11.5414 11.8365 12.465 11.8365 13.4483C11.8365 13.5568 11.7824 13.6556 11.6917 13.713C11.7824 13.6556 10.9094 14.2066 11.6917 13.713ZM6.31592 7.34277C6.31592 6.32776 7.14188 5.50195 8.15704 5.50195C9.17236 5.50195 9.99817 6.32776 9.99817 7.34277C9.99817 8.35779 9.17236 9.18359 8.15704 9.18359C7.14188 9.18359 6.31592 8.35779 6.31592 7.34277ZM12.8436 6.38483C13.5623 6.38483 14.1472 6.96939 14.1472 7.68808C14.1472 8.40585 13.5637 8.98996 12.8459 8.99118C12.8453 8.99118 12.8445 8.99118 12.8438 8.99118C12.8427 8.99118 12.8418 8.99118 12.8407 8.99118C12.1233 8.98965 11.5401 8.4057 11.5401 7.68808C11.5401 6.96939 12.1248 6.38483 12.8436 6.38483ZM12.5278 9.59604C12.6332 9.58292 12.7397 9.57727 12.8459 9.57727C13.5605 9.57773 14.2325 9.85651 14.7385 10.3623C15.244 10.8672 15.5226 11.5396 15.5226 12.2555C15.5226 12.311 15.4947 12.362 15.4483 12.3913C14.6704 12.882 13.7697 13.1416 12.8438 13.1416C12.7615 13.1416 12.6793 13.1397 12.5972 13.1352C12.5348 13.1321 12.4722 13.1277 12.4103 13.1222C12.334 12.1053 11.9016 11.1604 11.1734 10.4331C11.1246 10.3843 11.0745 10.3367 11.0237 10.2905C11.4386 9.90671 11.9687 9.66104 12.5278 9.59604Z" fill="black"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="20" height="20" fill="white"/>
</clipPath>
</defs>
</svg>
menu-4</a>
<a href="#" class="menu__link">
<svg class="menu__link__img" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.3092 5.78454C12.3091 5.3279 12.1736 4.88153 11.9199 4.50187C11.6662 4.12222 11.3055 3.82633 10.8836 3.65162C10.4617 3.47691 9.99749 3.43123 9.54963 3.52036C9.10177 3.60948 8.69039 3.82941 8.36751 4.15233C8.04464 4.47524 7.82477 4.88665 7.7357 5.33453C7.64664 5.7824 7.69238 6.24663 7.86715 6.66851C8.04191 7.09039 8.33785 7.45097 8.71754 7.70466C9.09723 7.95835 9.54362 8.09376 10.0003 8.09376C10.6125 8.09302 11.1993 7.84947 11.6322 7.41657C12.065 6.98366 12.3085 6.39673 12.3092 5.78454ZM8.23824 5.78454C8.2383 5.43606 8.34169 5.09542 8.53534 4.8057C8.729 4.51598 9.00421 4.29018 9.32618 4.15686C9.64816 4.02355 10.0024 3.9887 10.3442 4.05672C10.686 4.12475 10.9999 4.29259 11.2463 4.53902C11.4927 4.78546 11.6605 5.09943 11.7285 5.44122C11.7964 5.78301 11.7615 6.13728 11.6281 6.45923C11.4948 6.78118 11.2689 7.05635 10.9792 7.24995C10.6894 7.44355 10.3487 7.54689 10.0003 7.54689C9.53306 7.54635 9.08514 7.36049 8.75481 7.0301C8.42447 6.6997 8.23869 6.25175 8.23824 5.78454Z" fill="black"/>
<path d="M19.2701 18.917L17.041 13.0733C17.0213 13.0215 16.9863 12.977 16.9407 12.9456C16.895 12.9142 16.841 12.8973 16.7856 12.8973H12.5668C12.5926 12.8553 12.6182 12.8145 12.644 12.7723C14.2673 10.0848 15.0842 7.73389 15.0724 5.78576C15.0727 4.44045 14.5385 3.15015 13.5874 2.19871C12.6362 1.24727 11.3461 0.71263 10.0008 0.712402C8.6555 0.712174 7.3652 1.24638 6.41376 2.1975C5.46232 3.14861 4.92768 4.43873 4.92745 5.78404C4.91573 7.73389 5.73261 10.0851 7.35589 12.7723C7.38167 12.815 7.40729 12.8558 7.43307 12.8973H3.21432C3.15894 12.8973 3.10486 12.9142 3.05925 12.9456C3.01363 12.977 2.97863 13.0215 2.95886 13.0733L0.730106 18.917C0.714225 18.9584 0.708664 19.0031 0.713903 19.0471C0.719143 19.0911 0.735024 19.1332 0.760176 19.1697C0.785328 19.2063 0.818994 19.2361 0.858265 19.2567C0.897536 19.2773 0.941231 19.288 0.985575 19.2879H19.0146C19.059 19.288 19.1027 19.2773 19.1419 19.2567C19.1812 19.2361 19.2149 19.2063 19.24 19.1697C19.2652 19.1332 19.2811 19.0911 19.2863 19.0471C19.2915 19.0031 19.286 18.9584 19.2701 18.917ZM5.47448 5.78451C5.47458 5.1902 5.59174 4.60172 5.81927 4.05269C6.0468 3.50365 6.38024 3.00481 6.80056 2.58464C7.22087 2.16447 7.71983 1.8312 8.26895 1.60386C8.81806 1.37652 9.40657 1.25957 10.0009 1.25967C10.5952 1.25977 11.1837 1.37693 11.7327 1.60446C12.2817 1.83199 12.7806 2.16543 13.2008 2.58575C13.6209 3.00606 13.9542 3.50502 14.1815 4.05413C14.4089 4.60325 14.5258 5.19176 14.5257 5.78607C14.5492 9.67014 10.9179 14.4606 10.0001 15.6094C9.08229 14.4611 5.45089 9.67185 5.47448 5.78451ZM9.79182 16.2187C9.81749 16.2489 9.84942 16.2731 9.88538 16.2898C9.92134 16.3064 9.96049 16.315 10.0001 16.315C10.0397 16.315 10.0789 16.3064 10.1148 16.2898C10.1508 16.2731 10.1827 16.2489 10.2084 16.2187C10.9344 15.3343 11.6074 14.4078 12.224 13.4439H16.597L16.947 14.3619L8.40151 17.4011L5.35557 13.4434H7.77589C8.39255 14.4075 9.06571 15.3342 9.79182 16.2187ZM8.39198 17.9844H8.39354L13.4915 16.1719L15.4689 18.7411H6.26573L8.39198 17.9844ZM3.40292 13.4434H4.66542L7.85948 17.5937L4.63401 18.7409H1.38245L3.40292 13.4434ZM16.1596 18.7411L14.0332 15.9783L17.1426 14.8725L18.6181 18.7411H16.1596Z" fill="black"/>
</svg>
menu-5</a>
<a href="#" class="menu__link">
<svg class="menu__link__img" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M7.86918 10C6.49086 10 5.36919 11.1217 5.36919 12.5C5.36919 13.8783 6.49086 15 7.86918 15C9.2475 15 10.3692 13.8783 10.3692 12.5C10.3692 11.1217 9.24754 10 7.86918 10ZM7.86918 14.1667C6.95 14.1667 6.2025 13.4192 6.2025 12.5C6.2025 11.5808 6.95 10.8333 7.86918 10.8333C8.78836 10.8333 9.53586 11.5808 9.53586 12.5C9.53586 13.4192 8.78836 14.1667 7.86918 14.1667Z" fill="black"/>
<path d="M14.8858 14.0342L13.5725 13.005C13.5883 12.8392 13.5983 12.67 13.5983 12.5008C13.5983 12.3291 13.5883 12.1583 13.5717 11.9866L14.8975 10.9466C15.1908 10.6983 15.2617 10.2833 15.07 9.96414L13.65 7.50996C13.4567 7.18914 13.0633 7.05078 12.7017 7.18578L11.1575 7.8066C10.88 7.60828 10.5908 7.43992 10.2825 7.29492L10.0483 5.63242C9.98001 5.2725 9.65251 5 9.28501 5H6.45169C6.08169 5 5.75337 5.27832 5.68419 5.66168L5.45337 7.30668C5.14255 7.45418 4.85005 7.625 4.57919 7.81668L3.02587 7.19168C2.67587 7.06086 2.28087 7.1975 2.08419 7.525L0.671691 9.96918C0.476691 10.2934 0.547511 10.7092 0.852511 10.9667L2.16583 11.9959C2.15001 12.1617 2.14001 12.3309 2.14001 12.5C2.14001 12.6717 2.15001 12.8425 2.16669 13.0142L0.840011 14.0534C0.546691 14.3017 0.475832 14.7167 0.667511 15.0359L2.08751 17.4901C2.28083 17.8118 2.67419 17.9493 3.03583 17.8143L4.58001 17.1934C4.85751 17.3918 5.14669 17.5601 5.45501 17.7051L5.68919 19.3676C5.75751 19.7276 6.08501 20.0001 6.45251 20.0001H9.28583C9.65583 20.0001 9.98415 19.7218 10.0533 19.3384L10.2842 17.6934C10.595 17.5459 10.8875 17.3751 11.1583 17.1834L12.7117 17.8084C13.0625 17.9401 13.4575 17.8026 13.6533 17.4751L15.0667 15.0318C15.2617 14.7075 15.1908 14.2917 14.8858 14.0342ZM12.96 17.0092L11.2525 16.3225C11.115 16.2658 10.9583 16.2892 10.8408 16.38C10.515 16.6342 10.1442 16.8508 9.73915 17.0242C9.60583 17.0817 9.51083 17.205 9.49083 17.3492L9.28583 19.1667H6.50165L6.24833 17.3592C6.22751 17.2142 6.13251 17.09 5.99665 17.0334C5.59747 16.8667 5.23833 16.6559 4.89747 16.3909C4.78079 16.3 4.62329 16.2775 4.48579 16.3334L2.77829 17.0209L1.41411 14.6634L2.86411 13.5267C2.97993 13.4359 3.03911 13.2909 3.02079 13.145C2.99247 12.93 2.97329 12.715 2.97329 12.5C2.97329 12.2858 2.99247 12.0725 3.01997 11.8675C3.03915 11.7217 2.98079 11.575 2.86415 11.4842L1.41415 10.3475L2.77833 7.99L4.48583 8.67668C4.62165 8.7325 4.78001 8.71 4.89751 8.61918C5.22333 8.365 5.59419 8.14836 5.99919 7.975C6.13251 7.9175 6.22669 7.795 6.24751 7.65082L6.45169 5.83332H9.23669L9.49001 7.64082C9.51083 7.78582 9.60583 7.91 9.74169 7.96664C10.1409 8.13332 10.5 8.34414 10.8409 8.60914C10.9592 8.70082 11.1167 8.72332 11.2526 8.66664L12.96 7.97832L14.3242 10.3358L12.8742 11.4725C12.7584 11.5633 12.6992 11.7083 12.7176 11.8542C12.7459 12.0692 12.765 12.2842 12.765 12.4992C12.765 12.7134 12.7459 12.9267 12.7184 13.1317C12.6992 13.2775 12.7575 13.4242 12.8742 13.515L14.3242 14.6517L12.96 17.0092Z" fill="black"/>
<path d="M15.3688 2.5C14.4497 2.5 13.7022 3.2475 13.7022 4.16668C13.7022 5.08586 14.4497 5.83336 15.3688 5.83336C16.288 5.83336 17.0355 5.08586 17.0355 4.16668C17.0355 3.2475 16.288 2.5 15.3688 2.5ZM15.3688 5C14.9097 5 14.5355 4.62582 14.5355 4.16668C14.5355 3.7075 14.9097 3.33336 15.3688 3.33336C15.828 3.33336 16.2022 3.70754 16.2022 4.16668C16.2022 4.62582 15.828 5 15.3688 5Z" fill="black"/>
<path d="M19.2305 4.845C19.2238 4.83918 19.2164 4.83332 19.2097 4.8275L18.5905 4.3475C18.5955 4.28832 18.598 4.22832 18.598 4.16668C18.598 4.10418 18.5963 4.04336 18.593 3.98168L19.2239 3.48668C19.4389 3.295 19.4938 2.98668 19.3522 2.7275L18.6072 1.43918C18.468 1.18336 18.1605 1.06668 17.853 1.17L17.1347 1.45918C17.0305 1.39 16.9264 1.32918 16.8205 1.27668L16.7138 0.54C16.6897 0.2375 16.428 0 16.1189 0H14.6189C14.3255 0 14.0689 0.2175 14.018 0.51582L13.908 1.28332C13.798 1.33914 13.6939 1.39832 13.5964 1.46164L12.863 1.16664C12.5914 1.06832 12.2939 1.16996 12.1272 1.43164L11.373 2.7375C11.2289 3.00082 11.2897 3.315 11.5264 3.505L12.1439 3.98832C12.1414 4.04664 12.1397 4.10582 12.1397 4.16664C12.1397 4.22746 12.1414 4.28664 12.1439 4.34582L11.5072 4.845C11.2914 5.03668 11.2364 5.34582 11.378 5.60582L12.123 6.89414C12.263 7.14996 12.5713 7.26746 12.8772 7.16332L13.5955 6.87414C13.6997 6.94332 13.8038 7.00414 13.9097 7.05664L14.0205 7.82832C14.0697 8.12082 14.3213 8.33332 14.6188 8.33332H16.1188C16.4113 8.33332 16.6688 8.11582 16.7196 7.81832L16.8296 7.05C16.9396 6.995 17.0421 6.93582 17.1371 6.87332L17.8738 7.16832C18.1438 7.26582 18.4438 7.16414 18.6105 6.90332L19.3655 5.59582C19.5013 5.345 19.4464 5.03582 19.2305 4.845ZM17.9863 6.31582L17.233 6.015C17.0939 5.96 16.9363 5.9825 16.818 6.07668C16.6755 6.19086 16.4955 6.295 16.2822 6.3875C16.1497 6.445 16.0564 6.56668 16.0355 6.71L15.9222 7.5H14.8147L14.7022 6.70918C14.6805 6.56 14.5797 6.43418 14.4397 6.38C14.2614 6.31168 14.0864 6.21 13.9055 6.07082C13.788 5.98082 13.633 5.96 13.4955 6.015L12.7514 6.31582L12.1989 5.36082L12.8355 4.8625C12.9513 4.77168 13.0105 4.6275 12.9922 4.4825C12.9789 4.37918 12.973 4.27582 12.973 4.16668C12.973 4.05754 12.9789 3.95418 12.9914 3.85086C13.0097 3.70504 12.9505 3.56086 12.8347 3.47086L12.198 2.97254L12.7497 2.01754L13.4947 2.31754C13.6313 2.37336 13.7872 2.35086 13.9047 2.26172C14.058 2.14422 14.243 2.03754 14.4547 1.9459C14.5872 1.8884 14.6805 1.76672 14.7014 1.6234L14.8147 0.833398H15.9147L16.0288 1.62508C16.0497 1.77426 16.1505 1.90008 16.2905 1.95426C16.4688 2.02258 16.6439 2.12426 16.8247 2.26344C16.9414 2.35344 17.0964 2.37512 17.2347 2.31926L17.9789 2.01844L18.5314 2.97344L17.8947 3.47176C17.7722 3.56676 17.713 3.72258 17.7414 3.87594C17.7597 3.97094 17.7647 4.06594 17.7647 4.16676C17.7647 4.27594 17.7505 4.37926 17.7372 4.48176C17.7189 4.62758 17.7789 4.77258 17.8947 4.86258L18.5372 5.3609L17.9863 6.31582Z" fill="black"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="20" height="20" fill="white"/>
</clipPath>
</defs>
</svg>
menu-6</a>
<a href="ticket-creade.html" class="menu__link">
<svg class="menu__link__img" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.7875 1.34766H3.19302C1.77166 1.34766 0.615234 2.50385 0.615234 3.92544V12.2449C0.615234 13.6633 1.76662 14.8177 3.18386 14.8227V18.598L8.60939 14.8227H16.7875C18.2088 14.8227 19.3652 13.6663 19.3652 12.2449V3.92544C19.3652 2.50385 18.2088 1.34766 16.7875 1.34766ZM18.2666 12.2449C18.2666 13.0604 17.6031 13.7241 16.7875 13.7241H8.26469L4.28249 16.4952V13.7241H3.19302C2.3774 13.7241 1.71387 13.0604 1.71387 12.2449V3.92544C1.71387 3.1097 2.3774 2.44629 3.19302 2.44629H16.7875C17.6031 2.44629 18.2666 3.1097 18.2666 3.92544V12.2449Z" fill="black"/>
<path d="M5.63371 5.22961H14.347V6.32824H5.63371V5.22961Z" fill="black"/>
<path d="M5.63371 7.57336H14.347V8.67199H5.63371V7.57336Z" fill="black"/>
<path d="M5.63371 9.91711H14.347V11.0158H5.63371V9.91711Z" fill="black"/>
</svg>
menu-7</a>
</nav>
</div>
</div>
</div>.menu-wrapper{
width: 265px;
background: grey;
position: relative;
}
.menu{
margin-top: 180px;
&__nav{
display: flex;
flex-direction: column;
}
}
.menu__close{
position: absolute;
display: none;
top: 20px;
right: 20px;
display: flex;
align-items: center;
justify-content: center;
&__btn{
width: 20px;
height: 20px;
background-color: transparent;
border: none;
&:focus{
outline: none;
border: none;
}
}
}
.menu__link {
padding: 40px 0 0 40px;
display: flex;
align-items: center;
text-decoration: none;
font-size: 16px;
line-height: 16px;
color: #fff;
transition: all .3s;
width: 100%;
&__img{
margin-right: 15px;
}
}
.menu__link.active{
font-weight: bold;
color: blue;
background-color: #fff;
padding: 17px 10px 17px 40px;
border-radius: 0px 12px 12px 0px;
}
.menu__link.active .menu__link__img g path {
fill: blue;
}
.menu__link.active .menu__link__img{
order: 2;
margin-left: auto;
}
.menu__link.active .menu__link__arrow{
order: 3;
margin-left: 0;
}
.first{
margin-left: 15px;
width: 20px;
}
.sum-menu__link{
padding: 10px 15px 10px 75px;
transition: all .3s;
font-size: 14px;
line-height: 16px;
color: grey;
text-decoration: none;
display: flex;
align-items: center;
}
.menu__link__arrow{
margin-left: auto;
margin-right: 15px;
}
.menu__link__arrow.active{
transform: rotate(90deg);
}
.sub-menu{
display: none;
}
.sub-menu.active{
display: block;
}
.sum-menu__link__arrow{
display: none;
margin-right: 10px;
}
.sum-menu__link__active{
color: blue;
padding: 10px 15px 10px 55px;
}
.sum-menu__link__active .sum-menu__link__arrow{
display: block;
}document.addEventListener('click', ({ target }) => {
const button = target.closest('.menu__link-sub');
if (button) {
button.parentNode.querySelector('.menu__link ').classList.toggle('active');
button.parentNode.querySelector('.sub-menu').classList.toggle('active');
button.parentNode.querySelector('.menu__link__arrow').classList.toggle('active');
}
});
External CSS
This Pen doesn't use any external CSS resources.
External JavaScript
This Pen doesn't use any external JavaScript resources.