.menu-item-container {
  &:hover {
    .ik-icon {
      --ik-color-icon-dark: var(--ik-color-tag-primary);
      --ik-color-icon-light: var(--ik-color-tag-primary-light);
    }
  }

  &.actived {
    .ik-icon {
      --ik-color-icon-dark: var(--ik-color-tag-primary);
      --ik-color-icon-light: var(--ik-color-tag-primary-light);
    }
  }

  &.menu-expand {
    --ik-sub-sidebar-menu-color: var(--ik-color-font-title);
  }
}

.sub-sidebar-container.is-collapse {
  .menu-item-container.menu-active {
    .ik-icon {
      --ik-color-icon-dark: var(--ik-color-tag-primary);
      --ik-color-icon-light: var(--ik-color-tag-primary-light);
    }
  }
}