offer-progress{--offer-accent: #ff8682;--offer-success: #00a341;--offer-highlight: #f0c417;--offer-radius: 12px;--offer-ink: #1a1a1a;--op-bg: #f0e8dc;--op-ink: #1a1a1a;--op-muted: rgba(26, 26, 26, .55);--op-track: rgba(26, 26, 26, .1);--op-fill: var(--offer-accent);--op-sheen: rgba(255, 255, 255, .6);--op-hl: #e05a55;--op-dot-bg: #ffffff;--op-dot-border: rgba(26, 26, 26, .18);--op-dot-ink: rgba(26, 26, 26, .55);--op-step-border: rgba(26, 26, 26, .22);--op-done-bg: #1a1a1a;--op-done-ink: #ffffff;--op-next: #e05a55;--op-next-ring: rgba(255, 134, 130, .28);--op-hairline: rgba(26, 26, 26, .09);--op-ship: rgba(26, 26, 26, .6);--op-ship-ok: var(--offer-success);display:block;width:100%}.offer-progress--drawer,.offer-progress--added,.offer-progress--cart{--op-bg: #ffffff}.offer-progress{position:relative;padding:1.125rem 1.25rem 1rem;border-radius:var(--offer-radius);background:var(--op-bg);text-align:center;color:var(--op-ink)}.offer-progress__message{font-size:.875rem;font-weight:600;line-height:1.4;letter-spacing:-.005em;margin:0 0 1rem;color:var(--op-ink)}.offer-progress__hl{color:var(--op-hl);font-weight:700;white-space:nowrap}.offer-progress--celebrate .offer-progress__message{animation:offer-message-pulse .55s ease 2}.offer-progress--step-celebrate .offer-progress__message{animation:offer-message-pulse .5s ease 1}.offer-progress__track-zone{position:relative;margin:0 .8125rem 2.5rem}.offer-progress--rows2 .offer-progress__track-zone{margin-bottom:4.35rem}.offer-progress__track{position:relative;height:.625rem;border-radius:999px;background:var(--op-track);overflow:hidden}.offer-progress__fill{--offer-fill: 0;position:absolute;top:0;right:0;bottom:0;left:0;width:calc(var(--offer-fill) * 100%);min-width:.625rem;border-radius:999px;background:var(--op-fill);transition:width .9s cubic-bezier(.22,1,.36,1);overflow:hidden;z-index:2}.offer-progress__fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 30%,var(--op-sheen) 50%,transparent 70%);transform:translate(-100%)}.offer-progress--celebrate .offer-progress__fill:after{animation:offer-shimmer 1.1s ease-in-out 2}.offer-progress__step{position:absolute;top:.3125rem;left:var(--node-pos, 0%);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;width:1.625rem;height:1.625rem;z-index:3}.offer-progress__dot--step{width:1.125rem;height:1.125rem;border-color:var(--op-step-border)}.offer-progress__step-num{font-size:.5625rem;font-weight:800;line-height:1;color:inherit}.offer-progress__dot--step .offer-progress__icon{width:.5625rem;height:.5625rem}.offer-progress__step.is-passed .offer-progress__dot{background:var(--op-done-bg);border-color:var(--op-done-bg);color:var(--op-done-ink)}.offer-progress__step--pop .offer-progress__dot{animation:offer-node-pop .6s cubic-bezier(.34,1.56,.64,1) 1}.offer-progress__node{position:absolute;top:.3125rem;left:var(--node-pos, 100%);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;z-index:4}.offer-progress__dot{display:flex;align-items:center;justify-content:center;width:1.625rem;height:1.625rem;border-radius:50%;background:var(--op-dot-bg);border:1px solid var(--op-dot-border);color:var(--op-dot-ink);box-shadow:0 1px 3px #1a1a1a1a;transition:background .4s ease,border-color .4s ease,color .4s ease}.offer-progress__node.is-next .offer-progress__dot{border-color:var(--op-next);color:var(--op-next);box-shadow:0 1px 3px #1a1a1a1a,0 0 0 3px var(--op-next-ring)}.offer-progress__node.is-reached .offer-progress__dot{background:var(--op-done-bg);border-color:var(--op-done-bg);color:var(--op-done-ink)}.offer-progress__node--pop .offer-progress__dot{animation:offer-node-pop .7s cubic-bezier(.34,1.56,.64,1) 1}.offer-progress__node--pop:before{content:"";position:absolute;top:.8125rem;left:50%;width:1.625rem;height:1.625rem;margin:-.8125rem 0 0 -.8125rem;border-radius:50%;border:1.5px solid var(--op-ink);animation:offer-node-ring .9s ease-out 1 forwards}.offer-progress__label{position:absolute;top:calc(100% + .8rem);left:50%;transform:translate(-50%);width:max-content;max-width:4.5rem;font-size:.6rem;font-weight:800;line-height:1.3;letter-spacing:.07em;text-transform:uppercase;text-align:center;color:var(--op-muted);transition:color .35s ease}.offer-progress__node[data-row="2"] .offer-progress__label{top:calc(100% + 2.55rem)}.offer-progress__node.is-next .offer-progress__label{color:var(--op-next)}.offer-progress__node.is-reached .offer-progress__label{color:var(--op-ink)}.offer-progress__node:last-of-type .offer-progress__label{transform:translate(calc(-100% + 1.5rem));max-width:none;white-space:nowrap;text-align:right}.offer-progress__ship{display:flex;align-items:center;justify-content:center;gap:.4375rem;margin:0 -1.25rem -1rem;padding:.625rem 1.25rem .6875rem;border-top:1px solid var(--op-hairline);font-size:.6875rem;font-weight:600;line-height:1;letter-spacing:.02em;color:var(--op-ship);transition:color .4s ease}.offer-progress__ship.is-reached{color:var(--op-ship-ok)}.offer-progress__ship-icon{flex:none}.offer-progress__ship.offer-progress__node--pop{animation:offer-chip-pop .6s cubic-bezier(.34,1.56,.64,1) 1}.offer-gift-price{display:flex;align-items:baseline;gap:.375rem}.offer-gift-price__free{color:#e05a55;font-weight:700}.offer-gift-price__was{color:#1a1a1a73;text-decoration:line-through;font-size:.875em}.offer-confetti{position:absolute;top:0;width:6px;height:9px;pointer-events:none;opacity:0;animation:offer-confetti-fly 1.3s cubic-bezier(.2,.7,.4,1) var(--confetti-delay, 0ms) 1 forwards;z-index:6}.offer-progress--drawer,.offer-progress--added{margin-top:.25rem}.offer-progress--product .offer-progress__message{font-size:.8125rem}.offer-progress--cart{max-width:36rem}@media screen and (max-width:699px){.offer-progress{padding:1rem 1rem .9375rem}.offer-progress--drawer{margin-inline:calc(-1 * var(--offer-drawer-gutter, 1.25rem));border-radius:0}.offer-progress__ship{margin:0 -1rem -.9375rem;padding:.5625rem 1rem .625rem}.offer-progress__label{font-size:.5625rem;max-width:5rem}.offer-progress--rows2 .offer-progress__track-zone{margin-bottom:4.1rem}.offer-progress__dot{width:1.5rem;height:1.5rem}.offer-progress__dot--step{width:1.25rem;height:1.25rem}}@keyframes offer-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes offer-node-pop{0%{transform:scale(.78)}55%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes offer-chip-pop{0%{transform:scale(.94)}55%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes offer-node-ring{0%{transform:scale(1);opacity:.7}to{transform:scale(2.3);opacity:0}}@keyframes offer-message-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes offer-confetti-fly{0%{opacity:1;transform:translate(0) rotate(0)}to{opacity:0;transform:translate(var(--confetti-x, 0),var(--confetti-y, -60px)) rotate(var(--confetti-rotation, 180deg))}}@media(prefers-reduced-motion:reduce){.offer-progress__fill{transition:none}.offer-progress--celebrate .offer-progress__fill:after,.offer-progress__node--pop .offer-progress__dot,.offer-progress__step--pop .offer-progress__dot,.offer-progress__ship.offer-progress__node--pop,.offer-progress--celebrate .offer-progress__message,.offer-progress--step-celebrate .offer-progress__message,.offer-confetti{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/71/assets/offer-progress.css.map */