.top-nav-menu{flex:1 1;display:flex;align-items:center;gap:8px;width:100%;min-width:0;justify-content:flex-end}@media(min-width:768px){.top-nav-menu{justify-content:flex-start}}.top-nav-menu__main{position:fixed;top:var(--header-height);left:0;right:0;z-index:40;display:flex;align-items:center;gap:8px;padding:8px 16px;background:#0a0a0a;border-bottom:1px solid var(--border-overlay);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}.top-nav-menu__main::-webkit-scrollbar{display:none}@media(min-width:768px){.top-nav-menu__main{position:relative;top:auto;left:auto;right:auto;z-index:auto;flex:1 1;gap:2px;min-width:0;padding:0;background:rgba(0,0,0,0);border-bottom:none;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}}.top-nav-menu__item-wrapper{position:relative;flex-shrink:0}.top-nav-menu__item:hover{color:var(--hover-color)}.top-nav-menu__submenu{position:fixed;left:0;right:0;top:calc(var(--header-height) + 49px);z-index:50;background:#111;border-bottom:1px solid var(--border-overlay);animation:topnav-submenu-in .2s ease;transform-origin:top}.top-nav-menu__submenu_closing{animation:topnav-submenu-out .2s ease forwards}@media(min-width:768px){.top-nav-menu__submenu{top:40px;background:#000;box-shadow:0 10px 30px rgba(0,0,0,.3)}}.top-nav-menu__submenu-inner{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px;max-width:1280px}@media(min-width:768px){.top-nav-menu__submenu-inner{flex-direction:column;flex-wrap:nowrap;margin:0 auto;padding:24px 32px}}.top-nav-menu__submenu-link{color:var(--typography-primary-color)}.top-nav-menu__user{display:flex;align-items:center;gap:8px;flex-shrink:0}@media(min-width:768px){.top-nav-menu__user{gap:4px}}.top-nav-menu__user-link{font-size:14px}.top-nav-menu__user-link:hover{color:var(--hover-color)}.top-nav-menu__user-link span{display:none}@media(min-width:768px){.top-nav-menu__user-link span{display:block}.top-nav-menu__user-link svg{display:none}.top-nav-menu__user-link_icon svg{display:block}.top-nav-menu__user-link_icon span{display:none}}.top-nav-menu__overlay{position:fixed;inset:0;top:var(--header-height);z-index:39}@media(min-width:768px){.top-nav-menu__overlay{display:none}}@keyframes topnav-submenu-in{0%{opacity:0;transform:scaleY(.9)}to{opacity:1;transform:scaleY(1)}}@keyframes topnav-submenu-out{0%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(.9)}}