.MixPopoverArrow {
  --popover-arrow-size: 10px;
  --popover-arrow-offset: 6px;
  position: absolute;
  border: var(--popover-arrow-size) solid transparent;
}

  .MixPopoverArrow_direction_upLeft,
  .MixPopoverArrow_direction_upCenter,
  .MixPopoverArrow_direction_upRight,
  .MixPopoverArrow_direction_upStartLeft,
  .MixPopoverArrow_direction_upStartRight {
    bottom: 0;
    border-top-color: var(--popover-arrow-bg-color);
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }

  .MixPopoverArrow_direction_upLeft,
  .MixPopoverArrow_direction_downLeft,
  .MixPopoverArrow_direction_downStartRight,
  .MixPopoverArrow_direction_upStartRight {
    right: var(--popover-arrow-offset);
  }

  .MixPopoverArrow_direction_upCenter,
  .MixPopoverArrow_direction_downCenter {
    left: calc(50% - var(--popover-arrow-size));
  }

  .MixPopoverArrow_direction_upRight,
  .MixPopoverArrow_direction_downRight,
  .MixPopoverArrow_direction_downStartLeft,
  .MixPopoverArrow_direction_upStartLeft {
    left: var(--popover-arrow-offset);
  }

  .MixPopoverArrow_direction_downLeft,
  .MixPopoverArrow_direction_downCenter,
  .MixPopoverArrow_direction_downRight,
  .MixPopoverArrow_direction_downStartLeft,
  .MixPopoverArrow_direction_downStartRight {
    top: 0;
    border-bottom-color: var(--popover-arrow-bg-color);
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }

  .MixPopoverArrow_direction_rightUp,
  .MixPopoverArrow_direction_rightCenter,
  .MixPopoverArrow_direction_rightDown,
  .MixPopoverArrow_direction_rightStartUp,
  .MixPopoverArrow_direction_rightStartDown {
    left: 0;
    border-right-color: var(--popover-arrow-bg-color);
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }

  .MixPopoverArrow_direction_rightUp,
  .MixPopoverArrow_direction_leftUp,
  .MixPopoverArrow_direction_leftStartDown,
  .MixPopoverArrow_direction_rightStartDown {
    bottom: var(--popover-arrow-offset);
  }

  .MixPopoverArrow_direction_rightCenter,
  .MixPopoverArrow_direction_leftCenter {
    top: calc(50% - var(--popover-arrow-size));
  }

  .MixPopoverArrow_direction_rightDown,
  .MixPopoverArrow_direction_leftDown,
  .MixPopoverArrow_direction_leftStartUp,
  .MixPopoverArrow_direction_rightStartUp {
    top: var(--popover-arrow-offset);
  }

  .MixPopoverArrow_direction_leftUp,
  .MixPopoverArrow_direction_leftCenter,
  .MixPopoverArrow_direction_leftDown,
  .MixPopoverArrow_direction_leftStartUp,
  .MixPopoverArrow_direction_leftStartDown {
    right: 0;
    border-left-color: var(--popover-arrow-bg-color);
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }