.item-menu-content {
  display: flex;
  width: 13.75rem;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Item-Menu-Gap, 0.25rem);

  & .item-menu-link {
    align-self: stretch;
    text-decoration: none !important;

    & .item-menu-title {
      align-self: stretch;
      color: var(--Item-Menu-Enable-Text, #001C35);
      font: var(--Single-Line-Body-Small-Link);
      text-decoration-line: underline;
      text-decoration-style: solid;
      text-decoration-skip-ink: auto;
      text-decoration-thickness: auto;
      text-underline-offset: auto;
      text-underline-position: from-font;
    }
  }

  & .item-menu-text {
    align-self: stretch;
    color: var(--Item-Menu-Enable-Text-Subtitle, #63727D);
    font: var(--Body-Small);
  }

  & .item-menu-link.disabled {
    color: var(--Item-Menu-Disabled-Text, #63727D);

    & .item-menu-title {
      color: var(--Item-Menu-Disabled-Text, #63727D);
    }
  }

  &:has(.item-menu-link.disabled) .item-menu-text {
    color: var(--Item-Menu-Disabled-Text-Subtitle, #63727D);
  }

  & .item-menu-link:hover {
    color: var(--Item-Menu-Hover-Text, #005299);

    & .item-menu-title {
      color: var(--Item-Menu-Hover-Text, #005299);
    }
  }

  &:has(.item-menu-link:hover) .item-menu-text {
    color: var(--Item-Menu-Hover-Text-Subtitle, #63727D);
  }

  & .item-menu-link:focus {
    outline: none !important;
  }

  & .item-menu-link:focus-visible {
    color: var(--Item-Menu-Focused-Text, #001C35);

    & .item-menu-title {
      color: var(--Item-Menu-Focused-Text, #001C35);
      display: flex;
      align-items: center;
      gap: 0.625rem;
      outline: var(--Stroke-S, 2px) solid var(--Item-Menu-Focused-Border, #99CFFF);
      border-radius: var(--Radius-L, 1.5rem);
    }
  }

  &:has(.item-menu-link:focus-visible) .item-menu-text {
    color: var(--Item-Menu-Focused-Text-Subtitle, #63727D);
  }

  & .item-menu-link:active {
    color: var(--Item-Menu-Pressed-Text, #005299);

    & .item-menu-title {
      color: var(--Item-Menu-Pressed-Text, #005299);
    }
  }

  &:has(.item-menu-link:active) .item-menu-text {
    color: var(--Item-Menu-Pressed-Text-Subtitle, #63727D);
  }
}

@media (width < 1200px) {
  .item-menu-content {
    width: 100%;
  }
}