.header-menu > li:hover,
.header-menu > li.active {
  color: #376eff;
}
.header-menu .header-menu-active-block {
  width: 60px;
  /* --active-block-translateX: calc(var(--menu--active-li-index) * 100%); */
  --active-block-x: calc(var(--menu--active-li-index) * 100%);
  --active-block-x-offset: calc(var(--menu--active-li-index) * 4px);
  --active-block-translateX: calc(var(--active-block-x) + var(--active-block-x-offset));
  transform: translateX(var(--active-block-translateX));
  transition: transform .2s;
}
.header-menu > li > a {
  width: 60px;
  padding: 13px 14px;
}
.header-menu > li:not(:last-child) {
  margin-right: 4px;
}