.bit-popover-arrow {
  @apply tw-absolute tw-z-10 tw-size-4 tw-rotate-45 tw-bg-primary-100 tw-shadow-lg;
}

.bit-popover-right .bit-popover-arrow {
  @apply tw-left-1 -tw-translate-x-3/4 tw-rounded-bl-sm;
}

.bit-popover-left .bit-popover-arrow {
  @apply tw-right-1 tw-translate-x-3/4 tw-rounded-tr-sm;
}

.bit-popover-right-start .bit-popover-arrow,
.bit-popover-left-start .bit-popover-arrow {
  @apply tw-top-6 -tw-translate-y-1/2;
}

.bit-popover-right-center .bit-popover-arrow,
.bit-popover-left-center .bit-popover-arrow {
  @apply tw-top-1/2 -tw-translate-y-1/2;
}

.bit-popover-right-end .bit-popover-arrow,
.bit-popover-left-end .bit-popover-arrow {
  @apply tw-bottom-6 tw-translate-y-1/2;
}

.bit-popover-below .bit-popover-arrow {
  @apply tw-top-1 -tw-translate-y-3/4 tw-rounded-tl-sm;
}

.bit-popover-above .bit-popover-arrow {
  @apply tw-bottom-1 tw-translate-y-3/4 tw-rounded-br-sm;
}

.bit-popover-below-start .bit-popover-arrow,
.bit-popover-above-start .bit-popover-arrow {
  @apply tw-left-6 -tw-translate-x-1/2;
}

.bit-popover-below-center .bit-popover-arrow,
.bit-popover-above-center .bit-popover-arrow {
  @apply tw-left-1/2 -tw-translate-x-1/2;
}

.bit-popover-below-end .bit-popover-arrow,
.bit-popover-above-end .bit-popover-arrow {
  @apply tw-right-6 tw-translate-x-1/2;
}
