/* See modena.css for progress bar styling */
.progress-bar {
  -fx-background-radius: 0;
  -fx-border-radius: 0;
  .track {
    -fx-background-radius: 0;
    -fx-border-radius: 0;
    -fx-border-width: 1;
    -fx-border-color: -df-background-lighter;
    -fx-background-insets: 0; }
  .bar {
    -fx-background-radius: 0;
    -fx-border-radius: 0;
    -fx-min-height: 10;
    -fx-padding: 8 0; }
}

.small-progress-bar {
  .bar {
    -fx-background-color: -df-defold-blue-lighter;
    -fx-background-insets: 0;
    -fx-background-radius: 0;
    -fx-padding: 1em;
  }

  .track {
    -fx-background-color: -df-background;
    -fx-background-insets: 0;
    -fx-background-radius: 0; }
}

.really-small-progress-bar {
  -fx-background-radius: 0;
  -fx-min-width: 140px;
  .bar {
    -fx-background-color: -df-defold-blue-lighter;
    -fx-background-insets: 0;
    -fx-background-radius: 4;
    -fx-pref-height: 5px;
    -fx-padding: 0em;
  }

  .track {
    -fx-background-color: -df-background-lighter;
    -fx-background-insets: 0;
    -fx-border-width: 0;
    -fx-background-radius: 4;
  }
}
