.barfiller{height:12px;margin-bottom:20px;background:#3b3e3f;width:100%}.barfiller,.barfiller .fill{position:relative;border-radius:40px}.barfiller .fill{height:100%;background:#333;width:0;display:block;z-index:1}.barfiller .fill:after{height:25px;right:0;content:"";position:absolute;top:-8px;border-radius:50%;background:var(--colorPrimary);width:25px}.barfiller .tipWrap{display:none}.barfiller .tip{font-size:18px;font-weight:600;color:var(--colorBlack);position:absolute;background:var(--colorWhite);margin-top:-36px;padding-left:10px;z-index:2}.barfiller .tip:after{border:solid;border-color:rgba(0,0,0,.8) transparent;border-width:6px 6px 0}