._basicBar_wmd21_2:before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      display: block;
      width: var(--progress);
      height: var(--bar-height);
      background: var(--color-bd-primary);
      transition: width .25s ease;
      z-index: 1;
      overflow: hidden
    }

    ._basicBar_wmd21_2:after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: calc(var(--progress) * .45);
      background: #ffffff4d;
      opacity: .5;
      z-index: 2;
      animation: _progress-ripple_wmd21_1 1.5s infinite
    }

    ._gradientBar_wmd21_31:before {
      background: var(--gradient-bg);
      border-radius: 22px;
      background-size: 400% 100%;
      letter-spacing: .04em;
      text-align: center;
      animation: _progress-gradient_wmd21_1 6s linear infinite;
      padding: 0 16px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis
    }

    @media (max-width: 1000px) {
      ._gradientBar_wmd21_31:before {
        height: 16px
      }
    }

    @keyframes _progress-ripple_wmd21_1 {
      0% {
        transform: translate(-80%);
        opacity: .5
      }

      to {
        transform: translate(180%);
        opacity: 0
      }
    }

    @keyframes _progress-gradient_wmd21_1 {
      0% {
        background-position: 200% 0%
      }

      to {
        background-position: -200% 0%
      }
    }