.index-panel {
  @apply p-6 m-0  border-primary border my-2;
  max-height: 80vh;
  overflow-y: auto;

  &__header {
    @apply flex gap-4  border-b border-gray-300 mb-8;

    button {
      @apply pb-3  text-carhop-gray opacity-60 relative;
      box-sizing: border-box;
    }
    button[aria-selected='true'] {
      @apply text-primary opacity-100;
      &:after {
        @apply bg-primary;
        content: '';
        display: block;
        width: 100%;
        height: 3px;
        position: absolute;
        bottom: -1px;
        left: 0;
      }
    }
  }

  &__content {
    overflow-wrap: anywhere;
    ul[aria-hidden='true'] {
      @apply hidden;
    }
  }
}