@reference "../../styles/index.css";

.languageDropdown {
  @apply h-9
    w-9
    rounded-md
    p-2
    text-neutral-700
    motion-safe:transition-colors
    dark:text-neutral-300;

  &:hover {
    @apply bg-neutral-100
      dark:bg-neutral-900;
  }
}

.dropDownContent {
  @apply max-h-80
    w-48
    overflow-hidden
    rounded-sm
    border
    border-neutral-200
    bg-white
    shadow-lg
    dark:border-neutral-900
    dark:bg-neutral-950;

  > div {
    @apply max-h-80
      w-48
      overflow-y-auto;
  }
}

.dropDownItem {
  @apply data-[highlighted]:bg-brand-600
    cursor-pointer
    px-2.5
    py-1.5
    text-sm
    font-medium
    text-neutral-800
    outline-hidden
    data-[highlighted]:text-white
    dark:text-white;
}

.currentDropDown {
  @apply bg-brand-600
    text-white;
}
