.progress-bar{--progress-bar-background: rgba(0, 0, 0, .9);--progress-bar-height: 1rem;--progress-bar-color: #ff19d1;position:relative;border:2px solid rgba(255,255,255,.3);background:var(--progress-bar-background);padding:.3rem;display:grid;grid-template-rows:var(--progress-bar-height);grid-template-columns:1fr 1fr 1fr;justify-content:center}.progress-bar .progress-bar-text{margin-top:1px;grid-row:1 / 2;grid-column:1 / 4;justify-self:center;align-self:start;transform:translateY(-.225rem);font-weight:900;font-size:.9rem}.progress-bar progress{grid-area:1 / 1 / 2 / 4;background:var(--progress-bar-background);border-radius:1.875rem;height:var(--progress-bar-height);overflow:hidden}.progress-bar progress::-webkit-progress-bar{background:transparent}.progress-bar progress::-webkit-progress-value{background:linear-gradient(to bottom,rgba(255,255,255,.4) 33%,transparent 33%),var(--progress-bar-color)}.progress-bar progress::-moz-progress-bar{background:linear-gradient(to bottom,rgba(255,255,255,.4) 33%,transparent 33%),var(--progress-bar-color)}.scale-in-text span{display:inline-block;opacity:0;transform:scale(2);animation:intial-text-animation .3s forwards,continuous-text-animation 1.2s .8s infinite ease-in-out}@keyframes intial-text-animation{0%{opacity:0;transform:scale(5)}60%{opacity:1;transform:scale(.8)}80%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes continuous-text-animation{0%{transform:scale(1)}30%{transform:scale(1.2)}80%{transform:scale(.95)}to{transform:scale(.99)}}@keyframes wave{0%{transform:translateY(0)}50%{transform:translateY(-3px)}to{transform:translateY(0)}}.scale-in-text span:nth-child(1){animation-delay:0s,.8s}.scale-in-text span:nth-child(2){animation-delay:.1s,.9s}.scale-in-text span:nth-child(3){animation-delay:.2s,1s}.scale-in-text span:nth-child(4){animation-delay:.3s,1.1s}.scale-in-text span:nth-child(5){animation-delay:.4s,1.2s}.scale-in-text span:nth-child(6){animation-delay:.5s,1.3s}.scale-in-text span:nth-child(7){animation-delay:.6s,1.4s}.scale-in-text span:nth-child(8){animation-delay:.7s,1.5s}@keyframes shine{0%{background-position:-200% center}to{background-position:200% center}}@keyframes pulse-glow{0%{box-shadow:0 0 5px #ff19d166;opacity:.6}50%{box-shadow:0 0 15px 3px #ff19d1b3;opacity:.9}to{box-shadow:0 0 5px #ff19d166;opacity:.6}}@keyframes initial-flash{0%{opacity:0}50%{opacity:1;background:#fffc}to{opacity:0}}.progress-bar.shine-effect:before{content:"";position:absolute;top:.3rem;left:.3rem;width:calc(100% - .6rem);height:calc(100% - .6rem);border-radius:1.875rem;background:#fffc;pointer-events:none;z-index:2;animation:initial-flash .6s ease-out forwards}.progress-bar.shine-effect:after{content:"";position:absolute;top:.3rem;left:.3rem;width:calc(100% - .6rem);height:calc(100% - .6rem);border-radius:1.875rem;background:#ff19d133;pointer-events:none;animation:pulse-glow 2s ease-in-out infinite;animation-delay:1.1s;opacity:0;z-index:1}