offer-progress{--offer-accent: #ff8682;--offer-success: #00a341;--offer-highlight: #f0c417;--offer-radius: 12px;--offer-ink: #1a1a1a;display:block;width:100%}.offer-progress{position:relative;padding:1.125rem 1.25rem 1rem;border-radius:var(--offer-radius);background:#f0e8dc;text-align:center;color:var(--offer-ink)}.offer-progress__message{font-size:.875rem;font-weight:600;line-height:1.4;letter-spacing:-.005em;margin:0 0 1rem;color:var(--offer-ink)}.offer-progress__hl{color:#e05a55;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__track{position:relative;height:.625rem;border-radius:999px;background:#1a1a1a1a;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(--offer-accent);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%,rgba(255,255,255,.6) 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.375rem;height:1.375rem}.offer-progress__step.is-passed .offer-progress__dot{background:var(--offer-ink);border-color:var(--offer-ink);color:#fff}.offer-progress__step.is-passed .offer-progress__label{color:var(--offer-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:#fff;border:1px solid rgba(26,26,26,.18);color:#1a1a1a8c;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(--offer-ink);color:var(--offer-ink)}.offer-progress__node.is-reached .offer-progress__dot{background:var(--offer-ink);border-color:var(--offer-ink);color:#fff}.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(--offer-ink);animation:offer-node-ring .9s ease-out 1 forwards}.offer-progress__label{position:absolute;top:calc(100% + .75rem);left:50%;transform:translate(-50%);width:max-content;max-width:4.5rem;font-size:.5938rem;font-weight:600;line-height:1.35;letter-spacing:.07em;text-transform:uppercase;text-align:center;color:#1a1a1a73;transition:color .35s ease}.offer-progress__node.is-next .offer-progress__label,.offer-progress__node.is-reached .offer-progress__label{color:var(--offer-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 rgba(26,26,26,.09);font-size:.6875rem;font-weight:600;line-height:1;letter-spacing:.02em;color:#1a1a1a99;transition:color .4s ease}.offer-progress__ship.is-reached{color:var(--offer-success)}.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-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__ship{margin:0 -1rem -.9375rem;padding:.5625rem 1rem .625rem}.offer-progress__label{font-size:.5313rem}.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/66/assets/offer-progress.css.map */