.MixPopoverAnimate {
  --mix-dropdown-animate-space: var(--space-s);
  --mix-dropdown-animate-transform: translate(0, var(--mix-dropdown-animate-space));
}

  .MixPopoverAnimate_animate_exit {
      opacity: 1;
      -webkit-transform: translate(0);
              transform: translate(0);
    }

  .MixPopoverAnimate_animate_enter,
    .MixPopoverAnimate_animate_exitActive,
    .MixPopoverAnimate_animate_exitDone,
    .MixPopoverAnimate_animate_exited,
    .MixPopoverAnimate_animate_exiting,
    .MixPopoverAnimate_animate_unmounted {
      opacity: 0;
      pointer-events: none;
      -webkit-transform: var(--mix-dropdown-animate-transform);
              transform: var(--mix-dropdown-animate-transform);
    }

  .MixPopoverAnimate_animate_enterDone,
    .MixPopoverAnimate_animate_enterActive,
    .MixPopoverAnimate_animate_entered,
    .MixPopoverAnimate_animate_entering {
      opacity: 1;
      -webkit-transform: translate(0);
              transform: translate(0);
    }

  .MixPopoverAnimate_animate_entered,
    .MixPopoverAnimate_animate_entering,
    .MixPopoverAnimate_animate_exiting,
    .MixPopoverAnimate_animate_enterDone,
    .MixPopoverAnimate_animate_exitActive,
    .MixPopoverAnimate_animate_enterActive,
    .MixPopoverAnimate_animate_exitDone {
      -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
      transition: opacity 0.2s, -webkit-transform 0.2s;
      transition: opacity 0.2s, transform 0.2s;
      transition: opacity 0.2s, transform 0.2s, -webkit-transform 0.2s;
    }

  .MixPopoverAnimate.Popover_direction_downCenter,
    .MixPopoverAnimate.Popover_direction_downRight,
    .MixPopoverAnimate.Popover_direction_downLeft,
    .MixPopoverAnimate.Popover_direction_downStartLeft,
    .MixPopoverAnimate.Popover_direction_downStartRight,
    .MixPopoverAnimate_direction_downCenter,
    .MixPopoverAnimate_direction_downRight,
    .MixPopoverAnimate_direction_downLeft,
    .MixPopoverAnimate_direction_downStartLeft,
    .MixPopoverAnimate_direction_downStartRight {
      --mix-dropdown-animate-transform: translate(0, var(--mix-dropdown-animate-space));
    }

  .MixPopoverAnimate.Popover_direction_upCenter,
    .MixPopoverAnimate.Popover_direction_upRight,
    .MixPopoverAnimate.Popover_direction_upLeft,
    .MixPopoverAnimate.Popover_direction_upStartLeft,
    .MixPopoverAnimate.Popover_direction_upStartRight,
    .MixPopoverAnimate_direction_upCenter,
    .MixPopoverAnimate_direction_upRight,
    .MixPopoverAnimate_direction_upLeft,
    .MixPopoverAnimate_direction_upStartLeft,
    .MixPopoverAnimate_direction_upStartRight {
      --mix-dropdown-animate-transform: translate(0, calc(-1 * var(--mix-dropdown-animate-space)));
    }

  .MixPopoverAnimate.Popover_direction_leftUp,
    .MixPopoverAnimate.Popover_direction_leftCenter,
    .MixPopoverAnimate.Popover_direction_leftDown,
    .MixPopoverAnimate.Popover_direction_leftStartUp,
    .MixPopoverAnimate.Popover_direction_leftStartDown,
    .MixPopoverAnimate_direction_leftUp,
    .MixPopoverAnimate_direction_leftCenter,
    .MixPopoverAnimate_direction_leftDown,
    .MixPopoverAnimate_direction_leftStartUp,
    .MixPopoverAnimate_direction_leftStartDown {
      --mix-dropdown-animate-transform: translate(calc(-1 * var(--mix-dropdown-animate-space)), 0);
    }

  .MixPopoverAnimate.Popover_direction_rightUp,
    .MixPopoverAnimate.Popover_direction_rightCenter,
    .MixPopoverAnimate.Popover_direction_rightDown,
    .MixPopoverAnimate.Popover_direction_rightStartUp,
    .MixPopoverAnimate.Popover_direction_rightStartDown,
    .MixPopoverAnimate_direction_rightUp,
    .MixPopoverAnimate_direction_rightCenter,
    .MixPopoverAnimate_direction_rightDown,
    .MixPopoverAnimate_direction_rightStartUp,
    .MixPopoverAnimate_direction_rightStartDown {
      --mix-dropdown-animate-transform: translate(var(--mix-dropdown-animate-space), 0);
    }

.MixPopoverAnimate_direction_downCenter.Popover, .MixPopoverAnimate_direction_downRight.Popover, .MixPopoverAnimate_direction_downLeft.Popover, .MixPopoverAnimate_direction_downStartLeft.Popover, .MixPopoverAnimate_direction_downStartRight.Popover {
      --mix-dropdown-animate-transform: translate(0, var(--mix-dropdown-animate-space));
    }

.MixPopoverAnimate_direction_upCenter.Popover, .MixPopoverAnimate_direction_upRight.Popover, .MixPopoverAnimate_direction_upLeft.Popover, .MixPopoverAnimate_direction_upStartLeft.Popover, .MixPopoverAnimate_direction_upStartRight.Popover {
      --mix-dropdown-animate-transform: translate(0, var(--mix-dropdown-animate-space));
    }

.MixPopoverAnimate_direction_leftUp.Popover, .MixPopoverAnimate_direction_leftCenter.Popover, .MixPopoverAnimate_direction_leftDown.Popover, .MixPopoverAnimate_direction_leftStartUp.Popover, .MixPopoverAnimate_direction_leftStartDown.Popover {
      --mix-dropdown-animate-transform: translate(0, var(--mix-dropdown-animate-space));
    }

.MixPopoverAnimate_direction_rightUp.Popover, .MixPopoverAnimate_direction_rightCenter.Popover, .MixPopoverAnimate_direction_rightDown.Popover, .MixPopoverAnimate_direction_rightStartUp.Popover, .MixPopoverAnimate_direction_rightStartDown.Popover {
      --mix-dropdown-animate-transform: translate(0, var(--mix-dropdown-animate-space));
    }