@media (max-width: 991.98px) {
  #categoriesMenu:has(.categories-menu) .hub-menu-content {
    background-color: #F2F7FE;
  }
}

@media (max-width: 991.98px) {
  .hub-menu-content {
    margin: 16px;
    border-radius: 24px;
  }
}
.hub-menu-content .menu-block {
  padding: 18px 0 23px;
  margin: 0 16px;
  border-top: 1px solid var(--pulse-colors-surface-400);
}
.hub-menu-content .menu-block:first-child {
  border-top: none;
  padding-top: 25px;
}
.hub-menu-content .menu-block:first-child .title {
  padding-bottom: 11px;
}
@media (min-width: 992px) {
  .hub-menu-content .menu-block:first-child .title {
    padding-bottom: 27px;
  }
}
@media (min-width: 992px) {
  .hub-menu-content .menu-block {
    margin: 0 24px;
  }
}
.hub-menu-content .title {
  font-size: 1.25rem;
  line-height: 1.4;
  display: block;
  color: var(--pulse-colors-text-600);
  font-weight: 400;
  padding-bottom: 10px;
}
@media (min-width: 992px) {
  .hub-menu-content .title {
    padding-bottom: 18px;
  }
}
.hub-menu-content .title:empty {
  display: none;
}
.hub-menu-content .nav {
  padding: 0;
  display: flex;
  gap: 16px;
  justify-content: start;
}
@media (min-width: 992px) {
  .hub-menu-content .nav {
    gap: 23px;
  }
}
.hub-menu-content .nav-item,
.hub-menu-content .nav .btn-more-subject {
  border-radius: 16px;
  width: 106px;
  min-height: 116px;
  text-align: center;
  color: var(--pulse-colors-text-400);
}
@media (min-width: 992px) {
  .hub-menu-content .nav-item,
  .hub-menu-content .nav .btn-more-subject {
    width: 124px;
    min-height: 124px;
  }
}
.hub-menu-content .nav .btn-more-subject {
  border: 2px dashed var(--pulse-colors-surface-400);
  background-color: unset;
}
.hub-menu-content .nav .btn-more-subject:hover {
  background: var(--pulse-colors-surface-100);
  border: 2px dashed var(--pulse-colors-action-primary-400);
  color: var(--pulse-colors-text-500);
  box-shadow: 0px 4px 8px rgba(27, 32, 48, 0.1);
}
.hub-menu-content .nav-item.active .nav-link {
  border-color: var(--pulse-assets-colors-theme-400);
  background-color: var(--pulse-assets-colors-theme-100);
  color: var(--pulse-colors-text-500);
}
.hub-menu-content .nav-item.active .icon svg *[id="fill color"],
.hub-menu-content .nav-item.active .icon svg [id="fill color"] path,
.hub-menu-content .nav-item.active .icon-no-color svg *[id="fill color"],
.hub-menu-content .nav-item.active .icon-no-color svg [id="fill color"] path {
  fill: var(--pulse-assets-colors-theme-200);
}
.hub-menu-content .nav-item.active .icon svg *[id="Vector (Stroke)"],
.hub-menu-content .nav-item.active .icon svg [id="Vector (Stroke)"] path,
.hub-menu-content .nav-item.active .icon svg [id^="Vector "],
.hub-menu-content .nav-item.active .icon svg [id=Vector],
.hub-menu-content .nav-item.active .icon svg [id=Vector] path,
.hub-menu-content .nav-item.active .icon svg [id^=Vector],
.hub-menu-content .nav-item.active .icon-no-color svg *[id="Vector (Stroke)"],
.hub-menu-content .nav-item.active .icon-no-color svg [id="Vector (Stroke)"] path,
.hub-menu-content .nav-item.active .icon-no-color svg [id^="Vector "],
.hub-menu-content .nav-item.active .icon-no-color svg [id=Vector],
.hub-menu-content .nav-item.active .icon-no-color svg [id=Vector] path,
.hub-menu-content .nav-item.active .icon-no-color svg [id^=Vector] {
  fill: var(--pulse-colors-text-500);
}
.hub-menu-content .nav-item.theme-root.active .nav-link {
  border-color: #365ce9;
  background-color: #F2F5FF;
  color: var(--pulse-colors-text-500);
}
.hub-menu-content .nav-item.theme-root.active .nav-link .icon svg *[id="fill color"],
.hub-menu-content .nav-item.theme-root.active .nav-link .icon svg [id="fill color"] path,
.hub-menu-content .nav-item.theme-root.active .nav-link .icon-no-color svg *[id="fill color"],
.hub-menu-content .nav-item.theme-root.active .nav-link .icon-no-color svg [id="fill color"] path {
  fill: #B0BFF8;
}
.hub-menu-content .nav-item.theme-root .nav-link:hover {
  border-color: #365ce9;
}
.hub-menu-content .nav-item.theme-root .nav-link:hover .icon svg *[id="fill color"],
.hub-menu-content .nav-item.theme-root .nav-link:hover .icon svg [id="fill color"] path, .hub-menu-content .nav-item.theme-root .nav-link:hover .icon img *[id="fill color"],
.hub-menu-content .nav-item.theme-root .nav-link:hover .icon img [id="fill color"] path,
.hub-menu-content .nav-item.theme-root .nav-link:hover .icon-no-color svg *[id="fill color"],
.hub-menu-content .nav-item.theme-root .nav-link:hover .icon-no-color svg [id="fill color"] path,
.hub-menu-content .nav-item.theme-root .nav-link:hover .icon-no-color img *[id="fill color"],
.hub-menu-content .nav-item.theme-root .nav-link:hover .icon-no-color img [id="fill color"] path {
  fill: #B0BFF8;
}
.hub-menu-content .nav-item.nav-item-more-subject {
  border: unset;
}
.hub-menu-content .nav-link {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: var(--pulse-colors-text-400);
  font-size: 16px;
  line-height: 1.5;
  padding: 11px;
  border-radius: 16px;
  font-family: "Rubik-Bold", sans-serif;
  border: 1px solid var(--pulse-colors-surface-400);
  transition: 0.3s;
}
.hub-menu-content .nav-link svg,
.hub-menu-content .nav-link img {
  width: 30px;
  height: 30px;
}
@media (min-width: 992px) {
  .hub-menu-content .nav-link svg,
  .hub-menu-content .nav-link img {
    width: 32px;
    height: 32px;
  }
}
.hub-menu-content .nav-link:hover {
  color: var(--pulse-colors-text-500);
  border-color: var(--pulse-assets-colors-theme-400);
  box-shadow: 0px 4px 8px 0px rgba(27, 32, 48, 0.1);
}
.hub-menu-content .nav-link:hover .icon,
.hub-menu-content .nav-link:hover .icon-no-color {
  width: 40px;
}
.hub-menu-content .nav-link:hover .icon svg, .hub-menu-content .nav-link:hover .icon img,
.hub-menu-content .nav-link:hover .icon-no-color svg,
.hub-menu-content .nav-link:hover .icon-no-color img {
  width: 40px;
  height: 40px;
}
.hub-menu-content .nav-link:hover .icon svg *[id="fill color"],
.hub-menu-content .nav-link:hover .icon svg [id="fill color"] path, .hub-menu-content .nav-link:hover .icon img *[id="fill color"],
.hub-menu-content .nav-link:hover .icon img [id="fill color"] path,
.hub-menu-content .nav-link:hover .icon-no-color svg *[id="fill color"],
.hub-menu-content .nav-link:hover .icon-no-color svg [id="fill color"] path,
.hub-menu-content .nav-link:hover .icon-no-color img *[id="fill color"],
.hub-menu-content .nav-link:hover .icon-no-color img [id="fill color"] path {
  fill: var(--pulse-colors-action-primary-200);
}
.hub-menu-content .nav-link:hover .icon svg *[id="Vector (Stroke)"],
.hub-menu-content .nav-link:hover .icon svg [id="Vector (Stroke)"] path,
.hub-menu-content .nav-link:hover .icon svg [id^="Vector "],
.hub-menu-content .nav-link:hover .icon svg [id=Vector],
.hub-menu-content .nav-link:hover .icon svg [id=Vector] path,
.hub-menu-content .nav-link:hover .icon svg [id^=Vector], .hub-menu-content .nav-link:hover .icon img *[id="Vector (Stroke)"],
.hub-menu-content .nav-link:hover .icon img [id="Vector (Stroke)"] path,
.hub-menu-content .nav-link:hover .icon img [id^="Vector "],
.hub-menu-content .nav-link:hover .icon img [id=Vector],
.hub-menu-content .nav-link:hover .icon img [id=Vector] path,
.hub-menu-content .nav-link:hover .icon img [id^=Vector],
.hub-menu-content .nav-link:hover .icon-no-color svg *[id="Vector (Stroke)"],
.hub-menu-content .nav-link:hover .icon-no-color svg [id="Vector (Stroke)"] path,
.hub-menu-content .nav-link:hover .icon-no-color svg [id^="Vector "],
.hub-menu-content .nav-link:hover .icon-no-color svg [id=Vector],
.hub-menu-content .nav-link:hover .icon-no-color svg [id=Vector] path,
.hub-menu-content .nav-link:hover .icon-no-color svg [id^=Vector],
.hub-menu-content .nav-link:hover .icon-no-color img *[id="Vector (Stroke)"],
.hub-menu-content .nav-link:hover .icon-no-color img [id="Vector (Stroke)"] path,
.hub-menu-content .nav-link:hover .icon-no-color img [id^="Vector "],
.hub-menu-content .nav-link:hover .icon-no-color img [id=Vector],
.hub-menu-content .nav-link:hover .icon-no-color img [id=Vector] path,
.hub-menu-content .nav-link:hover .icon-no-color img [id^=Vector] {
  fill: var(--pulse-colors-text-500);
}
.hub-menu-content .form-check-wrap {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
.hub-menu-content .form-check-wrap .form-check {
  margin: 0;
  padding: 0;
  background: none;
  height: 44px;
}
.hub-menu-content .form-check-wrap .form-check-label {
  text-decoration: none;
}
.hub-menu-content .form-check-wrap .form-check-input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.hub-menu-content .form-check-wrap .tags-item {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 8px;
  border: 1px solid var(--pulse-colors-surface-400);
  border-radius: 7.58px;
  background: #fff;
  font-size: 18px;
  line-height: 26px;
  color: var(--pulse-colors-text-600);
  font-weight: 400;
  height: 100%;
}
.hub-menu-content .form-check-wrap .tags-item span {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.hub-menu-content .form-check-wrap .tags-item:hover {
  border: 1.17px solid #3578f6;
  background: #F2F5FF;
  color: #1a2e56;
  font-weight: 500;
  box-shadow: 0 1px 6px 0 rgba(44, 87, 149, 0.09);
}
.hub-menu-content .form-check-wrap svg,
.hub-menu-content .form-check-wrap img {
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
}