.mg-bundle,.mg-progress{--mg-ink: #232B28;--mg-ink-soft: #6D675F;--mg-cream: #FAF9F7;--mg-cream-2: #F2EFE8;--mg-line: #E2DED5;--mg-green: #36B777;--mg-green-deep: #2E8F5E;--mg-sage: #5C7355;--mg-head: var(--typeHeaderPrimary), var(--typeHeaderFallback);box-sizing:border-box;color:var(--mg-ink)}.mg-bundle *,.mg-progress *{box-sizing:border-box}.mg-bundle{background:var(--mg-cream);border:1px solid var(--mg-line);padding:18px 18px 16px}.mg-bundle__head{margin-bottom:14px}.mg-bundle__eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--mg-sage)}.mg-bundle__eyebrow svg{width:14px;height:14px;flex:0 0 14px}.mg-bundle__title{font-family:var(--mg-head);font-size:24px;line-height:1.15;text-transform:uppercase;letter-spacing:.02em;margin:8px 0 6px;color:var(--mg-ink)}.mg-bundle__sub{font-size:13px;line-height:1.45;color:var(--mg-ink-soft);margin:6px 0 0}.mg-bundle__tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-top:10px}.mg-tier{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:104px;padding:16px 8px 13px;background:#fff;border:1px solid var(--mg-line);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;animation:mgRise .6s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--mg-i, 0) * 90ms + 80ms)}.mg-bundle .mg-tier,.mg-bundle .mg-tier *{text-align:center!important}.mg-tier:hover{transform:translateY(-2px);box-shadow:0 8px 18px #232b2814}.mg-tier__dots{display:flex;gap:4px;height:7px}.mg-tier__dots i{display:block;width:7px;height:7px;border-radius:50%;background:var(--mg-ink);opacity:.85}.mg-tier__qty{margin-top:9px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mg-ink-soft);line-height:1.2}.mg-tier__pct{margin-top:3px;font-family:var(--mg-head);font-size:28px;line-height:1.05;color:var(--mg-ink);white-space:nowrap}.mg-tier__done{display:none;align-items:center;gap:4px;margin-top:6px;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mg-green-deep)}.mg-tier__done svg{width:11px;height:11px}.mg-tier__flag{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--mg-green);color:#fff;font-size:9.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;line-height:1;padding:5px 9px;white-space:nowrap}.mg-tier--best{background:var(--mg-ink);border-color:var(--mg-ink)}.mg-tier--best .mg-tier__dots i{background:var(--mg-cream-2)}.mg-tier--best .mg-tier__qty{color:#c9c4ba}.mg-tier--best .mg-tier__pct{color:#fff}.mg-tier--best .mg-tier__done{color:#7cd9a8}.mg-tier.is-active{border-color:var(--mg-green);box-shadow:inset 0 0 0 1px var(--mg-green)}.mg-tier--best.is-active{box-shadow:inset 0 0 0 2px var(--mg-green)}.mg-tier.is-active .mg-tier__done{display:inline-flex;animation:mgFade .4s ease both}.mg-bundle__hint{min-height:18px;margin:12px 0 0;font-size:13px;line-height:1.4;color:var(--mg-ink);transition:opacity .25s ease}.mg-bundle__hint strong{font-weight:700}.mg-bundle__hint .mg-ok{color:var(--mg-green-deep)}.mg-bundle__hint svg{width:13px;height:13px;vertical-align:-2px;margin-right:3px;color:var(--mg-green-deep)}.mg-bundle--product{margin:18px 0 6px}.mg-bundle--product .mg-bundle__head{margin-bottom:10px}.mg-bundle--product .mg-bundle__sub{margin-top:5px;font-size:12.5px}.mg-bundle--product .mg-tier{min-height:92px;padding:15px 6px 11px}.mg-bundle--product .mg-tier__pct{font-size:24px}.mg-bundle-section{box-sizing:border-box}.mg-bundle--collection{padding:24px 28px}@media(min-width:900px){.mg-bundle--collection{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(0,1.4fr);column-gap:36px;align-items:center}.mg-bundle--collection .mg-bundle__head{margin-bottom:0}.mg-bundle--collection .mg-bundle__tiers{padding-top:0}.mg-bundle--collection .mg-bundle__hint{grid-column:2;margin-top:12px}}@media(max-width:599px){.mg-bundle{padding:16px 14px 14px}.mg-bundle--collection{padding:18px 14px 14px}.mg-bundle__title{font-size:19px}.mg-bundle__tiers{gap:7px}.mg-tier{min-height:90px;padding:14px 4px 10px}.mg-tier__qty{font-size:9.5px;letter-spacing:.1em}.mg-tier__pct{font-size:22px}.mg-tier__flag{font-size:8px;padding:4px 6px;letter-spacing:.1em}}.mg-progress{background:var(--mg-cream);border:1px solid #E7E5E0;padding:13px 16px 4px;margin-bottom:12px}.mg-progress__msg{margin:0 0 12px;font-size:13px;line-height:1.4;color:var(--mg-ink);text-align:center!important;transition:opacity .2s ease,transform .2s ease}.mg-progress__msg *{text-align:center!important}.mg-progress__msg.is-swapping{opacity:0;transform:translateY(-3px)}.mg-progress__msg strong{font-weight:700}.mg-progress__msg .mg-ok{color:var(--mg-green-deep)}.mg-progress__msg svg{width:13px;height:13px;vertical-align:-2px;margin-right:4px;color:var(--mg-green-deep)}.mg-progress__rail{position:relative;margin:0 26px 0 6px;padding:7px 0 40px}.mg-progress__track{position:relative;height:8px;border-radius:999px;background:#e9e4da;overflow:hidden}.mg-progress__fill{position:relative;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,var(--mg-sage) 0%,var(--mg-green) 100%);transition:width 1.1s cubic-bezier(.22,1,.36,1);overflow:hidden}.mg-progress__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:mgShimmer 2.4s ease-in-out infinite}.mg-node{position:absolute;top:0;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;width:70px}.mg-progress .mg-node,.mg-progress .mg-node *{text-align:center!important}.mg-node__dot{position:relative;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#fff;border:2px solid #D6D0C4;color:transparent;transition:background .3s ease,border-color .3s ease,color .3s ease}.mg-node__dot svg{width:12px;height:12px}.mg-node__pct{margin-top:5px;font-size:12px;font-weight:700;line-height:1.1;color:#8a857c;transition:color .3s ease;white-space:nowrap}.mg-node__qty{font-size:10px;letter-spacing:.06em;text-transform:uppercase;line-height:1.3;color:#a39e94;white-space:nowrap}.mg-node.is-reached .mg-node__dot{background:var(--mg-green);border-color:var(--mg-green);color:#fff}.mg-node.is-reached .mg-node__pct{color:var(--mg-green-deep)}.mg-node.is-reached .mg-node__qty{color:var(--mg-ink-soft)}.mg-node.is-pop .mg-node__dot{animation:mgPop .55s cubic-bezier(.34,1.56,.64,1)}.mg-node.is-pop .mg-node__dot:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;border:2px solid var(--mg-green);animation:mgRing .8s ease-out forwards}@media(max-width:400px){.mg-progress{padding:12px 12px 2px}.mg-progress__msg{font-size:12.5px}.mg-progress__rail{margin:0 24px 0 4px}.mg-node{width:60px}.mg-node__qty{font-size:9px}}@keyframes mgRise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes mgFade{0%{opacity:0}to{opacity:1}}@keyframes mgShimmer{0%{transform:translate(-100%)}60%,to{transform:translate(100%)}}@keyframes mgPop{0%{transform:scale(.6)}60%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes mgRing{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(2.1)}}@media(prefers-reduced-motion:reduce){.mg-tier,.mg-progress__fill,.mg-progress__fill:after,.mg-node__dot,.mg-node.is-pop .mg-node__dot:after{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/mg-bundle.css.map */