/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

%filter substitution
%include defines.inc

.circularprogressindicator-progressButton,
.circularprogressindicator-progressRing,
.circularprogressindicator-progressTrack,
.circularprogressindicator-progressNotification {
  margin: 0 @toolbar_horizontal_spacing@;
}

.circularprogressindicator-progressRing,
.circularprogressindicator-progressTrack {
  pointer-events:none;
  position: absolute;
}

.circularprogressindicator-progressTrack {
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-size: 40px 40px;
  background-image: url(chrome://browser/skin/images/progresscircle-bg.png);
}

.circularprogressindicator-progressNotification {
    width: 40px;
    height: 40px;
    background-image: url(chrome://browser/skin/images/navbar-download-finished.png);
    visibility: hidden;
}

.circularprogressindicator-progressNotification.progressNotification-active {
  visibility: visible;
  opacity: 0;
  transform: scale(2);
  transition: opacity @metro_animation_duration@,
              transform @metro_animation_duration@;
}

.circularprogressindicator-progressRing:not([progress]),
.circularprogressindicator-progressRing[progress="100"],
.circularprogressindicator-progressTrack:not([progress]),
.circularprogressindicator-progressTrack[progress="100"] {
  visibility: hidden;
}