.wcf__progressbar-main{--aae-pb-color:currentColor;--aae-pb-trail:rgba(0,0,0,.12);--aae-pb-stroke-width:10;--aae-pb-track-height:8px}.wcf__progressbar-main.style-1 .progressbar{background:var(--aae-pb-trail);border-radius:4px;height:var(--aae-pb-track-height);overflow:hidden}.wcf__progressbar-main.style-1 .progressbar-fill{background:var(--aae-pb-color);border-radius:inherit;height:100%;transition:width 1.4s ease-in-out;width:0}.wcf__progressbar-main.style-1 .aae-pb-pct{left:50%;pointer-events:none;position:absolute;top:0;transform:translateX(-50%);white-space:nowrap}.wcf__progressbar-main.style-2{height:150px;width:150px}.wcf__progressbar-main.style-2 .progressbar{display:block;height:100%;overflow:visible;width:100%}.wcf__progressbar-main.style-2 .progressbar-trail{stroke:var(--aae-pb-trail);stroke-width:var(--aae-pb-stroke-width)}.wcf__progressbar-main.style-2 .progressbar-path{stroke:var(--aae-pb-color);stroke-width:var(--aae-pb-stroke-width);transition:stroke-dashoffset 1.4s ease-in-out}.wcf__progressbar-main.style-2 .aae-pb-pct{left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.wcf__progressbar-main.style-3 .aae-pb-pct{display:none}.wcf__progressbar-main.style-3 .progressbar.dots{align-items:center;display:flex;flex-wrap:wrap;gap:4px}.wcf__progressbar-main.style-3 .dot{border:1px solid;border-radius:50%;display:inline-block;height:16px;opacity:.3;transition:background-color .3s,opacity .3s;width:16px}.wcf__progressbar-main.style-3 .dot.active{background-color:currentColor;opacity:1}