.ea-gift-tiers{padding:40px 0 24px}.ea-gift-tiers__anchor,.ea-gift-tiers__anchor:empty{display:block;position:relative;top:-90px}.ea-gift-tiers__box{background:var(--ea-cream);border:1px solid var(--ea-slate);border-radius:12px;box-shadow:0 4px 0 var(--ea-slate);padding:31px 18px 28px;display:flex;flex-direction:column;gap:28px}.ea-gift-tiers__heading{margin:0;font-family:var(--ea-font-display);font-weight:600;font-size:28px;line-height:36.4px;letter-spacing:0;color:#000;text-align:center}.ea-gift-tiers__br{display:inline}.ea-gift-tiers__tiers{position:relative;display:flex;flex-direction:column;gap:28px}.ea-gift-tiers__line{position:absolute;left:66.5px;top:32px;bottom:102.4px;width:3px;background:var(--ea-slate)}.ea-gift-tiers__tier{position:relative;display:grid;grid-template-columns:144px 1fr;grid-template-areas:"circles spend" "circles namebox";column-gap:12px;row-gap:6px;align-items:center}.ea-gift-tiers__namebox{grid-area:namebox;display:flex;flex-direction:column;gap:6px}.ea-gift-tiers__spend{grid-area:spend;margin:0;font-family:var(--ea-font-mono);font-weight:700;font-size:18px;line-height:18px;letter-spacing:2px;text-transform:uppercase;color:#000}.ea-gift-tiers__circles{grid-area:circles;position:relative;display:flex;align-items:center;justify-content:center;width:144px;padding-bottom:3.2px}.ea-gift-tiers__circle{width:70.4px;height:70.4px;border-radius:50%;background:var(--ea-cream);box-shadow:inset 0 0 0 .44px var(--ea-slate),0 1.76px 0 var(--ea-slate);overflow:hidden;flex-shrink:0;position:relative;z-index:1}.ea-gift-tiers__circle+.ea-gift-tiers__circle{margin-left:-26.84px}.ea-gift-tiers__circle img{width:100%;height:100%;object-fit:cover}.ea-gift-tiers__pill{position:absolute;left:50%;bottom:-13px;transform:translate(-50%);z-index:2;background:var(--ea-green);color:#fff;transition:background-color .25s ease;border-radius:999px;box-shadow:0 0 0 .8px #fff;padding:3.2px 4px;font-family:var(--ea-font-mono);font-weight:700;font-size:14px;letter-spacing:.8px;text-transform:uppercase;white-space:nowrap;line-height:1}.ea-gift-tiers__pill.is-unlocked{background:var(--ea-green)}@media(prefers-reduced-motion:reduce){.ea-gift-tiers__pill{transition:none}}[data-ea-tier="0"] .ea-gift-tiers__pill{bottom:-9.8px}.ea-gift-tiers__names{margin:0;font-family:var(--ea-font-body);font-size:16px;line-height:20.8px;color:var(--ea-gray)}[data-ea-tier="0"] .ea-gift-tiers__names{line-height:27.5px}.ea-gift-tiers__names strong{display:block;font-weight:600;color:#000}.ea-gift-tiers__worth{margin:0;font-family:var(--ea-font-mono);font-weight:700;font-size:14px;line-height:18.2px;letter-spacing:1px;text-transform:uppercase;color:var(--ea-green)}.ea-gift-tiers__progress{display:flex;flex-direction:column;align-items:center;gap:8px;border-top:1px solid rgba(71,107,120,.5);padding-top:20px}.ea-gift-tiers__progress.ea-gift-tiers__progress[hidden]{display:none}.ea-gift-tiers__left-line{margin:0;font-family:var(--ea-font-mono);font-weight:700;font-size:14px;line-height:normal;text-transform:uppercase;color:#000;text-align:center}.ea-gift-tiers__left-count{color:#7f2222}.ea-gift-tiers__track{position:relative;width:100%;height:12px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--ea-slate)}.ea-gift-tiers__fill{position:absolute;left:0;top:0;bottom:0;width:var(--ea-fill, 0%);border-radius:999px;--ea-stripe-angle: 173.22deg;--ea-stripe-shift: -19.8px;background:#f4b301;overflow:hidden;transition:width .9s cubic-bezier(.22,.61,.36,1)}.ea-gift-tiers__fill:after{content:"";position:absolute;top:-40px;bottom:-40px;left:0;right:0;background:repeating-linear-gradient(var(--ea-stripe-angle),rgba(255,255,255,.22) 0 9.83px,transparent 9.83px 19.66px);animation:ea-stripes 1.2s linear infinite}@keyframes ea-stripes{0%{transform:translateY(0)}to{transform:translateY(var(--ea-stripe-shift))}}@media(prefers-reduced-motion:reduce){.ea-gift-tiers__fill,.ea-gift-tiers__fill:after,.ea-gift-tiers__knob,.ea-gift-tiers__ticks--on{animation:none;transition:none}}.ea-gift-tiers__ticks{position:absolute;top:calc(50% - 3px);bottom:calc(50% - 3px);left:0;right:0;background-image:repeating-linear-gradient(90deg,transparent 0 calc(10% - 1px),rgba(71,107,120,.3) calc(10% - 1px) 10%)}.ea-gift-tiers__ticks--on{background-image:repeating-linear-gradient(90deg,transparent 0 calc(10% - 1px),rgba(255,255,255,.7) calc(10% - 1px) 10%);clip-path:inset(0 calc(100% - var(--ea-fill, 0%)) 0 0);transition:clip-path .9s cubic-bezier(.22,.61,.36,1)}.ea-gift-tiers__knob{position:absolute;top:50%;left:clamp(9px,var(--ea-fill, 0%),calc(100% - 9px));transform:translate(-50%,-50%);width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 5px #f4b301,0 2px 0 var(--ea-slate);z-index:1;transition:left .9s cubic-bezier(.22,.61,.36,1)}@media screen and (min-width:990px){.ea-gift-tiers{padding:60px 0 40px}.ea-gift-tiers__box{border-radius:20px;padding:60px 72px 56px;gap:56px}.ea-gift-tiers__heading{font-size:40px;line-height:52px}.ea-gift-tiers__br{display:none}.ea-gift-tiers__tiers{flex-direction:row;justify-content:center;align-items:stretch;gap:24px}.ea-gift-tiers__line{left:16.6%;right:16.6%;top:108px;bottom:auto;width:auto;height:3px}.ea-gift-tiers__tier{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:14px;text-align:center;flex:0 0 295px}.ea-gift-tiers__tier:last-child{flex-basis:358px}.ea-gift-tiers__namebox{gap:8px;width:100%}.ea-gift-tiers__spend{font-size:24px;line-height:24px;margin-bottom:0}.ea-gift-tiers__circles{width:auto;padding-bottom:8px}.ea-gift-tiers__circle{width:160px;height:160px;box-shadow:inset 0 0 0 1px var(--ea-slate),0 4px 0 var(--ea-slate)}.ea-gift-tiers__circle+.ea-gift-tiers__circle{margin-left:-61px}.ea-gift-tiers__pill{padding:8px 10px;bottom:-6px;font-size:16px;letter-spacing:2px;box-shadow:0 0 0 2px #fff}[data-ea-tier="0"] .ea-gift-tiers__pill{bottom:2px}.ea-gift-tiers__names{font-size:18px;line-height:23.4px}[data-ea-tier="0"] .ea-gift-tiers__names{line-height:27.5px}.ea-gift-tiers__worth{font-size:16px;line-height:20.8px}.ea-gift-tiers__progress{gap:16px;padding-top:30px;width:100%;max-width:996px;margin:0 auto}.ea-gift-tiers__left-line{font-size:16px}.ea-gift-tiers__track{height:20px}.ea-gift-tiers__fill{--ea-stripe-angle: 177.9deg;--ea-stripe-shift: -19.68px}.ea-gift-tiers__knob{width:28px;height:28px;left:clamp(14px,var(--ea-fill, 0%),calc(100% - 14px))}}
/*# sourceMappingURL=/cdn/shop/t/245/assets/ea-gift-tiers.css.map */