.progress-bar{background:#fef5e6;padding:10px 13px;box-shadow:0 10px 30px #0006}.progress-bar--all-unlocked{background:#f0fdf4}.progress-bar--all-unlocked .progress-bar__fill{background:linear-gradient(90deg,#2563eb 60%,#16a34a)}.progress-bar__title{font-size:15px;font-weight:800;color:#1a1a2e;text-align:center;letter-spacing:.3px;margin-bottom:4px;text-transform:uppercase}.progress-bar__title em{color:#16a34a;font-style:normal}.progress-bar__title .metafield-rich_text_field,.progress-bar__title p{display:contents}.progress-bar__title .metafield-rich_text_field,.progress-bar__title p,.progress-bar__sub .metafield-rich_text_field,.progress-bar__sub p{margin:0}.progress-bar__sub{font-size:12px;color:#5a5560;text-align:center;margin-bottom:4px;line-height:1.5}.progress-bar__sub strong{color:#15803d;font-weight:800}.progress-bar__sub em{background:#dcfce7;color:#15803d;padding:1px 6px;border-radius:3px;font-weight:700;font-style:normal}.progress-bar__highlight{background:#dcfce7;color:#15803d;padding:1px 6px;border-radius:3px;font-weight:700}.progress-bar__spacer{height:14px}.progress-bar__track-wrapper{position:relative;margin:0 4px}.progress-bar__track{height:5px;background:#e8d6b8;border-radius:3px;position:relative}.progress-bar__fill{position:absolute;top:0;left:0;height:100%;background:#2563eb;border-radius:3px;transition:width .3s}.progress-bar__milestone{position:absolute;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;background:#e8d6b8;border:2px solid #fef5e6;border-radius:50%;z-index:2}.progress-bar__milestone--done{background:#2563eb}.progress-bar__milestone--current{width:16px;height:16px}.progress-bar__milestone--current:not(.progress-bar__milestone--reward){background:#2563eb;box-shadow:0 0 0 4px #2563eb38}.progress-bar__milestone--current.progress-bar__milestone--reward{background:#16a34a}.progress-bar__labels{display:flex;justify-content:space-between;margin-top:12px;padding:0 2px;font-size:10px;color:#8a6a3e}.progress-bar__labels:has(.progress-bar__label--active):not(:has(.progress-bar__label--active+.progress-bar__label+.progress-bar__label)) .progress-bar__label:not(.progress-bar__label--active):last-child{color:#2563eb;font-weight:700}.progress-bar__label--reward:is(.progress-bar__label--done,.progress-bar__label--active){color:#15803d;font-weight:800}.progress-bar__label{text-align:center;flex:1}.progress-bar__label:first-child{text-align:left}.progress-bar__label:last-child{text-align:right}.progress-bar__label--active{color:#2563eb;font-weight:700}.progress-bar__label--done:has(span){color:#15803d;font-weight:700}.progress-bar__label--active:has(span){color:#15803d}.progress-bar__label span{display:inline-block;background:#dcfce7;color:#15803d;font-size:9px;font-weight:800;padding:1px 6px;border-radius:3px;letter-spacing:.3px}.progress-bar__label--done span,.progress-bar__label--active span{background:#16a34a;color:#fff}.progress-bar__reward{display:inline-block;background:#dcfce7;color:#15803d;font-size:9px;font-weight:800;padding:2px 6px;border-radius:3px;margin-top:4px;letter-spacing:.3px}.progress-bar__reward--done{background:#16a34a;color:#fff}.progress-bar__reward--with-ship:after{content:" + \1f69a";opacity:.8}.progress-bar__hint{font-size:10px;color:#8a6a3e;margin-top:2px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:3px}.progress-bar__hint--active{color:#15803d;font-weight:700}.progress-bar__label:last-child .progress-bar__hint{justify-content:flex-end}.progress-bar__label:first-child .progress-bar__hint{justify-content:flex-start}.progress-bar__shipping-achieve{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:700;color:#16a34a;margin-top:2px}.progress-bar__shipping-achieve span:last-child{background:#16a34a;color:#fff;font-size:9px;font-weight:800;padding:1px 6px;border-radius:3px;margin-left:4px;letter-spacing:.5px;animation:pulse 1.8s ease-in-out infinite}.progress-bar__shipping-active .progress-bar__shipping-achieve .progress-bar__shipping-achieve__old,.progress-bar:not(.progress-bar__shipping-active) .progress-bar__shipping-achieve .progress-bar__shipping-achieve__new{display:none}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(1.06)}}.progress-bar__shipping{font-size:10px;color:#8a6a3e;margin-top:2px;font-weight:500;text-align:right;gap:3px}.progress-bar__shipping--active{color:#15803d;font-weight:800}
/*# sourceMappingURL=/cdn/shop/t/119/assets/component-progress-bar-v2.css.map */