.ca-panel-navigation {
  $block: &;

  &__link {
    display: block;
    font-size: $font-size-m;
    font-weight: $font-weight-bold;
    padding: $px16;
    border-bottom: $border-light;
  }
  /* stylelint-disable selector-class-pattern */
  &__parent {
    &.ca-accordion-item {
      .ca-accordion-item__toggle {
        outline: none;
        width: 100%;
        padding: $px16;
        display: block;
        font-size: $font-size-m;
        font-weight: $font-weight-bold;
        border-bottom: $border-light;
      }

      .ca-accordion-item__icon-wrap.ca-icon-and-text {
        display: flex;
        justify-content: space-between;
        align-items: center;

        .ca-icon {
          font-size: rem-calc(20px);
        }
      }
    }
  }

  &__children {
    padding: $px12 0;
    background-color: $c-lightest-gray;
  }

  &__child-link {
    display: block;
    font-size: $font-size-s;
    font-weight: $font-weight-normal;
    padding: rem-calc(8px) rem-calc(16px) rem-calc(8px) rem-calc(26px);
  }

  &__child-parent {
    &.ca-accordion-item {
      .ca-accordion-item__toggle {
        font-size: $font-size-s;
        font-weight: $font-weight-bold;
        padding: rem-calc(8px) rem-calc(16px) rem-calc(8px) rem-calc(26px);
        border-bottom: none;
      }

      .ca-accordion-item__icon-wrap.ca-icon-and-text {
        .ca-icon {
          font-size: rem-calc(18px);
        }
      }
    }
  }

  &__child-item {
    &:last-child {
      .ca-accordion-item__content {
        margin-bottom: rem-calc(-12px);
      }
    }
  }
  /* stylelint-enable selector-class-pattern */
  &__grand-children {
    padding: $px10 0;
    background-color: $c-light-gray;
  }

  &__grand-child-link {
    display: block;
    font-size: $font-size-s;
    padding: rem-calc(8px) rem-calc(16px) rem-calc(8px) rem-calc(36px);
  }

  &__spinner.ca-spinner {
    @include calign;

    border-color: var(--accent-color, $c-accent-color);
    width: 30px;
    height: 30px;
  }
}