:root{--gb-accent: #E73E97;--gb-accent-2: #FC76C4;--gb-accent-3: #FFED99;--gb-ink: #303030;--gb-on-accent: #ffffff;--gb-surface: #ffffff;--gb-border: rgba(231, 62, 151, .18);--gb-rail: #F4E4EC;--gb-text-muted: #6b6168;--gb-text-faint: #8a7f86;--gb-free: #B8347E;--gb-g1-a: #FFD6EA;--gb-g1-b: #FC76C4;--gb-g1-lid: #F79BCB;--gb-g1-rib: #ffffff;--gb-g1-bow: #ffffff;--gb-g1-bow-line: #E73E97;--gb-g1-knot: #FFED99;--gb-g1-knot-line: #ffffff;--gb-g2-a: #FFB8DA;--gb-g2-b: #E73E97;--gb-g2-lid: #EF63AD;--gb-g2-rib: #FFED99;--gb-g2-bow: #FFED99;--gb-g2-bow-line: #D9B400;--gb-g2-knot: #ffffff;--gb-g2-knot-line: #ffffff;--gb-g2-spark-1: #FFED99;--gb-g2-spark-2: #FC76C4;--gb-g2-glow: #FFEAF4;--gb-g3-a: #FFF6C2;--gb-g3-b: #E0B43A;--gb-g3-lid: #F5CF4A;--gb-g3-rib: #E73E97;--gb-g3-bow: #E73E97;--gb-g3-bow-line: #B8347E;--gb-g3-knot: #ffffff;--gb-g3-knot-line: #E0B43A;--gb-g3-spark-1: #FFED99;--gb-g3-spark-2: #FC76C4;--gb-g3-spark-3: #E73E97;--gb-g3-rainbow-1: #FC76C4;--gb-g3-rainbow-2: #E73E97;--gb-g3-rainbow-3: #FFED99;--gb-g3-ring: #E0B43A;--gb-g3-tick: #B8347E;--gb-g3-label: #8a6000;--gb-g3-bg-1: #FFFBEA;--gb-g3-bg-2: #FFEAF4;--gb-confetti-1: #E73E97;--gb-confetti-2: #FC76C4;--gb-confetti-3: #FFED99;--gb-confetti-4: #ffffff;--gb-confetti-5: #B8347E}.gift-bar{position:relative;margin:8px 0 4px;padding:14px 14px 12px;border-radius:16px;background:var(--gb-surface);background:radial-gradient(120% 140% at 0% 0%,color-mix(in srgb,var(--gb-accent-2) 12%,transparent),transparent 55%),radial-gradient(120% 140% at 100% 0%,color-mix(in srgb,var(--gb-accent) 13%,transparent),transparent 55%),radial-gradient(120% 160% at 50% 120%,color-mix(in srgb,var(--gb-accent-3) 16%,transparent),transparent 60%),var(--gb-surface);border:1px solid var(--gb-border);border:1px solid color-mix(in srgb,var(--gb-accent) 18%,transparent);color:var(--gb-ink);font-family:inherit}.gift-bar--page{max-width:680px;margin:0 auto 20px}.gift-bar__msg{margin:0 0 14px;text-align:center;font-size:14.5px;line-height:1.35;font-weight:500;min-height:20px}.gift-bar__msg strong{font-weight:700}.gift-bar__pill{display:inline-block;padding:1px 8px;border-radius:999px;background:var(--gb-accent);color:var(--gb-on-accent);font-weight:700}.gift-bar__msg.is-celebrating{animation:gift-bar-bounce .6s cubic-bezier(.2,1.6,.4,1)}.gift-bar__track{position:relative;margin:0 26px;height:86px}.gift-bar__rail,.gift-bar__fill{position:absolute;left:0;top:21px;height:10px;border-radius:999px}.gift-bar__rail{right:0;background:var(--gb-rail)}.gift-bar__fill{background:linear-gradient(90deg,var(--gb-accent-2),var(--gb-accent) 55%,var(--gb-accent-3));background-size:200% 100%;transition:width .6s cubic-bezier(.2,.8,.2,1);overflow:hidden}.gift-bar__fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.55) 50%,transparent 80%);transform:translate(-100%);animation:gift-bar-shimmer 2.4s ease-in-out infinite}.gift-bar__stop{position:absolute;top:0;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;width:90px}.gift-bar__dot{position:relative;width:52px;height:52px;border-radius:50%;background:var(--gb-surface);box-shadow:0 0 0 3px var(--gb-surface),0 0 0 5px var(--gb-rail),0 4px 10px #1212121a;display:grid;place-items:center;transition:box-shadow .3s ease,transform .3s ease}.gift-bar__dot img{width:100%;height:100%;border-radius:50%;object-fit:cover}.gift-bar__dot svg{width:24px;height:24px;color:var(--gb-ink)}.gift-bar__dot svg.gift-bar__gift{width:34px;height:34px}.gift-bar__stop.is-reached .gift-bar__dot{box-shadow:0 0 0 3px var(--gb-surface),0 0 0 5px var(--gb-accent),0 4px 14px color-mix(in srgb,var(--gb-accent) 35%,transparent)}.gift-bar__stop--g1 .gift-bar__dot{width:44px;height:44px;margin-top:4px}.gift-bar__stop--g1 .gift-bar__dot svg.gift-bar__gift{width:27px;height:27px}.gift-bar__stop--g2 .gift-bar__dot{width:54px;height:54px;margin-top:-1px;background:radial-gradient(circle,var(--gb-surface) 55%,var(--gb-g2-glow) 100%)}.gift-bar__stop--g2 .gift-bar__dot svg.gift-bar__gift{width:37px;height:37px}.gift-bar__stop--g3 .gift-bar__dot{width:64px;height:64px;margin-top:-6px;background:radial-gradient(circle,var(--gb-g3-bg-1) 50%,var(--gb-g3-bg-2) 100%)}.gift-bar__stop--g3 .gift-bar__dot svg.gift-bar__gift{width:47px;height:47px}.gift-bar__stop.gift-bar__stop--g3 .gift-bar__dot{box-shadow:0 0 0 3px var(--gb-surface),0 0 0 5px var(--gb-g3-ring),0 4px 14px color-mix(in srgb,var(--gb-g3-tick) 35%,transparent)}.gift-bar__stop--g3 .gift-bar__dot:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none;box-shadow:0 0 14px 5px color-mix(in srgb,var(--gb-g3-ring) 60%,transparent),0 0 28px 10px color-mix(in srgb,var(--gb-g3-ring) 30%,transparent);animation:gift-bar-glow 2.2s ease-in-out infinite}.gift-bar__stop--g3 .gift-bar__label{color:var(--gb-g3-label);font-weight:700}.gift-bar__stop--g3.is-reached .gift-bar__tick,.gift-bar__stop--g3 .gift-bar__tick{background:var(--gb-g3-tick)}.gift-bar__stop.is-next .gift-bar__dot{animation:gift-bar-pulse 1.8s ease-in-out infinite}.gift-bar__stop.is-new .gift-bar__dot{animation:gift-bar-pop .7s cubic-bezier(.2,1.8,.4,1)}.gift-bar__tick{position:absolute;right:-4px;bottom:-4px;width:20px;height:20px;border-radius:50%;background:var(--gb-accent);color:var(--gb-on-accent);font-size:12px;font-weight:700;display:none;place-items:center;line-height:1;box-shadow:0 0 0 2px var(--gb-surface)}.gift-bar__stop.is-reached .gift-bar__tick{display:grid}.gift-bar__label{margin-top:7px;max-width:76px;font-size:10.8px;line-height:1.2;text-align:center;color:var(--gb-text-muted);font-weight:500;letter-spacing:-.01em}.gift-bar__label small{display:block;margin-top:2px;font-size:10.5px;color:var(--gb-text-faint);font-weight:500}@media screen and (max-width:480px){.gift-bar{padding:12px 10px 10px}.gift-bar{overflow:hidden}.gift-bar__msg{font-size:13.5px}.gift-bar__track{margin:0 29px;height:78px}.gift-bar__stop{width:64px}.gift-bar__dot{width:42px;height:42px}.gift-bar__dot svg.gift-bar__gift{width:29px;height:29px}.gift-bar__rail,.gift-bar__fill{top:16px}.gift-bar__label{max-width:64px;font-size:10px}.gift-bar__tick{width:17px;height:17px;font-size:10px}.gift-bar__stop--g1 .gift-bar__dot{width:36px;height:36px;margin-top:3px}.gift-bar__stop--g1 .gift-bar__dot svg.gift-bar__gift{width:22px;height:22px}.gift-bar__stop--g2 .gift-bar__dot{width:44px;height:44px;margin-top:-1px}.gift-bar__stop--g2 .gift-bar__dot svg.gift-bar__gift{width:30px;height:30px}.gift-bar__stop--g3 .gift-bar__dot{width:52px;height:52px;margin-top:-5px}.gift-bar__stop--g3 .gift-bar__dot svg.gift-bar__gift{width:38px;height:38px}.gift-bar__stop:not(.is-next) .gift-bar__label small{display:none}}@media screen and (max-width:360px){.gift-bar__track{margin:0 25px}.gift-bar__stop{width:56px}.gift-bar__dot{width:36px;height:36px}.gift-bar__dot svg{width:20px;height:20px}.gift-bar__dot svg.gift-bar__gift{width:25px;height:25px}.gift-bar__rail,.gift-bar__fill{top:13px}.gift-bar__label{font-size:9.5px}.gift-bar__stop--g1 .gift-bar__dot{width:30px;height:30px;margin-top:3px}.gift-bar__stop--g1 .gift-bar__dot svg.gift-bar__gift{width:19px;height:19px}.gift-bar__stop--g2 .gift-bar__dot{width:38px;height:38px;margin-top:-1px}.gift-bar__stop--g2 .gift-bar__dot svg.gift-bar__gift{width:26px;height:26px}.gift-bar__stop--g3 .gift-bar__dot{width:46px;height:46px;margin-top:-5px}.gift-bar__stop--g3 .gift-bar__dot svg.gift-bar__gift{width:33px;height:33px}.gift-bar__stop.is-reached:not(.is-next) .gift-bar__label{visibility:hidden}}.gift-bar__confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2147483000}@keyframes gift-bar-shimmer{0%{transform:translate(-100%)}60%,to{transform:translate(100%)}}@keyframes gift-bar-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes gift-bar-pop{0%{transform:scale(.6)}60%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes gift-bar-glow{0%,to{opacity:.55}50%{opacity:1}}@keyframes gift-bar-bounce{0%{transform:scale(.92)}60%{transform:scale(1.04)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.gift-bar__fill,.gift-bar__dot{transition:none}.gift-bar__fill:after,.gift-bar__stop.is-next .gift-bar__dot,.gift-bar__stop.is-new .gift-bar__dot,.gift-bar__msg.is-celebrating,.gift-bar__stop--g3 .gift-bar__dot:before{animation:none}}.gift-bar-free{color:var(--gb-free)!important;font-weight:800!important;letter-spacing:.06em}.cart-item--gift quantity-input,.cart-item--gift cart-remove-button{display:none!important}.gift-bar-ship-row{display:flex;justify-content:space-between;gap:10px;padding:4px 0}.gift-bar-ship__free{color:var(--gb-accent);font-weight:700}.gift-bar-ship__away{color:var(--gb-text-faint)}.gift-bar{overflow:hidden}.gift-bar__track{margin:0 40px;height:auto;min-height:112px}@media screen and (max-width:480px){.gift-bar__track{margin:0 32px;min-height:96px}}@media screen and (max-width:360px){.gift-bar__track{margin:0 28px}}:root{--gb-accent: #E0539E;--gb-accent-2: #FC76C4;--gb-accent-3: #FF9AD2;--gb-ink: #1D1B1E;--gb-soft: #FFE6F4;--gb-rail: #FFE6F4;--gb-free: #E0539E;--gb-g1-a: #FFE6F4;--gb-g1-b: #FFC2E3;--gb-g1-lid: #FFD6EA;--gb-g1-rib: #FC76C4;--gb-g1-bow: #FC76C4;--gb-g1-bow-line: #E0539E;--gb-g1-knot: #ffffff;--gb-g1-knot-line: #E0539E;--gb-g2-a: #FFC2E3;--gb-g2-b: #FC76C4;--gb-g2-lid: #FF9AD2;--gb-g2-rib: #ffffff;--gb-g2-bow: #ffffff;--gb-g2-bow-line: #E0539E;--gb-g2-knot: #E0539E;--gb-g2-knot-line: #ffffff;--gb-g2-spark-1: #FC76C4;--gb-g2-spark-2: #FFC2E3;--gb-g2-glow: #ffffff;--gb-g3-a: #FC76C4;--gb-g3-b: #E0539E;--gb-g3-lid: #F06BB3;--gb-g3-rib: #ffffff;--gb-g3-bow: #ffffff;--gb-g3-bow-line: #E0539E;--gb-g3-knot: #E0539E;--gb-g3-knot-line: #ffffff;--gb-g3-spark-1: #FC76C4;--gb-g3-spark-2: #FF9AD2;--gb-g3-spark-3: #FFC2E3;--gb-g3-rainbow-1: #ffffff;--gb-g3-rainbow-2: #ffffff;--gb-g3-rainbow-3: #FFE6F4;--gb-g3-ring: #FC76C4;--gb-g3-tick: #E0539E;--gb-g3-label: #1D1B1E;--gb-g3-bg-1: #ffffff;--gb-g3-bg-2: #ffffff;--gb-confetti-1: #E0539E;--gb-confetti-2: #FC76C4;--gb-confetti-3: #FF9AD2;--gb-confetti-4: #FFE6F4;--gb-confetti-5: #ffffff}.gift-bar{padding:16px 18px 12px;border-radius:18px;border:1px solid rgba(29,27,30,.1);background:radial-gradient(130% 150% at 0% 0%,rgba(252,118,196,.09),transparent 55%),#fff;box-shadow:0 8px 32px -22px #e0539e8c}.gift-bar__head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.gift-bar__eyebrow{font-size:10px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--gb-accent)}.gift-bar__count{padding:3px 10px;border-radius:999px;background:var(--gb-soft);color:var(--gb-accent);font-size:10px;font-weight:700;white-space:nowrap}.gift-bar__msg{margin:0 0 12px;text-align:left;font-size:16px;line-height:1.3;font-weight:700;letter-spacing:-.01em;color:var(--gb-ink)}.gift-bar__pill{padding:1px 8px;background:var(--gb-soft);color:var(--gb-accent)}.gift-bar__spark{color:var(--gb-accent)}.gift-bar__fill{background:linear-gradient(120deg,#ff9ad2,#fc76c4 45%,#e0539e)}.gift-bar__fill:after{display:none}.gift-bar__dot{background:#fff;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--gb-rail)}.gift-bar__dot svg{color:var(--gb-accent)}.gift-bar__stop--g2 .gift-bar__dot,.gift-bar__stop--g3 .gift-bar__dot{background:#fff}.gift-bar__stop.is-reached .gift-bar__dot,.gift-bar__stop.gift-bar__stop--g3.is-reached .gift-bar__dot{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--gb-accent-2),0 6px 16px -8px #e0539e99}.gift-bar__stop.gift-bar__stop--g3:not(.is-reached) .gift-bar__dot{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--gb-rail)}.gift-bar__stop--g3 .gift-bar__dot:before{display:none}.gift-bar__stop--g3 .gift-bar__label{color:var(--gb-text-muted);font-weight:500}.gift-bar__label{color:var(--gb-text-muted)}.gift-bar__stop.is-reached .gift-bar__label,.gift-bar__stop.is-next .gift-bar__label{color:var(--gb-ink);font-weight:700}.gift-bar__label small{color:#1d1b1e8c}.gift-bar__stop.is-reached .gift-bar__label small{color:var(--gb-accent)}.gift-bar__tick,.gift-bar__stop--g3 .gift-bar__tick,.gift-bar__stop--g3.is-reached .gift-bar__tick{background:var(--gb-accent)}.gift-bar__stop.is-next .gift-bar__dot{animation:gift-bar-pulse 2.4s ease-in-out infinite}@media screen and (max-width:480px){.gift-bar{padding:14px 14px 10px}.gift-bar__msg{font-size:15px}}
/*# sourceMappingURL=/cdn/shop/t/77/assets/gift-bar.css.map */
