/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/less_static_throbber.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */

/* Replaces the static reduced-motion hourglass-icon with rotating dots */

/* svg.context-properties.content.enabled must be "true" otherwise the icon will be black */

@media (prefers-reduced-motion:reduce){
  @keyframes rotate-throbber{from{transform: rotateZ(0deg)}to{rotateZ(360deg)}}
  .tab-throbber{
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSJjb250ZXh0LWZpbGwiIGZpbGwtb3BhY2l0eT0iY29udGV4dC1maWxsLW9wYWNpdHkiPg0KICA8Y2lyY2xlIGN4PSI4IiBjeT0iMi41IiByPSIyIiBmaWxsLW9wYWNpdHk9IjEiLz4NCiAgPGNpcmNsZSBjeD0iMTIiIGN5PSI0IiByPSIxLjciLz4NCiAgPGNpcmNsZSBjeD0iMTMuNSIgY3k9IjgiIHI9IjEuNyIvPg0KICA8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxLjciLz4NCiAgPGNpcmNsZSBjeD0iOCIgY3k9IjEzLjUiIHI9IjEuNyIvPg0KICA8Y2lyY2xlIGN4PSI0IiBjeT0iMTIiIHI9IjEuNyIvPg0KICA8Y2lyY2xlIGN4PSIyLjUiIGN5PSI4IiByPSIxLjciLz4NCiAgPGNpcmNsZSBjeD0iNCIgY3k9IjQiIHI9IjEuNyIvPg0KPC9zdmc+DQo") !important;
    -moz-context-properties: fill,fill-opacity !important;
    fill-opacity: 0.5 !important;
    animation: rotate-throbber 2s steps(8) infinite;
  }
}