:root{--spend-earn-copper: #936347;--spend-earn-copper-dark: #8B5A3C;--spend-earn-gold: #D4AF37;--spend-earn-gold-dark: #B8860B;--spend-earn-success: #059669}.spend-and-earn{display:block;padding:20px;background:var(--bg-body);border:2px solid rgba(147,99,71,.2);border-radius:12px;margin-bottom:20px;position:relative;overflow:visible}.spend-and-earn__wrapper{display:flex;flex-direction:column;gap:12px;position:relative;z-index:1}.spend-and-earn__title{font-weight:var(--font-body-bold-weight, 700);font-size:1rem;color:var(--color-body);text-align:center;margin-bottom:4px}.spend-and-earn__header{text-align:center;min-height:24px}.spend-and-earn__message{font-weight:var(--font-body-medium-weight, 500);color:var(--color-body);font-size:.9375rem;line-height:1.4;transition:opacity .4s cubic-bezier(.22,1,.36,1)}.spend-and-earn__message .spend-amount,.spend-and-earn__message .spend-emphasis{font-weight:var(--font-body-bold-weight, 700);color:var(--spend-earn-copper)}.spend-and-earn__progress-container{padding:0 24px}.spend-and-earn__next-gift{display:grid;grid-template-rows:1fr;margin-bottom:4px;position:relative;min-height:56px;transition:grid-template-rows .6s cubic-bezier(.4,0,.2,1),min-height .6s cubic-bezier(.4,0,.2,1)}.spend-and-earn__next-gift-item{display:none;align-items:center;gap:10px;padding:8px;text-decoration:none;color:inherit;cursor:pointer;border-radius:8px;margin:0 -8px;transition:background .2s ease;grid-row:1;grid-column:1;min-height:0;overflow:hidden}.spend-and-earn__next-gift-item:hover{background:rgba(var(--color-body-rgb, 35, 35, 35),.03)}.spend-and-earn__next-gift-item:hover .spend-and-earn__next-gift-name{color:var(--spend-earn-copper)}.spend-and-earn__next-gift-item--visible{display:flex;position:relative}.spend-and-earn__next-gift-image{width:40px;height:40px;flex-shrink:0;border-radius:6px;overflow:hidden;background:rgba(var(--color-body-rgb, 35, 35, 35),.04);position:relative;opacity:.4;filter:grayscale(.8);transition:opacity .3s ease,filter .3s ease}.spend-and-earn__next-gift-item:hover .spend-and-earn__next-gift-image{opacity:.6;filter:grayscale(.5)}.spend-and-earn__next-gift-image img{width:100%;height:100%;object-fit:cover}.spend-and-earn__next-gift-details{flex:1;display:flex;flex-direction:row;align-items:center;gap:6px;min-width:0}.spend-and-earn__next-gift-name{font-size:.875rem;font-weight:var(--font-body-medium-weight, 500);color:rgba(var(--color-body-rgb, 35, 35, 35),.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .3s ease}.spend-and-earn__next-gift-circle{width:20px;height:20px;flex-shrink:0;color:rgba(var(--color-body-rgb, 35, 35, 35),.15);position:relative;margin-right:14px}.spend-and-earn__next-gift-circle svg{width:100%;height:100%;position:absolute;top:0;left:0}.spend-and-earn__circle-icon{opacity:1;transition:opacity .2s ease}.spend-and-earn__check-icon{opacity:0;transform:scale(.5);transition:opacity .3s ease,transform .4s cubic-bezier(.34,1.56,.64,1)}.spend-and-earn__next-gift--hidden{grid-template-rows:0fr;margin-bottom:0;min-height:0;pointer-events:none;transition:grid-template-rows .7s cubic-bezier(.4,0,.2,1) .3s,margin-bottom .7s cubic-bezier(.4,0,.2,1) .3s,min-height .7s cubic-bezier(.4,0,.2,1) .3s}.spend-and-earn__next-gift-item--unlocked-visible .spend-and-earn__next-gift-image{opacity:1!important;filter:grayscale(0)!important}.spend-and-earn__next-gift-item--unlocked-visible .spend-and-earn__next-gift-name{color:var(--color-body)!important}.spend-and-earn__next-gift-item--unlocked-visible .spend-and-earn__next-gift-circle{color:var(--spend-earn-success)!important}.spend-and-earn__next-gift-item--unlocked-visible .spend-and-earn__circle-icon{opacity:0}.spend-and-earn__next-gift-item--unlocked-visible .spend-and-earn__check-icon{opacity:1;transform:scale(1.1);animation:checkPop .4s cubic-bezier(.34,1.56,.64,1) forwards}.spend-and-earn__next-gift-item--unlocking{position:absolute;top:0;right:0;bottom:0;left:0;animation:unlockSlideOut .8s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.2s;z-index:1}.spend-and-earn__next-gift-item--unlocking .spend-and-earn__next-gift-image{opacity:1!important;filter:grayscale(0)!important}.spend-and-earn__next-gift-item--unlocking .spend-and-earn__next-gift-name{color:var(--color-body)!important}.spend-and-earn__next-gift-item--unlocking .spend-and-earn__next-gift-circle{color:var(--spend-earn-success)!important}.spend-and-earn__next-gift-item--unlocking .spend-and-earn__circle-icon{opacity:0}.spend-and-earn__next-gift-item--unlocking .spend-and-earn__check-icon{opacity:1;transform:scale(1.1)}@keyframes checkPop{0%{transform:scale(.5)}60%{transform:scale(1.3)}to{transform:scale(1.1)}}@keyframes unlockSlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(16px)}}.spend-and-earn__next-gift-item--entering{animation:slideDownFade .9s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.spend-and-earn__reward--entering{animation:slideDownFade .8s cubic-bezier(.16,1,.3,1) forwards}.spend-and-earn__rewards{display:flex;flex-direction:column;gap:0;margin-top:4px}.spend-and-earn__reward{display:flex;align-items:center;gap:10px;transition:opacity .4s ease,background .2s ease;text-decoration:none;color:inherit;cursor:pointer;border-radius:8px;margin:0 -8px;padding:8px}.spend-and-earn__reward:hover{background:rgba(var(--color-body-rgb, 35, 35, 35),.03)}.spend-and-earn__reward:hover .spend-and-earn__reward-name{color:var(--spend-earn-copper)}.spend-and-earn__reward:hover .spend-and-earn__reward-image{transform:scale(1.05)}.spend-and-earn__reward-image{width:40px;height:40px;flex-shrink:0;border-radius:6px;overflow:hidden;background:rgba(var(--color-body-rgb, 35, 35, 35),.04);position:relative;opacity:.4;filter:grayscale(.8);transition:opacity .6s ease,filter .6s ease,transform .3s cubic-bezier(.34,1.56,.64,1)}.spend-and-earn__reward-image img{width:100%;height:100%;object-fit:cover}.spend-and-earn__reward-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:rgba(var(--color-body-rgb, 35, 35, 35),.25)}.spend-and-earn__reward-placeholder svg{width:28px;height:28px}.spend-and-earn__reward-details{flex:1;display:flex;flex-direction:row;align-items:center;gap:6px;min-width:0}.spend-and-earn__reward-badge{display:inline-block;font-size:.5625rem;font-weight:700;letter-spacing:.05em;color:rgba(var(--color-body-rgb, 35, 35, 35),.4);background:rgba(var(--color-body-rgb, 35, 35, 35),.06);padding:2px 5px;border-radius:3px;flex-shrink:0;transition:color .6s ease,background .6s ease}.spend-and-earn__reward--unlocked .spend-and-earn__reward-badge{color:var(--spend-earn-copper);background:linear-gradient(135deg,#9363471a,#d4af371a)}.spend-and-earn__reward-name{font-size:.875rem;font-weight:var(--font-body-medium-weight, 500);color:rgba(var(--color-body-rgb, 35, 35, 35),.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .6s ease}.spend-and-earn__reward-check{width:20px;height:20px;flex-shrink:0;color:rgba(var(--color-body-rgb, 35, 35, 35),.15);transition:color .6s ease,transform .4s cubic-bezier(.34,1.56,.64,1);margin-right:12px}.spend-and-earn__reward-check svg{width:100%;height:100%}.spend-and-earn__reward--unlocked .spend-and-earn__reward-image{opacity:1;filter:grayscale(0)}.spend-and-earn__reward--unlocked .spend-and-earn__reward-name{color:var(--color-body)}.spend-and-earn__reward--unlocked .spend-and-earn__reward-check{color:var(--spend-earn-success)!important;transform:scale(1.1)}.spend-and-earn__reward[data-reward-item]{display:none}.spend-and-earn__reward[data-reward-item].spend-and-earn__reward--entering,.spend-and-earn__reward[data-reward-item].spend-and-earn__reward--revealed{display:flex}.spend-and-earn__track{position:relative;height:10px;width:100%;background:rgba(var(--color-body-rgb, 35, 35, 35),.08);border-radius:10px;overflow:visible;margin:12px 0;cursor:pointer}.spend-and-earn__fill{position:absolute;top:0;left:0;height:100%;width:0%;border-radius:10px;background:linear-gradient(90deg,var(--spend-earn-copper-dark) 0%,var(--spend-earn-copper) 10%,var(--spend-earn-gold-dark) 20%,var(--spend-earn-gold) 25%,var(--spend-earn-gold) 75%,var(--spend-earn-gold-dark) 80%,var(--spend-earn-copper) 90%,var(--spend-earn-copper-dark) 100%);background-size:200% 100%;background-position:0% 50%;box-shadow:0 0 10px #9363474d;overflow:hidden}.spend-and-earn__fill--animating{animation:shimmer 3s ease-in-out forwards}.spend-and-earn__fill--animating-slow{animation:shimmer 5s ease-out forwards}.spend-and-earn__fill:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.3) 40%,rgba(255,255,255,.5) 50%,rgba(255,255,255,.3) 60%,transparent 80%);background-size:200% 100%;background-position:200% 0;opacity:0;transition:opacity .3s ease}.spend-and-earn__fill--animating:before{animation:glitter 2s ease-out forwards}.spend-and-earn__fill--animating-slow:before{animation:glitter 4.5s ease-out forwards}@keyframes shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes glitter{0%{background-position:200% 0;opacity:0}15%{opacity:1}85%{opacity:1}to{background-position:-200% 0;opacity:0}}.spend-and-earn__particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;border-radius:10px}.gold-particle{position:absolute;width:4px;height:4px;background:radial-gradient(circle,var(--spend-earn-gold) 0%,var(--spend-earn-copper) 60%,transparent 100%);border-radius:50%;opacity:0}.spend-and-earn__marker{position:absolute;top:50%;z-index:10}.spend-and-earn__marker-icon{position:relative;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .4s cubic-bezier(.34,1.56,.64,1),border-color .4s cubic-bezier(.34,1.56,.64,1),color .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#f8f7f4,#fff,#f8f7f4);box-shadow:0 4px 16px #38352f1f,0 1px 3px #38352f14,inset 0 1px 1px #fffc;overflow:hidden}.spend-and-earn__svg{width:20px;height:20px}.spend-and-earn__marker[data-reward-marker]{right:0;transform:translate(50%,-50%)}.spend-and-earn__marker[data-reward-marker] .spend-and-earn__marker-icon{width:40px;height:40px;border:2px solid rgba(147,99,71,.25);color:#38352f66}.spend-and-earn__marker[data-final-marker] .spend-and-earn__marker-icon{width:52px;height:52px}.spend-and-earn__marker[data-final-marker] .spend-and-earn__svg{width:26px;height:26px}.spend-and-earn__marker[data-reward-marker]~.spend-and-earn__marker[data-reward-marker]{opacity:0;pointer-events:none}.spend-and-earn[data-scale-mode=full] .spend-and-earn__marker[data-reward-marker]{right:auto;transform:translate(-50%,-50%)}.spend-and-earn[data-scale-mode=full] .spend-and-earn__marker[data-reward-marker]~.spend-and-earn__marker[data-reward-marker]{opacity:1;pointer-events:auto}.spend-and-earn__marker--locked .spend-and-earn__marker-icon{border-color:#93634726;color:#38352f59}.spend-and-earn__marker--approaching .spend-and-earn__marker-icon{animation:approachPulse 2s ease-in-out infinite}@keyframes approachPulse{0%,to{transform:scale(1);box-shadow:0 4px 16px #38352f1f,0 1px 3px #38352f14,0 0 #93634700}50%{transform:scale(1.08);box-shadow:0 6px 20px #93634733,0 2px 6px #9363471a,0 0 0 8px #93634714}}.spend-and-earn__marker[data-reward-marker].spend-and-earn__marker--unlocked .spend-and-earn__marker-icon{background:linear-gradient(135deg,var(--spend-earn-copper) 0%,var(--spend-earn-gold-dark) 50%,var(--spend-earn-gold) 100%);border:2px solid var(--spend-earn-gold);color:#fff;box-shadow:0 4px 20px #93634759,0 2px 8px #d4af3740,0 0 0 3px #d4af3726}.spend-and-earn__marker[data-final-marker].spend-and-earn__marker--unlocked .spend-and-earn__marker-icon{background:linear-gradient(135deg,var(--spend-earn-copper-dark) 0%,var(--spend-earn-copper) 25%,var(--spend-earn-gold-dark) 50%,var(--spend-earn-gold) 100%);box-shadow:0 4px 24px #93634766,0 2px 12px #d4af374d,0 0 0 4px #d4af3733,0 0 20px #d4af3726}.spend-and-earn__marker:hover .spend-and-earn__marker-icon{transform:scale(1.08)}.spend-and-earn__marker--approaching:hover .spend-and-earn__marker-icon{animation:none;transform:scale(1.12)}.spend-and-earn__marker--locked:hover .spend-and-earn__marker-icon{box-shadow:0 6px 20px #38352f26,0 2px 6px #38352f1a,inset 0 1px 1px #fff9;border-color:#9363474d}.spend-and-earn__marker--unlocked:hover .spend-and-earn__marker-icon{box-shadow:0 6px 28px #93634773,0 3px 12px #d4af3759,0 0 24px #d4af3733,inset 0 1px 2px #ffffff80}.spend-and-earn__marker--celebrating .spend-and-earn__marker-icon{animation:markerPop .5s cubic-bezier(.34,1.56,.64,1)}@keyframes markerPop{0%{transform:scale(1)}55%{transform:scale(1.4)}to{transform:scale(1)}}.spend-and-earn__confetti{position:absolute;top:-150px;left:-150px;width:calc(100% + 300px);height:calc(100% + 300px);pointer-events:none;z-index:5;overflow:visible}.confetti-piece{position:absolute;opacity:0}@media (prefers-reduced-motion: reduce){.spend-and-earn__next-gift-item--entering,.spend-and-earn__next-gift-item--unlocking,.spend-and-earn__reward--entering,.spend-and-earn__marker--celebrating .spend-and-earn__marker-icon,.spend-and-earn__marker--approaching .spend-and-earn__marker-icon,.spend-and-earn__marker--unlocked .spend-and-earn__svg--truck,.spend-and-earn__fill,.spend-and-earn__next-gift{animation-duration:.01ms!important;transition-duration:.01ms!important}}.spend-and-earn--shipping-only{padding:14px 16px 10px;border-width:1px}.spend-and-earn--shipping-only .spend-and-earn__wrapper{gap:4px}.spend-and-earn--shipping-only .spend-and-earn__header{min-height:auto}.spend-and-earn--shipping-only .spend-and-earn__title{display:none}.spend-and-earn--shipping-only .spend-and-earn__message{font-size:.8125rem}.spend-and-earn--shipping-only .spend-and-earn__progress-container{padding:0 18px}.spend-and-earn--shipping-only .spend-and-earn__marker[data-final-marker] .spend-and-earn__marker-icon{width:34px;height:34px}.spend-and-earn--shipping-only .spend-and-earn__marker[data-final-marker] .spend-and-earn__svg--truck{width:15px;height:15px}.spend-and-earn__svg--truck{width:18px;height:18px}.spend-and-earn__marker[data-final-marker] .spend-and-earn__svg--truck{width:22px;height:22px}.spend-and-earn__marker--unlocked .spend-and-earn__svg--truck{animation:truckBounce .5s ease-out .45s}@keyframes truckBounce{0%,to{transform:translateY(0)}30%{transform:translateY(-2px)}60%{transform:translateY(1px)}}.spend-and-earn__next-gift-item--shipping .spend-and-earn__next-gift-image{display:flex;align-items:center;justify-content:center;background:#9363470f}.spend-and-earn__next-gift-item--shipping .spend-and-earn__next-gift-image svg{width:22px;height:22px;color:#38352f66}.spend-and-earn__reward--shipping .spend-and-earn__reward-image{display:flex;align-items:center;justify-content:center;background:#9363470f}.spend-and-earn__reward--shipping .spend-and-earn__reward-image svg{width:22px;height:22px;color:#38352f66}.spend-and-earn__reward--shipping.spend-and-earn__reward--unlocked .spend-and-earn__reward-image{background:linear-gradient(135deg,#9363471a,#d4af371a)}.spend-and-earn__reward--shipping.spend-and-earn__reward--unlocked .spend-and-earn__reward-image svg{color:var(--spend-earn-copper)}@media (max-width: 767px){.spend-and-earn{padding:16px}.spend-and-earn__title{font-size:.9375rem}.spend-and-earn__progress-container{padding:0 22px}.spend-and-earn__message{font-size:.875rem}.spend-and-earn__track{height:8px}.spend-and-earn__marker[data-reward-marker] .spend-and-earn__marker-icon{width:36px;height:36px}.spend-and-earn__marker[data-final-marker] .spend-and-earn__marker-icon{width:44px;height:44px}.spend-and-earn__svg{width:18px;height:18px}.spend-and-earn__marker[data-final-marker] .spend-and-earn__svg{width:22px;height:22px}.spend-and-earn__reward{gap:8px;padding:6px 0}.spend-and-earn__reward-image{width:36px;height:36px}.spend-and-earn__reward-name{font-size:.75rem}.spend-and-earn__reward-badge{font-size:.5rem;padding:1px 4px}.spend-and-earn__reward-check{width:18px;height:18px;margin-right:13px}.spend-and-earn__next-gift-item{gap:8px;padding:6px}.spend-and-earn__next-gift-image{width:36px;height:36px}.spend-and-earn__next-gift-name{font-size:.75rem}.spend-and-earn__next-gift-circle{width:18px;height:18px;margin-right:13px}}
/*# sourceMappingURL=/cdn/shop/t/68/assets/spend-and-earn.css.map */