.dark .categories-menu[data-v-6d3f77e2]{background:var(--neutral-elevated-md);box-shadow:0 4px 30px 0 var(--black)}.categories-menu[data-v-6d3f77e2]{background:var(--neutral-bg);border-radius:0 0 24px 4px;box-shadow:0 4px 10px #96969640;display:flex;flex-shrink:0;height:498px;max-width:1328px;width:100%}.categories-menu__list[data-v-6d3f77e2]{border-right:1px solid var(--neutral-line);display:flex;flex-direction:column;max-width:318px;overflow-y:auto;width:100%}.categories-menu__list--item[data-v-6d3f77e2]{align-items:center;border-bottom:1px solid var(--neutral-line);color:var(--inverse);cursor:pointer;display:flex;gap:16px;justify-content:space-between;padding:20px}.categories-menu__list--item p[data-v-6d3f77e2]{font-size:14px;font-style:normal;font-weight:400;line-height:normal}.categories-menu__list--item[data-v-6d3f77e2]:hover{color:var(--hack-primary-accent)}.categories-menu__list .active-category[data-v-6d3f77e2]{color:var(--hack-primary-accent);font-weight:600}.categories-menu__subcategories[data-v-6d3f77e2]{display:grid;grid-auto-rows:1fr;grid-template-columns:repeat(3,1fr);height:100%;overflow-y:auto;width:100%}.categories-menu__subcategories--item[data-v-6d3f77e2]{border-right:1px solid var(--neutral-line);display:flex;flex-direction:column;gap:16px;padding:24px}.categories-menu__subcategories--item[data-v-6d3f77e2]:last-child{border-right:none}.categories-menu__subcategories--title[data-v-6d3f77e2]{align-items:center;cursor:pointer;display:flex;gap:8px}.categories-menu__subcategories--title:hover p[data-v-6d3f77e2]{color:var(--hack-primary-accent)}.categories-menu__subcategories--title img[data-v-6d3f77e2]{height:24px;width:24px}.categories-menu__subcategories--title p[data-v-6d3f77e2]{color:var(--color-inverse);font-family:var(--font-family-base);font-size:16px;font-style:normal;font-weight:600;line-height:normal}.categories-menu__subcategories--value[data-v-6d3f77e2]{display:flex;flex-direction:column;gap:8px}.categories-menu__subcategories--value a[data-v-6d3f77e2]{color:var(--color-text-basic);cursor:pointer;font-family:var(--font-family-base);font-size:14px;font-style:normal;font-weight:400;line-height:normal}.categories-menu__subcategories--value a[data-v-6d3f77e2]:hover{color:var(--hack-primary-accent)}@media(max-width:1280px){.categories-menu__subcategories[data-v-6d3f77e2]{grid-template-columns:repeat(2,1fr)}}