/* colors */
/* logo icon colors */
/* color shades */
/* heatmap display */
/* categorical display */
/* colors */
/* logo icon colors */
/* color shades */
/* heatmap display */
/* categorical display */
/* /styles/mixins.scss */
.gio-progress-bar {
  width: 100%;
  height: 10px;
  margin-bottom: 20px;
  display: flex; }
  .gio-progress-bar__label {
    display: flex;
    align-items: center;
    min-width: 30px;
    padding-right: 5px; }
  .gio-progress-bar .progress {
    height: 100%;
    flex-grow: 1;
    border-radius: 10px;
    background-color: #f4f4f4;
    overflow: hidden; }
    .gio-progress-bar .progress .progress-bar {
      -moz-transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      -webkit-transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      height: 100%;
      background-color: #82c785;
      display: flex;
      justify-content: center; }