|
|
@ -17,6 +17,10 @@
|
|
|
|
color: var(--white);
|
|
|
|
color: var(--white);
|
|
|
|
transition: width 0.6s ease;
|
|
|
|
transition: width 0.6s ease;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
&.default {
|
|
|
|
|
|
|
|
background-color: var(--darkGray);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
&.primary {
|
|
|
|
&.primary {
|
|
|
|
background-color: var(--primaryColor);
|
|
|
|
background-color: var(--primaryColor);
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -57,10 +61,6 @@
|
|
|
|
.frontTextContainer {
|
|
|
|
.frontTextContainer {
|
|
|
|
z-index: 1;
|
|
|
|
z-index: 1;
|
|
|
|
color: var(--progressBarFrontTextColor);
|
|
|
|
color: var(--progressBarFrontTextColor);
|
|
|
|
|
|
|
|
|
|
|
|
&.default {
|
|
|
|
|
|
|
|
color: var(--darkGray);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.backTextContainer {
|
|
|
|
.backTextContainer {
|
|
|
|