#promo-3-4-message.promo-3x4-message{display:block;padding:16px 18px 18px;border-radius:16px;margin-top:16px;font-family:inherit;position:relative;overflow:visible;background:#f8fafc;border:1px solid #e2e8f0;box-shadow:0 4px 12px #0f172a14;transition:background .25s ease,border .25s ease,box-shadow .25s ease,transform .25s ease}#promo-3-4-message.promo-3x4-message:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;border:0;box-shadow:none;transition:box-shadow .25s ease}#promo-3-4-message .promo-3x4-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:10px}#promo-3-4-message .promo-3x4-title{font-size:18px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:#111827;text-shadow:none}#promo-3-4-message .promo-3x4-title:before{content:""}#promo-3-4-message .promo-3x4-status{font-size:13px;font-weight:600;min-width:46px;text-align:right;padding:4px 10px;border-radius:999px;text-transform:uppercase;letter-spacing:.08em;color:#0f172a;background:#dbeafe;border:1px solid #bfdbfe}#promo-3-4-message .promo-3x4-progress{position:relative;display:flex;gap:5px;height:10px;margin-bottom:10px;overflow:visible}#promo-3-4-message .promo-3x4-step{flex:1 0 0;min-width:0;background:#e5e7eb;border-radius:999px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffffb3}#promo-3-4-message .promo-3x4-step:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(90deg,#f97316,#f59e0b);transform-origin:left center;transform:scaleX(0);transition:transform .25s ease-out;z-index:0;box-shadow:none}#promo-3-4-message .promo-3x4-step.is-active:before{transform:scaleX(1)}#promo-3-4-message.promo-3x4--completed .promo-3x4-step.is-active:before{background:linear-gradient(90deg,#22c55e,#a3e635)}.promo-3x4-gift-emoji{position:absolute;top:0;left:50%;transform:translate(-50%,-95%);display:inline-block;font-size:16px;filter:drop-shadow(0 1px 3px rgba(15,23,42,.35))}.promo-3x4-step--gift-animated .promo-3x4-gift-emoji{animation-name:promoGiftShake;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.promo-3x4-step--gift-earned .promo-3x4-gift-emoji{filter:drop-shadow(0 1px 3px rgba(15,23,42,.25)) drop-shadow(0 0 6px rgba(250,204,21,.7))}@keyframes promoGiftShake{0%,to{transform:translate(-50%,-95%) translate(0) rotate(0)}25%{transform:translate(-50%,-95%) translate(-1px,-1px) rotate(-3deg)}50%{transform:translate(-50%,-95%) translate(1px,1px) rotate(3deg)}75%{transform:translate(-50%,-95%) translate(-1px,1px) rotate(-2deg)}}#promo-3-4-message .promo-3x4-subtext{font-size:14px;font-weight:400;color:#4b5563;line-height:1.5;opacity:1}#promo-3-4-message .promo-3x4-subtext b,#promo-3-4-message .promo-3x4-subtext strong{color:#f97316}#promo-3-4-message .promo-3x4-qty{font-size:16px;font-weight:700;color:#111827;text-shadow:none}.promo-3x4-qty-cart{font-weight:700;color:#f97316;text-shadow:none}#promo-3-4-message.promo-3x4--completed{background:#ecfdf3;border-color:#bbf7d0;animation:promo3x4Pulse .45s ease-out}@keyframes promo3x4Pulse{0%{transform:scale(1)}50%{transform:scale(1.01)}to{transform:scale(1)}}#promo-3-4-message.promo-3x4--completed .promo-3x4-title{color:#166534;text-shadow:none}#promo-3-4-message.promo-3x4--completed .promo-3x4-subtext{color:#15803d}#promo-3-4-message.promo-3x4--completed .promo-3x4-status{color:#064e3b;background:#bbf7d0;border-color:#86efac}#promo-3-4-message.promo-3x4--invalid{background:#fef2f2;border-color:#fecaca}#promo-3-4-message.promo-3x4--invalid .promo-3x4-title{color:#b91c1c;text-shadow:none}#promo-3-4-message.promo-3x4--invalid .promo-3x4-subtext,#promo-3-4-message.promo-3x4--invalid .promo-3x4-status{color:#b91c1c}#promo-3-4-message.promo-3x4--completed:before,#promo-3-4-message.promo-3x4--invalid:before{box-shadow:none}.promo-gift-rain-global{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:9999}.promo-gift-drop-global{position:absolute;top:-60px;animation:promoGiftRainGlobal var(--duration) linear forwards;opacity:.9;filter:drop-shadow(0 2px 4px rgba(15,23,42,.4))}@keyframes promoGiftRainGlobal{0%{transform:translateY(-60px) rotate(0) scale(1);opacity:1}85%{opacity:1}to{transform:translateY(110vh) rotate(320deg) scale(.9);opacity:0}}@media (max-width: 1024px){#promo-3-4-message.promo-3x4-message{padding:14px 14px 16px;border-radius:14px}#promo-3-4-message .promo-3x4-title{font-size:16px}#promo-3-4-message .promo-3x4-status{font-size:12px;min-width:40px;padding:3px 8px}#promo-3-4-message .promo-3x4-subtext{font-size:13px}#promo-3-4-message .promo-3x4-qty,#promo-3-4-message .promo-3x4-qty-cart{font-size:15px}#promo-3-4-message .promo-3x4-progress{height:8px;margin-bottom:8px}}@media (max-width: 768px){#promo-3-4-message.promo-3x4-message{padding:12px 12px 14px;border-radius:12px}#promo-3-4-message .promo-3x4-header{gap:6px;flex-wrap:wrap}#promo-3-4-message .promo-3x4-title{font-size:15px}#promo-3-4-message .promo-3x4-status{font-size:11px}#promo-3-4-message .promo-3x4-subtext{font-size:12px;line-height:1.3}#promo-3-4-message .promo-3x4-qty,#promo-3-4-message .promo-3x4-qty-cart{font-size:14px}#promo-3-4-message .promo-3x4-progress{height:7px;gap:4px}.promo-3x4-gift-emoji{transform:translate(-50%,-90%);font-size:14px}}@media (max-width: 480px){#promo-3-4-message.promo-3x4-message{padding:10px 10px 12px;border-radius:10px}#promo-3-4-message .promo-3x4-title{font-size:14px}#promo-3-4-message .promo-3x4-status{font-size:10px;min-width:auto;padding:3px 6px}#promo-3-4-message .promo-3x4-subtext{font-size:11px}#promo-3-4-message .promo-3x4-qty,#promo-3-4-message .promo-3x4-qty-cart{font-size:13px}#promo-3-4-message .promo-3x4-progress{height:6px;gap:3px}.promo-3x4-gift-emoji{font-size:12px;transform:translate(-50%,-85%)}.promo-gift-drop-global{font-size:14px}}#promo-3-4-message.promo-3x4--pending{background:#ffeeb678;border-color:#e5e7eb}#promo-3-4-message .promo-3x4-info-btn{position:absolute;top:10px;right:14px;width:24px;height:24px;border-radius:999px;border:1px solid #cbd5f5;background:#fff;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;box-shadow:0 2px 4px #94a3b880;z-index:2}#promo-3-4-message .promo-3x4-info-btn:before{content:"i";font-size:14px;font-weight:700;color:#1f2937;text-shadow:none}#promo-3-4-message .promo-3x4-info-btn:hover,#promo-3-4-message .promo-3x4-info-btn:focus-visible{outline:none;transform:translateY(-1px);box-shadow:0 3px 6px #94a3b8b3}#promo-3-4-message .promo-3x4-header{padding-right:40px}@media (max-width: 768px){#promo-3-4-message .promo-3x4-info-btn{top:8px;right:10px;width:22px;height:22px}#promo-3-4-message .promo-3x4-info-btn:before{font-size:13px}}@media (max-width: 480px){#promo-3-4-message .promo-3x4-info-btn{top:7px;right:8px;width:20px;height:20px}#promo-3-4-message .promo-3x4-info-btn:before{font-size:12px}}.promo-3x4-no-scroll{overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/19/assets/promo-3x4.css.map */