/**
 * Keyframes for OpenEyes.UI.Effect — the partner stylesheet to OpenEyes.UI.Effect.js.
 *
 * Provides the two effects OpenEyes used, highlight and pulsate. The helper sets
 * animation-duration / animation-iteration-count inline per call, so only the
 * keyframes + name/timing live here.
 */

/* highlight — brief background flash that fades out (jQuery-UI default: #ffff99) */
@keyframes oe-effect-highlight {
    from { background-color: #ffff99; }
    to   { background-color: transparent; }
}

.js-oe-effect-highlight {
    animation-name: oe-effect-highlight;
    animation-timing-function: ease-out;
}

/* pulsate — fade opacity down and back up (one cycle per iteration) */
@keyframes oe-effect-pulsate {
    0%   { opacity: 1; }
    50%  { opacity: 0; }
    100% { opacity: 1; }
}

.js-oe-effect-pulsate {
    animation-name: oe-effect-pulsate;
    animation-timing-function: ease-in-out;
}