// Copyright 2023 Scape Agency BV

// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at

// http://www.apache.org/licenses/LICENSE-2.0

// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.


@use "../variables" as *;
@use "../mixins" as *;





// /* Add the correct vertical alignment in Chrome, Firefox, and Opera */
// progress {
//     vertical-align: baseline;
//   }
  


//   // Disable animation if transitions are disabled

// // scss-docs-start progress-keyframes
// @if $enable-transitions {
//   @keyframes progress-bar-stripes {
//     0% { background-position-x: $progress-height; }
//   }
// }
// // scss-docs-end progress-keyframes

// .progress,
// .progress-stacked {
//   // scss-docs-start progress-css-vars
//   --#{$prefix}progress-height: #{$progress-height};
//   @include rfs($progress-font-size, --#{$prefix}progress-font-size);
//   --#{$prefix}progress-bg: #{$progress-bg};
//   --#{$prefix}progress-border-radius: #{$progress-border-radius};
//   --#{$prefix}progress-box-shadow: #{$progress-box-shadow};
//   --#{$prefix}progress-bar-color: #{$progress-bar-color};
//   --#{$prefix}progress-bar-bg: #{$progress-bar-bg};
//   --#{$prefix}progress-bar-transition: #{$progress-bar-transition};
//   // scss-docs-end progress-css-vars

//   display: flex;
//   height: var(--#{$prefix}progress-height);
//   overflow: hidden; // force rounded corners by cropping it
//   @include font-size(var(--#{$prefix}progress-font-size));
//   background-color: var(--#{$prefix}progress-bg);
//   @include border-radius(var(--#{$prefix}progress-border-radius));
//   @include box-shadow(var(--#{$prefix}progress-box-shadow));
// }

// .progress-bar {
//   display: flex;
//   flex-direction: column;
//   justify-content: center;
//   overflow: hidden;
//   color: var(--#{$prefix}progress-bar-color);
//   text-align: center;
//   white-space: nowrap;
//   background-color: var(--#{$prefix}progress-bar-bg);
//   @include transition(var(--#{$prefix}progress-bar-transition));
// }

// .progress-bar-striped {
//   @include gradient-striped();
//   background-size: var(--#{$prefix}progress-height) var(--#{$prefix}progress-height);
// }

// .progress-stacked > .progress {
//   overflow: visible;
// }

// .progress-stacked > .progress > .progress-bar {
//   width: 100%;
// }

// @if $enable-transitions {
//   .progress-bar-animated {
//     animation: $progress-bar-animation-timing progress-bar-stripes;

//     @if $enable-reduced-motion {
//       @media (prefers-reduced-motion: reduce) {
//         animation: none;
//       }
//     }
//   }
// }




// //   @import "../utilities/mixins"

// // $progress-bar-background-color: $border-light !default
// // $progress-value-background-color: $text !default
// // $progress-border-radius: $radius-rounded !default

// // $progress-indeterminate-duration: 1.5s !default

// // $progress-colors: $colors !default

// // .progress
// //   @extend %block
// //   -moz-appearance: none
// //   -webkit-appearance: none
// //   border: none
// //   border-radius: $progress-border-radius
// //   display: block
// //   height: $size-normal
// //   overflow: hidden
// //   padding: 0
// //   width: 100%
// //   &::-webkit-progress-bar
// //     background-color: $progress-bar-background-color
// //   &::-webkit-progress-value
// //     background-color: $progress-value-background-color
// //   &::-moz-progress-bar
// //     background-color: $progress-value-background-color
// //   &::-ms-fill
// //     background-color: $progress-value-background-color
// //     border: none
// //   // Colors
// //   @each $name, $pair in $progress-colors
// //     $color: nth($pair, 1)
// //     &.is-#{$name}
// //       &::-webkit-progress-value
// //         background-color: $color
// //       &::-moz-progress-bar
// //         background-color: $color
// //       &::-ms-fill
// //         background-color: $color
// //       &:indeterminate
// //         background-image: linear-gradient(to right, $color 30%, $progress-bar-background-color 30%)

// //   &:indeterminate
// //     animation-duration: $progress-indeterminate-duration
// //     animation-iteration-count: infinite
// //     animation-name: moveIndeterminate
// //     animation-timing-function: linear
// //     background-color: $progress-bar-background-color
// //     background-image: linear-gradient(to right, $text 30%, $progress-bar-background-color 30%)
// //     background-position: top left
// //     background-repeat: no-repeat
// //     background-size: 150% 150%
// //     &::-webkit-progress-bar
// //       background-color: transparent
// //     &::-moz-progress-bar
// //       background-color: transparent
// //     &::-ms-fill
// //       animation-name: none

// //   // Sizes
// //   &.is-small
// //     height: $size-small
// //   &.is-medium
// //     height: $size-medium
// //   &.is-large
// //     height: $size-large

// // @keyframes moveIndeterminate
// //   from
// //     background-position: 200% 0
// //   to
// //     background-position: -200% 0