.header-submenu{background-color:var(--color_gray30);height:var(--header_submenu_height);padding:8px 0}.header-submenu__list{align-items:center;display:flex;gap:24px;justify-content:flex-end;line-height:1;list-style:none;margin:0 auto;max-width:var(--header_max_width);padding:0 32px;width:100%}.header-submenu__link{font-size:12px;text-decoration:none;transition:var(--hover_transition)}.header-submenu__link:focus,.header-submenu__link:hover{color:var(--gray_900);text-decoration:underline}.header-submenu__link--login{align-items:center;display:inline-flex;gap:4px}.header-submenu__link--login svg{color:var(--accent_primary_color);transition:var(--hover_transition)}.header-submenu__link--login:focus svg,.header-submenu__link--login:hover svg{transform:translateX(2px)}@media (max-width:767px){.header-submenu--desktop{display:none}}.header-submenu--mobile{background-color:transparent;display:none;padding:32px}.header-submenu--mobile .header-submenu__list{align-items:flex-start;flex-direction:column;gap:16px;padding:0}.header-submenu--mobile .header-submenu__link{font-size:14px}@media (max-width:767px){.header-submenu--mobile{display:block}}