.progress-bar{position:relative;display:inline-block;background:#eee;height:1.5rem;border-radius:1rem;overflow:hidden;background-color:var(--color-light-grey);width:100%;margin-left:auto}.progress-bar progress{opacity:0}.progress-bar::before{content:"";position:absolute;top:10%;left:2px;height:80%;width:var(--persisted-progress-bar);width:var(--progress-bar);background-color:var(--color-green);border-radius:1rem;animation:progress-animation .3s ease-in forwards}.stacked-progress-bar{width:100%;position:relative}@keyframes progress-animation{from{width:var(--persisted-progress-bar)}to{width:var(--progress-bar)}}.customer-loyalty-points-progress-wrapper{background:var(--color-white);padding:2rem 1rem;margin-bottom:5px;display:flex;gap:1rem;align-items:center;justify-content:center}.customer-loyalty-points-progress-wrapper .customer-loyalty-image img{width:80px}.customer-loyalty-points-progress-wrapper .progress-bar{height:1rem;width:170px;background-color:var(--color-light-pink)}.customer-loyalty-points-progress-wrapper .progress-bar::before{background-color:var(--color-loyalty-reward-progress-bar-unused-points)}