.bonus-progress{background:var(--layer-02);border-radius:8px;display:grid;gap:8px;margin:12px 0 24px;padding:12px 16px 16px}.bonus-progress__info-data{align-items:center;display:flex;grid-column-gap:4px}.bonus-progress__info-label{color:var(--text-tertiary);font-weight:var(--font-weight,300);line-height:var(--line-height,1.3);line-height:unset}.bonus-progress__info-label,.bonus-progress__info-value{font-family:var(--font-family,Exo2);font-size:var(--font-size,.75rem);letter-spacing:var(--letter-spacing,0)}.bonus-progress__info-value{color:var(--text-primary);font-weight:var(--font-weight,500);line-height:var(--line-height, )}.bonus-progress__bar{align-self:stretch;background:var(--support-system-low-contrast);border-radius:2px;height:4px;position:relative}.bonus-progress__bar-filled{background:var(--blue-500);border-radius:2px;height:inherit;left:0;position:absolute;top:0;width:var(--progress)}.bonus-progress__bar-filled:after{align-items:center;background:var(--blue-500);border-radius:6px;color:var(--blue-100);content:attr(data-progress);display:flex;font-family:var(--font-family,Exo2);font-size:var(--font-size,.625rem);font-weight:var(--font-weight,300);height:12px;justify-content:center;letter-spacing:var(--letter-spacing,0);line-height:var(--line-height,1.5);line-height:12px;padding:0 .25rem;position:absolute;right:0;top:50%;transform:translate(calc(100% - var(--progress)),-50%);width:-moz-fit-content;width:fit-content}