.loyalty-program-progress{align-items:center;color:var(--secondary-color);display:flex;flex-direction:row}.loyalty-program-progress span{font-size:14px;font-weight:700;line-height:1}.loyalty-program-progress__bar{--val:0%;background:var(--surface);border-radius:var(--el-border-radius);flex:1 1 auto;height:8px;margin:0 8px;overflow:hidden;position:relative;width:-moz-fit-content;width:fit-content}.loyalty-program-progress__bar:after{background:var(--brand-gradient);content:"";display:block;height:100%;transform:skew(-30deg) translate(calc(-100% + max(10px,var(--val))));transition:transform .3s ease-out;width:100%}