@keyframes animateStripe {
  0% {
    transform:translate(0)
  }
  to {
    transform:translate(35px)
  }
}
@keyframes animateStripeRTL {
  0% {
    transform:translate(0)
  }
  to {
    transform:translate(-35px)
  }
}
@keyframes animateRainbow {
  0% {
    background-position:0 50%
  }
  50% {
    background-position:100% 50%
  }
  to {
    background-position:0 50%
  }
}
.eb-progressbar {
  position:relative
}
.eb-progressbar-wrapper * {
  box-sizing:border-box
}
.eb-progressbar-title {
  font-weight:400
}
.eb-progressbar-line {
  background-color:#eaeaea;
  display:block;
  height:12px;
  position:relative;
  width:100%
}
.eb-progressbar-line .eb-progressbar-count-wrap {
  bottom:calc(100% + 5px);
  font-weight:400;
  line-height:1;
  position:absolute;
  right:0
}
.eb-progressbar-line-fill {
  background-color:#000;
  display:inline-block;
  height:12px;
  left:0;
  overflow:hidden;
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:0
}
.eb-progressbar-circle {
  height:200px;
  position:relative;
  width:200px
}
.eb-progressbar-circle .eb-progressbar-title {
  font-size:16px;
  font-weight:400
}
.eb-progressbar-circle .eb-progressbar-count-wrap {
  font-size:28px;
  font-weight:700
}
.eb-progressbar-circle-shadow {
  border-radius:50%;
  height:220px;
  padding:10px;
  width:220px
}
.eb-progressbar-circle-pie {
  clip-path:inset(0 0 0 50%);
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%
}
.eb-progressbar-circle-inner {
  border:12px solid #eee;
  border-radius:50%;
  height:100%;
  width:100%
}
.eb-progressbar-circle-half {
  border:12px solid #000;
  border-radius:50%;
  clip-path:inset(0 50% 0 0);
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%
}
.eb-progressbar-circle-half-left {
  transform:rotate(0deg)
}
.eb-progressbar-circle-half-right {
  transform:rotate(180deg);
  visibility:hidden
}
.eb-progressbar-circle-inner-content {
  position:absolute;
  text-align:center;
  top:50%;
  transform:translateY(-50%);
  width:100%
}
.eb-progressbar-half-circle {
  height:100px;
  overflow:hidden;
  position:relative;
  width:200px
}
.eb-progressbar-half-circle .eb-progressbar-circle-pie {
  clip-path:inset(0 0 50% 0)
}
.eb-progressbar-half-circle .eb-progressbar-circle-half {
  clip-path:inset(50% 0 0 0);
  transform:rotate(0deg)
}
.eb-progressbar-half-circle .eb-progressbar-circle-inner-content {
  bottom:0;
  top:auto;
  transform:translateY(0)
}
.eb-progressbar-half-circle .eb-progressbar-title {
  font-size:16px;
  font-weight:400
}
.eb-progressbar-half-circle .eb-progressbar-count-wrap {
  font-size:28px;
  font-weight:700
}
.eb-progressbar-half-circle-after {
  clear:both;
  font-size:12px;
  font-weight:400;
  position:relative
}
.eb-progressbar-postfix-label {
  float:right
}
.eb-progressbar-line-stripe .eb-progressbar-line-fill:after {
  background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);
  background-size:35px 35px;
  content:"";
  height:100%;
  left:-35px;
  position:absolute;
  top:0;
  width:calc(100% + 70px)
}
.eb-progressbar-line-animate .eb-progressbar-line-fill:after {
  animation:animateStripe 2s linear infinite
}
.eb-progressbar-line-animate-rtl .eb-progressbar-line-fill:after {
  animation:animateStripeRTL 2s linear infinite
}
.eb-progressbar-circle-wrap>div {
  margin:0 auto
}
.eb-progressbar-box-container.left>div,
.eb-progressbar-circle-container.left>div,
.eb-progressbar-line-container.left {
  margin:0 auto 0 0
}
.eb-progressbar-box-container.center>div,
.eb-progressbar-circle-container.center>div,
.eb-progressbar-line-container.center {
  margin:0 auto
}
.eb-progressbar-box-container.right>div,
.eb-progressbar-circle-container.right>div,
.eb-progressbar-line-container.right {
  margin:0 0 0 auto
}
.rtl .eb-progressbar-line-container {
  text-align:right
}
.rtl .eb-progressbar-line-container .eb-progressbar-count-wrap {
  left:0;
  right:auto
}
.rtl .eb-progressbar-line-container .eb-progressbar-line-fill {
  left:auto;
  right:0
}
.rtl .eb-progressbar.eb-progressbar-circle .eb-progressbar-circle-pie {
  clip-path:inset(0 50% 0 0)
}
.rtl .eb-progressbar.eb-progressbar-circle .eb-progressbar-circle-half {
  clip-path:inset(0 0 0 50%)
}
.rtl .eb-progressbar-circle-container .eb-progressbar-half-circle-after .eb-progressbar-prefix-label {
  float:left
}
.eb-progressbar-line-rainbow .eb-progressbar-line-fill {
  animation:animateRainbow 5s ease infinite;
  background:linear-gradient(270deg,#9400d3,indigo,#00f,#0f0,#ff0,#ff7f00,red);
  background-size:500% 500%
}
.eb-progressbar-circle-fill .eb-progressbar-circle-half,
.eb-progressbar-half-circle-fill .eb-progressbar-circle-half {
  background-color:#000
}
.eb-progressbar-box {
  border:1px solid #eee;
  height:200px;
  margin:0 auto;
  width:100%
}
.eb-progressbar-box .eb-progressbar-box-inner-content {
  display:block;
  position:absolute;
  text-align:center;
  top:50%;
  transform:translateY(-50%);
  width:100%;
  z-index:9
}
.eb-progressbar-box .eb-progressbar-count-wrap {
  font-size:28px;
  font-weight:700
}
.eb-progressbar-box .eb-progressbar-title {
  font-size:16px;
  font-weight:400
}
.eb-progressbar-box-fill {
  background-color:#000;
  bottom:0;
  height:0;
  left:0;
  position:absolute;
  right:0
}