/*!
_progress.scss
Source file (relative to compiled *.css file): ./scss/progress.scss

This file is included in PhotoBerry Studio. For licensing and copyright notices, please see ../../license.txt (relative to *.css file) or ../../../license.txt (relative to *.scss file).
*/

// Progress

label.photoberry-studio-progress {
  display       : flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items   : center;
  gap           : 10px;
  margin-top    : 10px;
  margin-bottom : 15px;
  font-size     : 12px;
  color         : $text-primary;
  font-weight   : 500;
  }

progress.photoberry-studio-progress-bar {
  display            : block;
  margin             : 0;
  width              : 100%;
  height             : 10px;
  -webkit-appearance : none;
  appearance         : none;
  border             : 1px solid $gray-1;
  border-radius      : 10px;

  &::-webkit-progress-bar {
    background-color : $gray-2;
    border-radius    : 10px;
    }

  &::-webkit-progress-value {
    background-color : $primary-color;
    border-radius    : 10px;
    }

  &::-moz-progress-bar {
    background-color : $primary-color;
    border-radius    : 10px;
    }

  }