.ads-Popover {
  @apply rounded
    relative
    shadow-popover
    z-popup
    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
    -mt-2;
}

.ads-Popover-arrow[data-placement*="top"] {
  @apply -mb-2;
  top: 100%;
}

.ads-Popover-arrow[data-placement*="left"] {
  @apply -mr-2;
  left: 100%;
}

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