/**
 * Styles for managing the popover animations. These were generated by
 * Aphrodite's autoprefixer, but some minor tweaks were applied to get them
 * working on mobile Safari. Ideally, we'd be generating these styles with
 * Aphrodite (along with ReactCSSTransitionGroup's support for custom
 * classnames), but the generated styles have issues on mobile Safari.
 *   See: https://github.com/Khan/aphrodite/issues/68.
 *
 * If the animation durations change, the corresponding values in
 * popover-manager.js must change as well.
 */

.popover-enter {
    opacity: 0 !important;
}

.popover-enter.popover-enter-active {
    opacity: 1 !important;
    transition: opacity 200ms ease-out !important;
    -webkit-transition: opacity 200ms ease-out !important;
    -moz-transition: opacity 200ms ease-out !important;
    -ms-transition: opacity 200ms ease-out !important;
}