/* ==========================================================================
   p-h-saver.css -- BATTERY SAVER, the decoration half

   Reported by a reader: "the app consumes too much battery and phone
   resources after being used continuously for a while."

   Counted on the live match list with 29 matches on screen: FIFTY-TWO
   elements animating forever. Not once, not on a hover -- `infinite`, for as
   long as the page is open. The browser cannot let the display sleep or the
   compositor idle while anything on screen is still moving, so a page sitting
   open is a page still drawing.

   NONE OF THEM CARRIES ANY INFORMATION. A rate that changes still changes the
   instant it changes; it simply stops glowing about it while it does.

   WHAT IS NOT IN HERE, and that is the whole care of it:

     * the loading spinner, and the animation on a button that is working.
       Those say something is happening and a frozen one is a lie.
     * every rate, score and number. Nothing in this file reaches them.

   Selectors by name rather than a blanket rule on `*`. A sweep over
   everything would have taken the spinner with it, and a reader who has asked
   for less decoration has not asked to be told nothing.
   ========================================================================== */

/* the live pulse behind the match state -- the fifty-two */
html[xw-saver="1"] .p_ga_ma1 .ma_stp .ma_lite span{
    animation: none !important;
}

/* the two blinking dots in the live badge, here and on the match page */
html[xw-saver="1"] .p_ga_ma1 .ma_stp .ma_liim .liveBlink,
html[xw-saver="1"] .p_ga_3_m .ma_stp .ma_liim .liveBlink{
    animation: none !important;
    /* they blink by fading, so without the animation they would sit at
       whatever frame the keyframes happen to start on. Held visible, which is
       what the badge is for. */
    opacity: 1 !important;
}

/* the breathing ring on the live heading's dot */
html[xw-saver="1"] .mas_live_dot,
html[xw-saver="1"] .p_ga_ml_dot{
    animation: none !important;
    box-shadow: none !important;
}

/* the text that pulses under the bottom bar while a page is on its way. The
   bar itself still shows, so the reader still knows something is coming. */
html[xw-saver="1"] .bottomMenuLoading.active .loadingText{
    animation: none !important;
    opacity: 1 !important;
}