.counter{line-height:0}.progressbar{padding-top:52px}.progress-number{letter-spacing:0;margin:0;padding-bottom:0;text-align:left}.progress-number,.progress-number-mark{font-size:24px;font-weight:700;line-height:150%}.progress-number-mark{align-items:center;border-radius:0;bottom:0;display:flex;margin-bottom:16px;padding:0;position:absolute;transform:translateX(-16px);width:max-content}.progress-number-mark.progress-number-mark--out-of-progress-bar{left:auto!important;right:0;transform:translateX(0)}.progress-number-mark__icon{height:auto;line-height:0;width:32px}.progress-bg{background:var(--color-bg-support-hard);overflow:hidden}.progress-bg,.progress-fill{border-radius:var(--border-radius-full);height:24px}.progress-fill{--active-bar-color-from:var(--color-brand);--active-bar-color-to:var(--color-brand);background:var(--active-bar-color-from);background:-moz-linear-gradient(90deg,var(--active-bar-color-from) 0,var(--active-bar-color-to) 100%);background:-webkit-linear-gradient(90deg,var(--active-bar-color-from) 0,var(--active-bar-color-to) 100%);background:linear-gradient(90deg,var(--active-bar-color-from) 0,var(--active-bar-color-to) 100%);width:0}@keyframes progressBarGradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.progressbar .percent{display:flex;margin-left:13px}