.dropdown {
  & button {
    & :global(.icon) {
      font-size: 1.5rem;
      margin-right: 0.5rem;
    }

    &:focus,
    &[aria-expanded='true'] {
      color: var(--theme-text-primary);
      background: transparent;
      outline: none;
      box-shadow: inset 0 0 0 0.0625rem var(--theme-text-primary);

      & .chevron {
        color: var(--theme-text-primary);
      }
    }
  }
}

.item:global(.h-auto) > * {
  height: auto !important;
}
