.f-progress__default{--progress-text-color: #1d1d1f;--progress-background: #d7d7d7;--progress-simple-background: #e8e8e8}.f-progress__primary{--progress-text-color: #fff;--progress-background: #2d5af1;--progress-simple-background: #5d80f4}.f-progress__success{--progress-text-color: #fff;--progress-background: #52b35e;--progress-simple-background: #75c37f}.f-progress__danger{--progress-text-color: #fff;--progress-background: #ff0200;--progress-simple-background: #ff5857}.f-progress__warning{--progress-text-color: #fff;--progress-background: #fcc202;--progress-simple-background: #fed348}.f-progress__info{--progress-text-color: #fbfbfd;--progress-background: #1d1d1f;--progress-simple-background: #4e4e56}.f-progress{position:relative}.f-progress.f-progress__line{height:20px;height:var(--progress-height, 20px);display:flex;align-items:center}.f-progress.f-progress__circle{display:inline-block;vertical-align:top}.f-progress.f-progress__circle .f-progress__girth{transition:.3s;stroke-dasharray:var(--progress-stroke-dasharray);stroke-dashoffset:var(--progress-stroke-dashoffset)}.f-progress__bar{border-radius:20px;display:flex;width:100%;height:100%;position:relative;background-color:#eee}.f-progress__bar .f-progress__fill{border-radius:20px;height:100%;position:absolute;left:0;top:0;bottom:0;text-align:right;transition:.3s;width:0;width:var(--progress-width, 0);background-color:var(--progress-background)}.f-progress__bar .f-progress__fill .f-progress__percentage{font-size:14px;margin:0 7px;color:#fff;color:var(--progress-text-color, #fff);line-height:20px;line-height:var(--progress-height, 20px)}@keyframes f-progress-animation-panoramic{to{background-position:200% 0}}.f-progress.f-progress__stripe .f-progress__bar .f-progress__fill{background:repeating-linear-gradient(-45deg,var(--progress-background) 25%,var(--progress-background) 0,var(--progress-background) 50%,var(--progress-simple-background) 0,var(--progress-simple-background) 75%,var(--progress-simple-background) 0);background-size:35px 35px;animation:f-progress-animation-panoramic 30s linear infinite}.f-progress .f-progress__text{width:38px;font-size:14px;margin-left:10px;color:#333;color:var(--progress-text-color, #333)}