.ex-macro .sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.ex-macro__ill{justify-self:start}.ex-sec[data-align=center] .ex-macro__ill{justify-self:center}.ex-macro__root{display:block}.ex-macro .sec-hd .lead,.ex-macro .ex-macro__hd .lead{max-width:none}.ex-macro__grid{position:relative;display:grid;gap:var(--s5, 24px) var(--s4, 16px);align-items:center}.ex-macro__band{position:relative;margin:0;justify-self:center;width:min(52vw,240px);grid-area:band}.ex-macro__band .ex-media,.ex-macro__band-img{display:block;width:100%;height:auto;aspect-ratio:640 / 988;background:transparent}.ex-macro__band .ex-media{--ex-media-radius: 0}.ex-macro__band .ex-ph{border-radius:calc(var(--radius) * 1.4)}.ex-macro__lobes li{position:absolute;left:var(--lx, 50%);top:var(--ly, 50%);width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--mc);opacity:.5;box-shadow:0 0 0 3px var(--bg, var(--paper-2));transition:transform .5s var(--ease),box-shadow .5s var(--ease),opacity .5s var(--ease)}.ex-macro__lobes li.is-on{opacity:1;transform:scale(1.5);box-shadow:0 0 0 3px var(--bg, var(--paper-2)),0 0 0 4.5px var(--mc),0 0 26px 4px var(--mc)}.ex-macro__lobes li.is-on:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:1px solid var(--mc);animation:ex-macro-ping 2.2s var(--ease) infinite}@keyframes ex-macro-ping{0%{transform:scale(.85);opacity:.7}to{transform:scale(1.8);opacity:0}}.ex-macro__lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible;display:none}.ex-macro__lines path{fill:none;stroke:#0a0a0a29;stroke-width:1.2;stroke-dasharray:100;stroke-dashoffset:0;transition:stroke-dashoffset 1s var(--ease),stroke .4s var(--ease),opacity .8s var(--ease)}.ex-macro__lines path.is-on{stroke:var(--mc-d, var(--mc));stroke-width:1.6}.ex-macro__lines path.is-est{stroke-dasharray:1.2 1.6}.ex-macro__grid.intro .ex-macro__lines path:not(.is-in){stroke-dashoffset:100}.ex-macro__grid.intro .ex-macro__lines path.is-est:not(.is-in){stroke-dashoffset:0;opacity:0}.ex-macro__card{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s4, 16px);padding:var(--s2, 8px) var(--s4, 16px) var(--s2, 8px) var(--s2, 8px);border-radius:999px;text-align:left;color:var(--fg);background:transparent;border:0;transition:background-color .35s var(--ease),box-shadow .35s var(--ease),opacity .6s var(--ease),transform .7s var(--ease),border-radius .35s var(--ease)}.ex-macro__card:hover{background:#ffffff8c}.ex-macro__card.is-on{background:var(--paper, #fff);box-shadow:0 18px 40px -28px #0006;border-radius:26px}.ex-macro__grid.intro .ex-macro__card:not(.is-in){opacity:0;transform:translate(var(--fx, 0px),var(--fy, 12px)) scale(.97);pointer-events:none}.ex-macro__grid.intro .ex-macro__card:not(.is-in) .ring-v{stroke-dasharray:0 100}.ex-macro__plate{position:relative;flex:none;width:96px;aspect-ratio:1}.ex-macro__plate img{position:absolute;top:9%;right:9%;bottom:9%;left:9%;width:82%;height:82%;border-radius:50%;object-fit:cover;transition:transform .6s var(--ease)}.ex-macro__card:hover .ex-macro__plate img,.ex-macro__card.is-on .ex-macro__plate img{transform:scale(1.05)}.ex-macro__ico{position:absolute;top:18%;right:18%;bottom:18%;left:18%;display:grid;place-items:center;color:var(--mc)}.ex-macro__ico--ph,.ex-macro__ico--water{top:18%;right:18%;bottom:18%;left:18%;border-radius:50%;background:color-mix(in srgb,var(--mc) 18%,transparent)}.ex-macro__ico--water:before{content:"";width:42%;height:56%;border-radius:40% 40% 48% 48%;background:linear-gradient(180deg,color-mix(in srgb,var(--halo) 35%,transparent) 0%,var(--halo) 70%);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--halo-d) 40%,transparent)}.ex-macro__plate svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:rotate(-90deg);overflow:visible}.ring-t,.ring-v{fill:none;stroke-width:3}.ring-t{stroke:#0a0a0a17}.ex-macro__card{--sc: var(--positive)}.ex-macro__card[data-s=far]{--sc: var(--caution)}.ex-macro__card[data-s=over]{--sc: var(--alert)}.ring-v{stroke:var(--sc);stroke-width:var(--mac-ring, 4);stroke-linecap:round;stroke-dasharray:var(--p, 0) 100;transition:stroke-dasharray 1.2s var(--ease) .25s}.ex-macro__card.is-over .ring-v{stroke-dasharray:100 0}.ex-macro__card.is-over .ring-t{stroke:var(--sc);stroke-width:9;opacity:.3}.ex-macro__txt{display:grid;gap:2px;min-width:0}.ex-macro__nm{display:inline-flex;align-items:center;gap:6px;font-size:var(--t-sm);font-weight:600;color:var(--mc-d, var(--mc))}.ex-macro__nmico{width:18px;height:18px}.ex-macro__est{margin-left:6px;padding:1px 7px;border-radius:999px;background:#0a0a0a0f;font:600 10px/1.6 var(--f-body, inherit);font-style:normal;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3);vertical-align:2px}.ex-macro__fig{font-size:var(--t-sm);color:var(--fg-3);font-variant-numeric:tabular-nums;white-space:nowrap}.ex-macro__fig b{font:600 clamp(1.75rem,1.2rem + 1.4vw,2.5rem) / 1 var(--f-heading, inherit);letter-spacing:-.05em;color:var(--fg)}.ex-macro__st{font-size:var(--t-xs);font-weight:600;color:var(--fg-2);white-space:nowrap}.ex-macro__tip{display:none;position:relative;flex:1 0 100%;max-width:30ch;margin-top:var(--s4, 16px);padding:var(--s3, 12px) var(--s4, 16px);border-radius:14px;text-align:left}.ex-macro__tip:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;pointer-events:none;background:linear-gradient(90deg,var(--ai-b),var(--ai-a),rgba(10,10,10,.08),var(--ai-b)) 0 0 / 300% 100%;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;animation:ex-macro-tip-edge 4s linear infinite}@keyframes ex-macro-tip-edge{to{background-position:300% 0}}.ex-macro__card.is-on .ex-macro__tip{display:block;animation:ex-macro-tip-in .5s var(--ease)}.ex-macro__tipk{display:flex;align-items:center;gap:var(--s2, 8px);margin-bottom:var(--s2, 8px);font-size:var(--t-xs);font-weight:500;color:var(--mc-d, var(--fg-3))}.ex-macro__tipk:before{content:"";flex:none;width:22px;height:22px;border-radius:50%;background:var(--ink, #0a0a0a) var(--mac-coach-mark) center / 14px no-repeat}.ex-macro__tipt{display:block;font-size:var(--t-sm);line-height:1.45;color:var(--fg-2);white-space:normal}.ex-macro__w{white-space:nowrap}.ex-macro__tipt i{font-style:normal;visibility:hidden}.ex-macro__tipt i.is-in{visibility:visible}.ex-macro__tipt i.is-cur{box-shadow:1.5px 0 0 var(--mc-d, var(--fg))}@keyframes ex-macro-tip-in{0%{opacity:0;transform:translateY(6px)}}.ex-macro__foot{margin-top:32px;font-size:var(--t-sm);color:var(--fg-3);max-width:60ch}.ex-macro:not([data-v=b]) .ex-macro__card[data-n=hydration],.ex-macro:not([data-v=b]) .ex-macro__lobes [data-n=hydration]{display:none}.ex-macro[data-layout=orbit] .ex-macro__grid,.ex-macro[data-layout=radial] .ex-macro__grid{grid-template-columns:1fr 1fr;grid-template-areas:"band band" "p f" "a c"}.ex-macro[data-layout=orbit][data-v=b] .ex-macro__grid,.ex-macro[data-layout=radial][data-v=b] .ex-macro__grid{grid-template-areas:"band band" "p f" "a c" "h h"}.ex-macro[data-layout=orbit] .ex-macro__card[data-n=protein],.ex-macro[data-layout=radial] .ex-macro__card[data-n=protein]{grid-area:p}.ex-macro[data-layout=orbit] .ex-macro__card[data-n=fiber],.ex-macro[data-layout=radial] .ex-macro__card[data-n=fiber]{grid-area:f}.ex-macro[data-layout=orbit] .ex-macro__card[data-n=fat],.ex-macro[data-layout=radial] .ex-macro__card[data-n=fat]{grid-area:a}.ex-macro[data-layout=orbit] .ex-macro__card[data-n=carbs],.ex-macro[data-layout=radial] .ex-macro__card[data-n=carbs]{grid-area:c}.ex-macro[data-layout=orbit] .ex-macro__card[data-n=hydration],.ex-macro[data-layout=radial] .ex-macro__card[data-n=hydration]{grid-area:h;justify-self:center;align-self:start}@media(max-width:767px){.ex-macro[data-layout=orbit] .ex-macro__card,.ex-macro[data-layout=radial] .ex-macro__card{flex-direction:column;align-items:center;gap:var(--s2, 8px);padding:var(--s3, 12px) var(--s2, 8px);border-radius:28px;text-align:center}.ex-macro[data-layout=orbit] .ex-macro__plate,.ex-macro[data-layout=radial] .ex-macro__plate{width:88px}.ex-macro[data-layout=orbit] .ex-macro__txt,.ex-macro[data-layout=radial] .ex-macro__txt{justify-items:center}}@media(min-width:1024px){.ex-macro[data-layout=orbit] .ex-macro__grid,.ex-macro[data-layout=radial] .ex-macro__grid{grid-template-columns:1fr minmax(240px,var(--mac-img-w, 300px)) 1fr;grid-template-areas:"p band f" "a band c";column-gap:clamp(48px,7vw,120px);row-gap:var(--s5, 24px)}.ex-macro[data-layout=orbit][data-v=b] .ex-macro__grid,.ex-macro[data-layout=radial][data-v=b] .ex-macro__grid{grid-template-areas:"p band f" "a band c" "h h h"}.ex-macro[data-layout=orbit] .ex-macro__band,.ex-macro[data-layout=radial] .ex-macro__band{width:100%}.ex-macro[data-layout=orbit] .ex-macro__card,.ex-macro[data-layout=radial] .ex-macro__card{display:grid;gap:0 var(--s4, 16px);align-items:center;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"plate txt" "tip tip";padding:var(--s2, 8px) var(--s5, 24px) var(--s2, 8px) var(--s2, 8px)}.ex-macro[data-layout=orbit] .ex-macro__plate,.ex-macro[data-layout=radial] .ex-macro__plate{grid-area:plate;width:100px}.ex-macro[data-layout=orbit] .ex-macro__txt,.ex-macro[data-layout=radial] .ex-macro__txt{grid-area:txt}.ex-macro[data-layout=orbit] .ex-macro__tip,.ex-macro[data-layout=radial] .ex-macro__tip{grid-area:tip;display:block;visibility:hidden}.ex-macro[data-layout=orbit] .ex-macro__card.is-on .ex-macro__tip,.ex-macro[data-layout=radial] .ex-macro__card.is-on .ex-macro__tip{visibility:visible}.ex-macro[data-layout=orbit] .ex-macro__card[data-n=protein],.ex-macro[data-layout=orbit] .ex-macro__card[data-n=fat],.ex-macro[data-layout=radial] .ex-macro__card[data-n=protein],.ex-macro[data-layout=radial] .ex-macro__card[data-n=fat]{justify-self:end;--fx: 28px;--fy: 0px}.ex-macro[data-layout=orbit] .ex-macro__card[data-n=fiber],.ex-macro[data-layout=orbit] .ex-macro__card[data-n=carbs],.ex-macro[data-layout=radial] .ex-macro__card[data-n=fiber],.ex-macro[data-layout=radial] .ex-macro__card[data-n=carbs]{justify-self:start;--fx: -28px;--fy: 0px}.ex-macro[data-layout=orbit] .ex-macro__card[data-n=protein],.ex-macro[data-layout=orbit] .ex-macro__card[data-n=fiber],.ex-macro[data-layout=radial] .ex-macro__card[data-n=protein],.ex-macro[data-layout=radial] .ex-macro__card[data-n=fiber]{align-self:end}.ex-macro[data-layout=orbit] .ex-macro__card[data-n=fat],.ex-macro[data-layout=orbit] .ex-macro__card[data-n=carbs],.ex-macro[data-layout=radial] .ex-macro__card[data-n=fat],.ex-macro[data-layout=radial] .ex-macro__card[data-n=carbs]{align-self:start}.ex-macro[data-layout=orbit] .ex-macro__card[data-n=hydration],.ex-macro[data-layout=radial] .ex-macro__card[data-n=hydration]{--fx: 0px;--fy: -28px}.ex-macro[data-layout=orbit] .ex-macro__lines,.ex-macro[data-layout=radial] .ex-macro__lines{display:block}}.ex-macro[data-layout=ledger] .ex-macro__grid,.ex-macro[data-layout=grid] .ex-macro__grid{grid-template-columns:1fr;grid-template-areas:"band";max-width:1100px;margin-inline:auto}.ex-macro[data-layout=ledger] .ex-macro__band,.ex-macro[data-layout=grid] .ex-macro__band{width:min(var(--mac-img-w, 300px),56vw);margin-bottom:8px}.ex-macro[data-layout=ledger] .ex-macro__card,.ex-macro[data-layout=grid] .ex-macro__card{border:1px solid var(--line);background:color-mix(in srgb,var(--fg) 4%,var(--bg));border-radius:calc(var(--radius) * 1.4);padding:14px}.ex-macro[data-layout=ledger] .ex-macro__card.is-on,.ex-macro[data-layout=grid] .ex-macro__card.is-on{border-color:color-mix(in srgb,var(--mc) 55%,transparent);background:var(--paper, #fff)}.ex-macro[data-layout=ledger] .ex-macro__card:after,.ex-macro[data-layout=grid] .ex-macro__card:after{content:"";flex:1 0 100%;height:6px;margin-top:4px;border-radius:999px;background:linear-gradient(90deg,var(--sc) 0%,var(--sc) var(--p),transparent var(--p)),color-mix(in srgb,var(--fg) 8%,transparent)}@media(min-width:640px){.ex-macro[data-layout=ledger] .ex-macro__grid,.ex-macro[data-layout=grid] .ex-macro__grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"band band"}.ex-macro[data-layout=ledger] .ex-macro__band,.ex-macro[data-layout=grid] .ex-macro__band,.ex-macro[data-layout=ledger] .ex-macro__card[data-n=hydration],.ex-macro[data-layout=grid] .ex-macro__card[data-n=hydration]{grid-column:1 / -1}}@media(min-width:1024px){.ex-macro[data-layout=ledger] .ex-macro__grid,.ex-macro[data-layout=grid] .ex-macro__grid{grid-template-columns:minmax(200px,260px) repeat(2,minmax(0,1fr));grid-template-areas:none;align-items:start}.ex-macro[data-layout=ledger] .ex-macro__band,.ex-macro[data-layout=grid] .ex-macro__band{grid-column:1;grid-row:1 / span 3;width:100%;position:sticky;top:calc(var(--hd, 64px) + 24px)}.ex-macro[data-layout=ledger] .ex-macro__card,.ex-macro[data-layout=grid] .ex-macro__card{grid-column:auto}.ex-macro[data-layout=ledger] .ex-macro__card[data-n=hydration],.ex-macro[data-layout=grid] .ex-macro__card[data-n=hydration]{grid-column:2 / -1}}.ex-macro[data-layout=streams] .ex-macro__grid,.ex-macro[data-layout=list] .ex-macro__grid{grid-template-columns:1fr;max-width:720px;margin-inline:auto;gap:12px}.ex-macro[data-layout=streams] .ex-macro__band,.ex-macro[data-layout=list] .ex-macro__band{margin-bottom:12px}.ex-macro[data-layout=streams] .ex-macro__card,.ex-macro[data-layout=list] .ex-macro__card{border-radius:18px;border:1px solid transparent;padding:12px 16px 12px 12px;background:color-mix(in srgb,var(--fg) 3%,transparent)}.ex-macro[data-layout=streams] .ex-macro__card.is-on,.ex-macro[data-layout=list] .ex-macro__card.is-on{border-color:color-mix(in srgb,var(--mc) 40%,transparent);background:var(--paper, #fff)}.ex-macro[data-layout=streams] .ex-macro__card:before,.ex-macro[data-layout=list] .ex-macro__card:before{content:"";position:absolute;left:0;top:18%;bottom:18%;width:3px;border-radius:3px;background:var(--mc);opacity:.35;transition:opacity .3s}.ex-macro[data-layout=streams] .ex-macro__card,.ex-macro[data-layout=list] .ex-macro__card{position:relative}.ex-macro[data-layout=streams] .ex-macro__card.is-on:before,.ex-macro[data-layout=list] .ex-macro__card.is-on:before{opacity:1}.ex-macro[data-layout=streams] .ex-macro__plate,.ex-macro[data-layout=list] .ex-macro__plate{width:72px}@media(prefers-reduced-motion:reduce){.ring-v,.ex-macro__lobes li,.ex-macro__tip:before,.ex-macro__card{transition:none!important;animation:none!important}.ex-macro__tipt i{visibility:visible}.ex-macro__tipt i.is-cur{box-shadow:none}.ex-macro__lobes li.is-on:after{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/eyvax-macro.css.map */