.mn-timeline{--mn-ink:var(--macronova-ink);--mn-bg:var(--macronova-accent);--mn-coral:#f58b78;display:block;box-sizing:border-box;overflow:hidden;background:var(--mn-bg);color:var(--mn-ink);font-family:Arial,Helvetica,sans-serif}.mn-timeline__inner{max-width:1440px;margin-inline:auto;container-type:inline-size}.mn-timeline *{box-sizing:border-box}.mn-timeline button{font:inherit;color:inherit;cursor:pointer}.mn-timeline button:focus-visible,.mn-timeline a:focus-visible{outline:3px solid var(--mn-ink);outline-offset:4px}.mn-timeline__intro{padding:156px 6% 0}.mn-timeline__intro h2{max-width:950px;margin:0;font-size:clamp(72px,7.8cqi,112px);font-weight:300;line-height:.99;letter-spacing:-4px;text-transform:none}.mn-timeline__intro h2 strong{font-weight:800;letter-spacing:-4px}.mn-timeline__intro p{max-width:470px;margin:26px 0 0;font-size:21px;line-height:1.4}.mn-timeline__intro-shop{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin-top:26px;padding:16px 23px;border-radius:4px;background:var(--mn-ink);color:var(--macronova-surface);font-size:13px;font-weight:700;line-height:16px;letter-spacing:.5px;text-transform:uppercase;text-decoration:none}.mn-timeline__intro-shop:hover{text-decoration:underline;text-underline-offset:4px}.mn-timeline__journey{height:430px;margin-top:12px;position:relative}.mn-timeline__curve{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.mn-timeline__curve path{fill:none;stroke:var(--mn-ink);stroke-width:1.5;vector-effect:non-scaling-stroke;stroke-linecap:round}.mn-timeline__curve--mobile{display:none}.mn-timeline__point{position:absolute;width:13px;height:13px;border:1.5px solid var(--mn-ink);border-radius:50%;background:#fffef7;box-shadow:0 0 0 5px var(--mn-bg);transform:translate(-50%,-50%);pointer-events:none;z-index:2}.mn-timeline__point--1{left:8%;top:88%}.mn-timeline__point--2{left:34%;top:71%}.mn-timeline__point--3{left:58%;top:38%}.mn-timeline__point--4{left:87%;top:4%;width:29px;height:29px;background:var(--mn-coral);box-shadow:0 0 0 9px var(--mn-bg),0 0 0 10px var(--mn-ink)}.mn-timeline__point--4:before,.mn-timeline__point--4:after{content:"";position:absolute;top:-26px;right:-26px;bottom:-26px;left:-26px;border:1px solid #ffffffb0;border-radius:50%;pointer-events:none}.mn-timeline__point--4:after{top:-41px;right:-41px;bottom:-41px;left:-41px;border-color:#ffffff50}.mn-timeline__point.is-selected:not(.mn-timeline__point--4){background:var(--mn-coral)}.mn-timeline__ripple{position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px;border:1px solid var(--mn-ink);border-radius:50%;opacity:0;pointer-events:none}.mn-timeline__leader{position:absolute;width:1px;background:var(--mn-ink);opacity:.5;pointer-events:none}.mn-timeline__leader--1{left:8%;top:calc(88% + 11px);height:calc(10% - 17px)}.mn-timeline__leader--2{left:34%;top:calc(71% + 11px);height:calc(12% - 17px)}.mn-timeline__leader--3{left:58%;top:calc(38% + 11px);height:calc(19% - 17px)}.mn-timeline__leader--4{left:87%;top:calc(4% + 25px);height:calc(25% - 31px)}.mn-timeline__step{position:absolute;width:23%}.mn-timeline__step--1{left:6.5%;top:98%}.mn-timeline__step--2{left:30%;top:83%}.mn-timeline__step--3{left:53%;top:57%}.mn-timeline__step--4{left:77%;top:29%;width:22%}.mn-timeline__trigger{display:block;width:100%;min-height:44px;padding:0;border:0;background:transparent;text-align:left}.mn-timeline__trigger:disabled{cursor:default}.mn-timeline__trigger:disabled .mn-timeline__plus{display:none}.mn-timeline__time{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:12px;font-weight:500;letter-spacing:2px;line-height:1.4}.mn-timeline__plus{font-size:17px;font-weight:300;letter-spacing:0;line-height:1;transition:transform .32s cubic-bezier(.22,1,.36,1)}.mn-timeline__trigger[aria-expanded=true] .mn-timeline__plus{transform:rotate(45deg)}.mn-timeline__step-title{display:block;font-size:clamp(20px,2cqi,28px);font-weight:600;line-height:1.2}.mn-timeline__step--4 .mn-timeline__step-title{font-size:clamp(42px,4.7cqi,66px);font-weight:700;line-height:1.02;letter-spacing:-.7px}.mn-timeline__teaser{display:block;margin-top:14px;font-size:15px;line-height:1.4}@media(min-width:601px){.mn-timeline__step-title{position:relative;width:fit-content;max-width:100%;transition:transform .22s ease-out}.mn-timeline__step-title:after{content:"";position:absolute;right:0;bottom:-8px;left:0;height:3px;background:var(--mn-coral);transform:scaleX(0);transform-origin:left;transition:transform .22s ease-out}.mn-timeline__trigger:focus-visible .mn-timeline__step-title{transform:translateY(-3px)}.mn-timeline__trigger:focus-visible .mn-timeline__step-title:after{transform:scaleX(1)}.mn-timeline__point:has(+.mn-timeline__step .mn-timeline__trigger:focus-visible){background:var(--mn-coral);animation:mn-timeline-node-ping .62s ease-out}}@media(min-width:601px)and (hover:hover)and (pointer:fine){.mn-timeline__trigger:hover .mn-timeline__step-title{transform:translateY(-3px)}.mn-timeline__trigger:hover .mn-timeline__step-title:after{transform:scaleX(1)}.mn-timeline__point:has(+.mn-timeline__step .mn-timeline__trigger:hover){background:var(--mn-coral);animation:mn-timeline-node-ping .62s ease-out}}@keyframes mn-timeline-node-ping{0%{outline:1px solid color-mix(in srgb,var(--mn-coral) 50%,transparent);outline-offset:2px}to{outline:8px solid transparent;outline-offset:12px}}.mn-timeline__sheet-backdrop{display:none}.mn-timeline__details{position:relative;margin:136px 6% 0}.mn-timeline__nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid color-mix(in srgb,var(--mn-ink) 42%,transparent)}.mn-timeline__nav-button{position:relative;display:flex;justify-content:center;align-items:flex-start;gap:10px;min-width:0;min-height:86px;padding:18px 10px 26px;border:0;background:transparent;font-size:16px;font-weight:500;letter-spacing:2px;line-height:1.3;text-align:center;white-space:nowrap}.mn-timeline__nav-button:not(:last-child):before{content:"";position:absolute;top:17px;right:0;width:1px;height:39px;background:color-mix(in srgb,var(--mn-ink) 50%,transparent)}.mn-timeline__nav-button[aria-expanded=true]{font-weight:750}.mn-timeline__nav-button[aria-expanded=true]:after{content:"";position:absolute;left:10%;right:10%;bottom:16px;height:5px;background:var(--mn-ink)}.mn-timeline__nav-time{display:inline-flex;align-items:center;gap:10px}.mn-timeline__nav-button[aria-expanded=true] .mn-timeline__nav-time:before{content:"";width:11px;height:11px;flex:none;border-radius:50%;background:var(--mn-coral)}.mn-timeline__nav-plus{font-size:23px;font-weight:400;letter-spacing:0;line-height:.85;transition:transform .32s cubic-bezier(.22,1,.36,1)}.mn-timeline__nav-button[aria-expanded=true] .mn-timeline__nav-plus{transform:rotate(45deg)}.mn-timeline__nav-button:disabled{cursor:default}.mn-timeline__nav-button:disabled .mn-timeline__nav-plus{display:none}.mn-timeline__detail{position:relative;border-bottom:1px solid color-mix(in srgb,var(--mn-ink) 42%,transparent)}.mn-timeline__detail[hidden]{display:none}.mn-timeline__detail-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);padding:48px 0 42px}.mn-timeline__detail-heading{min-width:0;padding-right:8%}.mn-timeline__detail-kicker{display:flex;align-items:center;gap:13px;margin:0 0 16px;font-size:14px;font-weight:500;letter-spacing:2.5px;line-height:1.4;text-transform:uppercase}.mn-timeline__detail-kicker:before{content:"";width:12px;height:12px;flex:none;border-radius:50%;background:var(--mn-coral)}.mn-timeline__detail-title h3{margin:0;font-size:clamp(32px,3.5cqi,50px);font-weight:400;line-height:1.1;letter-spacing:-1.2px;text-transform:none}.mn-timeline__detail-copy{min-width:0;padding:0 48px 0 8%;border-left:1px solid color-mix(in srgb,var(--mn-ink) 50%,transparent)}.mn-timeline__detail-copy p{margin:0;font-size:clamp(17px,1.45cqi,22px);line-height:1.4}.mn-timeline__detail-copy .mn-timeline__sources{margin-top:22px;font-size:15px;line-height:1.5}.mn-timeline__sources a{color:inherit;text-decoration:underline;text-underline-offset:3px}.mn-timeline__sources a:after{content:"  \2192";text-decoration:none}.mn-timeline__close{position:absolute;top:94px;right:0;z-index:1;min-width:44px;min-height:44px;padding:8px;border:0;background:transparent;font-size:23px;font-weight:300;line-height:1}.mn-timeline__close:disabled,.mn-timeline__details:not(.is-detail-open) .mn-timeline__close{display:none}.mn-timeline__actions{display:none}.mn-timeline__bottom{height:96px;min-height:0;margin:0 6%;padding:0;font-size:11px;line-height:1.8;letter-spacing:2px;text-transform:uppercase}.mn-timeline__no-js{display:grid;gap:24px;margin:0 6% 40px}.mn-timeline__no-js h3,.mn-timeline__no-js p{margin:0 0 8px}@container (max-width:899px){.mn-timeline__intro{padding:150px 42px 0}.mn-timeline__intro h2{font-size:clamp(44px,9cqi,72px)}.mn-timeline__intro p{font-size:19px;max-width:420px}.mn-timeline__journey{height:470px;margin-top:16px}.mn-timeline__step-title{font-size:17px}.mn-timeline__step--4 .mn-timeline__step-title{font-size:34px}.mn-timeline__details{margin:118px 42px 0}.mn-timeline__nav-button{font-size:13px;letter-spacing:1.2px}.mn-timeline__detail-kicker{font-size:11px}.mn-timeline__detail-title h3{font-size:30px}.mn-timeline__detail-copy p{font-size:16px}.mn-timeline__bottom{margin:0 42px}}@media(max-width:600px){.mn-timeline__intro{padding:124px 7.5% 0}.mn-timeline__intro h2{font-size:clamp(39px,10.7cqi,64px);line-height:1.02;letter-spacing:-2px}.mn-timeline__intro h2 strong{letter-spacing:-2px}.mn-timeline__intro p{max-width:100%;margin-top:21px;font-size:clamp(16px,4.25cqi,21px);line-height:1.4}.mn-timeline__intro p br,.mn-timeline__intro-shop{display:none}.mn-timeline__journey{height:760px;margin-top:36px;margin-bottom:max(0px,calc(clamp(50px,calc(30cqi - 67px),113px) - 38px))}.mn-timeline__curve--desktop{display:none}.mn-timeline__curve--mobile{display:block}.mn-timeline__point--1{left:24%;top:4%;width:13px;height:13px}.mn-timeline__point--2{left:44%;top:27%;width:15px;height:15px}.mn-timeline__point--3{left:49%;top:49%;width:17px;height:17px}.mn-timeline__point--4{left:68%;top:70%;width:30px;height:30px}.mn-timeline__step--1{left:12%;top:9%;width:38%}.mn-timeline__step--2{left:54%;top:27%;width:40%}.mn-timeline__step--3{left:12%;top:53%;width:61%}.mn-timeline__step--4{left:52%;top:78%;width:44%}.mn-timeline__time{gap:8px;margin-bottom:10px;font-size:11px;letter-spacing:1.8px}.mn-timeline__step-title{font-size:clamp(17px,4.65cqi,25px);line-height:1.17}.mn-timeline__step--3 .mn-timeline__step-title{font-size:clamp(19px,5.05cqi,27px)}.mn-timeline__step--4 .mn-timeline__step-title{font-size:clamp(31px,9.2cqi,53px);font-weight:750;line-height:1.02;letter-spacing:-1px}.mn-timeline__teaser{margin-top:12px;font-size:13px;line-height:1.4}.mn-timeline__leader{display:none}.mn-timeline__details{margin:clamp(50px,calc(30cqi - 67px),113px) 7.5% 0}.mn-timeline__nav{grid-template-columns:repeat(4,minmax(0,1fr))}.mn-timeline .mn-timeline__nav-button{min-height:66px;padding:14px 2px 18px;font-size:11px;letter-spacing:.55px;gap:2px}.mn-timeline__nav-button:before{display:none}.mn-timeline__nav-button[aria-expanded=true]:after{left:6%;right:6%;bottom:7px;height:3px}.mn-timeline__nav-time{gap:3px}.mn-timeline__nav-button[aria-expanded=true] .mn-timeline__nav-time:before{position:absolute;left:2px;top:22px;width:6px;height:6px}.mn-timeline__nav-plus{font-size:14px}.mn-timeline__detail-main{grid-template-columns:1fr;padding:28px 0 26px}.mn-timeline__detail-heading{padding-right:38px}.mn-timeline__detail-kicker{margin-bottom:12px;font-size:10px;letter-spacing:1.5px}.mn-timeline__detail-kicker:before{width:9px;height:9px}.mn-timeline__detail-title h3{font-size:27px}.mn-timeline__detail-copy{margin-top:22px;padding:20px 0 0;border-left:0;border-top:1px solid color-mix(in srgb,var(--mn-ink) 35%,transparent)}.mn-timeline__detail-copy p{font-size:16px}.mn-timeline__detail-copy .mn-timeline__sources{margin-top:16px;font-size:12px}.mn-timeline__close{top:18px;right:-8px}.mn-timeline__bottom{height:64px;margin:0 7.5%;font-size:9px;letter-spacing:1.2px}.mn-timeline__details{position:fixed;inset:auto 0 0;z-index:1101;display:flex;flex-direction:column;width:100%;height:min(54dvh,470px);max-width:none;margin:0;padding:22px 5% 0;border-radius:26px 26px 0 0;background:#fffdf7;box-shadow:0 -10px 40px #15253624;overflow:hidden;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(100%);transition:transform .36s cubic-bezier(.22,1,.36,1),opacity .24s ease,visibility 0s linear .36s}.mn-timeline.is-sheet-open .mn-timeline__details{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0);transition:transform .36s cubic-bezier(.22,1,.36,1),opacity .24s ease,visibility 0s}.mn-timeline__details:before{content:"";position:absolute;top:9px;left:50%;width:44px;height:5px;border-radius:99px;background:#c5c6c5;transform:translate(-50%)}.mn-timeline__sheet-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background:#1525360d;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .24s ease,visibility 0s linear .36s}.mn-timeline.is-sheet-open .mn-timeline__sheet-backdrop{visibility:visible;opacity:1;pointer-events:auto;transition:opacity .24s ease,visibility 0s}.mn-timeline__nav{flex:none;margin-top:12px}.mn-timeline__detail{display:flex;flex:1;flex-direction:column;min-height:0;border:0}.mn-timeline__detail-main{display:block;flex:1;min-height:0;padding:18px 1px;overflow-y:auto;overscroll-behavior:contain}.mn-timeline__detail-heading{padding-right:0}.mn-timeline__detail-title h3{font-size:clamp(24px,6.2cqi,34px);font-weight:750;letter-spacing:-.8px;line-height:1.08}.mn-timeline__detail-copy{margin-top:14px;padding:0;border:0}.mn-timeline__detail-copy p{font-size:15px;line-height:1.42}.mn-timeline__detail-copy .mn-timeline__sources{margin-top:14px}.mn-timeline__actions{display:grid;flex:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px 0 max(16px,env(safe-area-inset-bottom));border-top:1px solid color-mix(in srgb,var(--mn-ink) 25%,transparent);background:#fffdf7}.mn-timeline__action{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:44px;padding:10px 8px;border:1px solid var(--mn-ink);border-radius:4px;color:var(--mn-ink);font-size:12px;font-weight:700;line-height:1.2;text-align:center;text-decoration:none}.mn-timeline__action--primary{background:var(--mn-ink);color:#fffdf7}.mn-timeline__close{top:6px;right:10px;min-width:36px;min-height:36px;padding:4px;font-size:25px}}body.mn-timeline-sheet-open{overflow:hidden}@media(max-width:350px){.mn-timeline .mn-timeline__nav-button{font-size:9px;letter-spacing:.2px;gap:1px}}@media(prefers-reduced-motion:reduce){.mn-timeline__plus,.mn-timeline__nav-plus,.mn-timeline__step-title,.mn-timeline__step-title:after{transition:none}.mn-timeline__details,.mn-timeline__sheet-backdrop,.mn-timeline.is-sheet-open .mn-timeline__details,.mn-timeline.is-sheet-open .mn-timeline__sheet-backdrop{transition:none}.mn-timeline__trigger:is(:hover,:focus-visible) .mn-timeline__step-title{transform:none}.mn-timeline__point:has(+.mn-timeline__step .mn-timeline__trigger:is(:hover,:focus-visible)){animation:none;outline:2px solid var(--mn-coral);outline-offset:3px}}.mn-timeline__inner{position:relative}.mn-timeline__bowl{position:absolute;display:block;pointer-events:none;-webkit-user-select:none;user-select:none;width:44cqi;max-width:634px;aspect-ratio:1;right:-5cqi;top:-20cqi;filter:drop-shadow(-2px 4px 2px rgb(40 43 20 / 20%)) drop-shadow(-14px 20px 8px rgb(40 43 20 / 23%));transform:rotate(-13deg)}.mn-timeline__bowl img{display:block;width:100%;height:auto;clip-path:ellipse(49% 49% at 50% 50%)}.mn-timeline__bowl--mobile{display:none}.mn-timeline__intro{position:relative}.mn-timeline__sources{overflow-wrap:anywhere}@container (max-width:899px){.mn-timeline__bowl--desktop{width:36cqi;top:-19cqi}}@media(max-width:600px){.mn-timeline__bowl--desktop{display:none}.mn-timeline__bowl--mobile{display:block;width:min(70cqi,320px);left:calc(44cqi - min(70cqi,320px));right:auto;top:auto;bottom:calc(38px - clamp(50px,calc(30cqi - 67px),113px));transform:rotate(14deg)}}@media(max-width:350px){.mn-timeline__step--1{left:6%;width:38%}.mn-timeline__step--3{top:54%;width:43%}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/macronova-nutrition-timeline.css.map */