:root{--progress-bar-bg: var(--vf-blue);--progress-bar-fill-bg: linear-gradient(90deg, var(--vf-yellow-warm) 0%, var(--vf-yellow-light) 100%);--progress-bar-text: var(--sk-on-accent, var(--vf-white));--progress-bar-track-bg: rgb(0 0 0 / .22)}.cart-progress-bar{flex-shrink:0;padding:14px var(--drawer-padding, 20px) 10px;border-bottom:var(--drawer-header-border, 1px solid var(--sk-line-strong,#e2e8f0));background:var(--progress-bar-bg);color:var(--progress-bar-text)}.cart-progress-bar__empty-title{margin:0 0 14px;font-size:1rem;font-weight:700;text-align:center;line-height:1.3}.cart-progress-bar__header{margin-bottom:5px}.cart-progress-bar__header--reward.is-empty{display:none}.cart-progress-bar__header--reward.is-complete{border-left-color:#2f855a;background:#2f855a1a}.cart-progress-bar__reward-icon{flex-shrink:0;display:inline-flex}.cart-progress-bar__header-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:2px}.cart-progress-bar__title{margin:0;font-size:.8125rem;font-weight:500;flex:1;min-width:0;line-height:1.4}.cart-progress-bar__amount{font-weight:800;white-space:nowrap}.cart-progress-bar__subtitle{margin:0;font-size:.75rem;font-weight:400;line-height:1.4}.cart-replace-button-container{flex-shrink:0}.cart-replace-button{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;font-size:.75rem;font-weight:600;background:var(--sk-ink,#1a202c);color:var(--sk-card,#ffffff);border:none;border-radius:6px;cursor:pointer;white-space:nowrap;transition:opacity .15s;-webkit-tap-highlight-color:transparent}.cart-replace-button:hover{opacity:.85}.cart-replace-button:focus-visible{outline:2px solid var(--sk-ink,#1a202c);outline-offset:2px}.cart-replace-button__icon{display:inline-flex;align-items:center;flex-shrink:0}.cart-progress-bar__track{display:flex;align-items:center;padding-right:20px;min-height:32px;margin-bottom:24px}.cart-progress-bar__line{flex:1 1 0;min-width:0;height:4px;background:var(--progress-bar-track-bg);border-radius:999px;overflow:hidden;position:relative}.cart-progress-bar__line-fill{height:100%;background:var(--progress-bar-fill-bg);border-radius:999px;transition:width .35s ease;min-width:0}.cart-progress-bar__step{width:16px;height:16px;border-radius:50%;background:var(--sk-card,#f0f4f8);border:2px solid var(--sk-line-strong,#e2e8f0);display:flex;align-items:center;justify-content:center;margin:0 6px;flex-shrink:0;position:relative;transition:background .25s ease,border-color .25s ease}.cart-progress-bar__step--completed{background:var(--progress-bar-fill-bg);border-color:transparent}.cart-progress-bar__step-icon{display:flex;align-items:center;justify-content:center}.cart-progress-bar__step-ico{width:10px;height:10px;color:var(--sk-muted,#a0aec0);transition:color .25s ease}.cart-progress-bar__step--completed .cart-progress-bar__step-ico{color:var(--vf-black)}.cart-progress-bar__step-label{position:absolute;top:calc(100% + 5px);left:50%;transform:translate(-50%);font-size:.625rem;font-weight:600;text-align:center;white-space:nowrap;letter-spacing:.02em;line-height:1.2}.milestone-notification{position:fixed;top:20px;right:20px;z-index:10001;min-width:260px;max-width:360px;background:var(--sk-ink,#1a202c);color:var(--sk-card,#ffffff);border-radius:10px;box-shadow:0 4px 20px #0f172a33;padding:14px 18px;transform:translateY(-8px);opacity:0;transition:transform .25s ease,opacity .25s ease;pointer-events:none}.milestone-notification.show{transform:translateY(0);opacity:1;pointer-events:auto}.milestone-notification__content{display:flex;flex-direction:column;gap:4px}.milestone-notification__body{display:flex;flex-direction:column;gap:2px}.milestone-notification__line{font-size:.875rem;font-weight:600;color:var(--sk-card,#ffffff);line-height:1.4}.cart-progress-bar__track[data-progress="100"] .cart-progress-bar__line-fill{box-shadow:0 0 6px #1a202c40}@keyframes stepComplete{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.cart-progress-bar__step--completed{animation:stepComplete .3s ease}.cart-progress-bar__step:hover{transform:scale(1.04)}@media(max-width:749px){.cart-progress-bar__title,.cart-progress-bar__empty-title{font-size:12px}.milestone-notification{right:12px;left:12px;min-width:auto;max-width:none}}@media(prefers-reduced-motion:reduce){.cart-progress-bar__step--completed{animation:none}.cart-progress-bar__line-fill,.milestone-notification{transition:none}}.cart-progress-bar__gift-row{display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto;margin-left:auto}.cart-progress-bar__gift-row.is-locked{display:none}.cart-progress-bar__gift-btn{flex-shrink:0;white-space:nowrap;padding:5px 12px;background:var(--vf-yellow, #ffd000);color:var(--vf-blue, #1548b1);border:0;border-radius:999px;font:inherit;font-size:.75rem;font-weight:700;cursor:pointer;transition:opacity .15s}.cart-progress-bar__gift-btn:hover{opacity:.88}.cart-progress-bar__gift-btn:focus-visible{outline:2px solid var(--vf-white, #fff);outline-offset:2px}.cart-progress-bar.is-loading{opacity:.6;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/123/assets/cart-progress-bar.css.map */