.ads-Menu {
  @apply inline-flex;
}

.ads-Menu-button {
  @apply relative
    z-menu;
}

.ads-Menu-list {
  @apply absolute
    min-w-full
    min-w-56
    z-menu;
}

.ads-Menu-item {
  @apply flex
    items-center
    w-full
    text-left
    px-2
    text-h5
    cursor-pointer
    no-underline
    text-gray-700
    h-8
    duration-200
    transition-colors;
}

.ads-Menu-item:hover,
.ads-Menu-item:active,
.ads-Menu-item:focus,
.ads-Menu-item--isHighlighted {
  @apply bg-gray-200
    text-gray-800;
}

.ads-Menu-item:focus {
  @apply outline-none
    shadow-focus
    relative
    z-default;
}

.ads-Menu-item--isSelected,
.ads-Menu-item--isSelected:hover,
.ads-Menu-item--isSelected:active,
.ads-Menu-item--isSelected:focus {
  @apply bg-gray-400
    text-gray-800;
}

.ads-Menu-item:first-of-type {
  @apply rounded-tl-sm
    rounded-tr-sm;
}

.ads-Menu-item:last-of-type {
  @apply rounded-bl-sm
    rounded-br-sm;
}