.sidebar-tabs {
  .e-n-tabs {
    gap: 0 !important;
  }

  .e-n-tabs-heading {
    justify-content: space-between;
    background-color: var(--color-ui-02);
    padding-inline: var(--space-sm);
    padding-block: var(--space-sm);
    gap: var(--space-xxs);

    button {
      --btn-text-color: var(--color-text-black);
      --btn-color: transparent;
      --btn-border-size: 2px;
      --btn-border-color: transparent;
      --border-radius-button: 100px;
      --btn-padding-inline: var(--space-sm);
      --btn-padding-block: var(--space-sm);

      &:hover {
        --btn-text-color: var(--color-text-black);
        --btn-color: transparent;
        --btn-border-color: var(--color-brand-01);
      }

      &[aria-selected="true"] {
        --btn-text-color: var(--color-text-white);
        --btn-color: var(--color-brand-01);
        --btn-border-color: var(--color-brand-01);
      }
    }
  }

  .e-n-tabs-content {
    border: 1px solid var(--color-ui-02);
    padding-block: var(--space-sm);
    padding-inline: var(--space-sm);

    > * {
      padding: 0;
    }
  }

  a {
    color: var(--color-text-black) !important;

    &:hover {
      color: var(--color-brand-03);
      text-decoration: underline !important;
    }
  }

  .e-loop-item {
    &:has(.popular-link) {
      padding: 0;
    }

    .popular-link {
      gap: var(--space-xs);
    }
  }
}