.ads-Popover {
  @apply rounded
    relative
    shadow-popover
    z-popup
    bg-white
    inline-block;
}

.ads-Popover--padded {
  @apply p-3;
}

.ads-Popover-arrow {
  @apply absolute
    border-solid
    border-8
    border-transparent;
}

.ads-Popover-arrow[data-placement*="bottom"] {
  @apply border-t-0
    top-0;

  border-bottom-color: theme("colors.gray.400");
  margin-top: theme("margin.-2");
}

.ads-Popover-arrow[data-placement*="top"] {
  border-top-color: theme("colors.gray.400");
  margin-bottom: theme("margin.-2");
  top: 100%;
}

.ads-Popover-arrow[data-placement*="left"] {
  border-left-color: theme("colors.gray.400");
  margin-right: theme("margin.-2");
  left: 100%;
}

.ads-Popover-arrow[data-placement*="right"] {
  @apply border-l-0 left-0;

  border-right-color: theme("colors.gray.400");
  margin-left: theme("margin.-2");
}