.ffn{position:relative;font-family:var(--font-body-family);font-weight:var(--font-body-weight, 400);background-color:var(--ffn-bg);background-image:var(--ffn-bg-image, none);color:var(--ffn-ink);overflow:hidden;--ffn-accent-mid: color-mix(in srgb, var(--ffn-deep) 45%, var(--ffn-dark));padding-block:calc(var(--ffn-pad-top, 72px) * .75) calc(var(--ffn-pad-bottom, 60px) * .75)}@media screen and (min-width:768px){.ffn{padding-block:var(--ffn-pad-top, 72px) var(--ffn-pad-bottom, 60px)}}@media screen and (min-width:900px){.ffn--inset:not(.ffn--neutral){margin-inline:var(--page-padding)}.ffn--inset:not(.ffn--neutral) .ffn__head,.ffn--inset:not(.ffn--neutral) .ffn__track{padding-inline:var(--sp-10)}.ffn--inset:not(.ffn--neutral) .ffn__track{scroll-padding-left:var(--sp-10)}.ffn--inset.section--rounded:not(.ffn--neutral){border-radius:var(--border-radius)}}.ffn.section--divider:after{border-block-start-color:var(--ffn-hairline)}.ffn--dark{--ffn-bg: var(--ffn-dark);--ffn-ink: #f7f7f7;--ffn-card-ink: color-mix(in srgb, var(--ffn-ink) 80%, transparent);--ffn-ink-faint: color-mix(in srgb, var(--ffn-ink) 58%, transparent);--ffn-hairline: color-mix(in srgb, var(--ffn-ink) 15%, transparent);--ffn-card: color-mix(in srgb, var(--ffn-ink) 5%, transparent);--ffn-accent: var(--ffn-hue)}.ffn--jetgrey{--ffn-bg: #2d2d2d}.ffn--tint{--ffn-bg: var(--ffn-tint);--ffn-ink: #2d2d2d;--ffn-card-ink: color-mix(in srgb, var(--ffn-ink) 82%, transparent);--ffn-ink-faint: color-mix(in srgb, var(--ffn-ink) 60%, transparent);--ffn-hairline: #e8e8e8;--ffn-card: #ffffff;--ffn-accent: var(--ffn-accent-mid)}.ffn--seasalt{--ffn-bg: #f7f7f7;--ffn-ink: #2d2d2d;--ffn-card-ink: color-mix(in srgb, var(--ffn-ink) 82%, transparent);--ffn-ink-faint: color-mix(in srgb, var(--ffn-ink) 60%, transparent);--ffn-hairline: #e8e8e8;--ffn-card: #ffffff;--ffn-accent: var(--ffn-accent-mid)}.ffn--neutral{--ffn-bg: transparent;--ffn-ink: rgb(var(--color-foreground));--ffn-card-ink: color-mix(in srgb, var(--ffn-ink) 82%, transparent);--ffn-ink-faint: color-mix(in srgb, var(--ffn-ink) 60%, transparent);--ffn-hairline: color-mix(in srgb, var(--ffn-ink) 14%, transparent);--ffn-card: rgb(var(--color-background));--ffn-accent: var(--ffn-accent-mid)}.ffn--font-condensed{--ffn-display-font: var(--ffn-condensed-family, var(--font-heading-family));--ffn-display-tracking: -.01em;--ffn-display-weight: 800}.ffn--font-body{--ffn-display-font: var(--font-heading-family);--ffn-display-tracking: var(--font-heading-letter-spacing, -.01em);--ffn-display-weight: var(--font-heading-weight, 700)}.ffn__head{display:grid;gap:14px;padding-bottom:34px}@media screen and (min-width:900px){.ffn__head{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);column-gap:56px;align-items:end}.ffn__eyebrow{grid-column:1 / -1}.ffn__headline{max-width:none}.ffn__headline:not(.tracking-heading){letter-spacing:var(--ffn-display-tracking, -.005em)}.ffn__intro{padding-bottom:5px}.ffn__draft-note{grid-column:1 / -1}}.ffn__eyebrow{margin:0;justify-self:start;padding-top:8px;border-top:1px solid var(--ffn-accent);color:var(--ffn-accent);font-family:var(--ffn-display-font);font-size:12px;font-weight:700;letter-spacing:.16em;line-height:1.2;text-transform:uppercase}.ffn__headline{margin:0;max-width:14ch;color:var(--ffn-ink);font-family:var(--ffn-display-font);font-weight:var(--ffn-display-weight, 800);line-height:var(--font-heading-line-height);text-transform:uppercase;text-wrap:balance}.ffn__intro{margin:0;max-width:46ch;color:var(--ffn-ink);line-height:1.6}.ffn__track{display:flex;gap:14px;padding:2px var(--page-padding) 4px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-left:var(--page-padding);scrollbar-width:none;cursor:grab}.ffn__track::-webkit-scrollbar{display:none}.ffn__track.is-dragging{cursor:grabbing;scroll-snap-type:none}.ffn__track.is-dragging *{pointer-events:none}.ffn__card{flex:0 0 min(var(--ffn-card-max, 360px),84vw);min-height:calc(min(var(--ffn-card-max, 360px),84vw) * 4 / 3);scroll-snap-align:start;display:flex;flex-direction:column;gap:12px;padding:20px 22px 22px;background-color:var(--ffn-card);border:1px solid var(--ffn-hairline);border-radius:10px}@media screen and (max-width:899px){.ffn__card{gap:11px;padding:18px 18px 20px}}@media(prefers-reduced-motion:no-preference){.ffn__track.is-armed .ffn__card{opacity:0;transform:translateY(10px)}.ffn__track.is-armed.is-in .ffn__card{opacity:1;transform:none;transition:opacity .5s ease,transform .5s cubic-bezier(.22,.61,.36,1);transition-delay:calc(var(--i, 0) * 70ms)}}.ffn__card-head{display:block;margin:0;font:inherit;letter-spacing:inherit;text-transform:none}.ffn__card-name{display:block;color:var(--ffn-ink);font-family:var(--ffn-display-font);font-size:25px;font-weight:var(--ffn-display-weight, 800);letter-spacing:.01em;line-height:1.02;text-transform:uppercase;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word}@media screen and (max-width:899px){.ffn__card-name{font-size:23px}}.ffn__card-zutat{display:block;margin-top:3px;color:var(--ffn-accent);font-size:14.5px;font-weight:var(--font-body-weight, 400);line-height:1.3;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word}.ffn__card-was{margin:0;min-height:6.2em;color:var(--ffn-card-ink);font-size:14px;line-height:1.55}.ffn__card-figure{margin:0}.ffn-motif{display:block;width:100%;height:84px;overflow:visible;color:var(--ffn-ink)}@media screen and (max-width:899px){.ffn-motif{height:76px}}.ffn-motif__own{color:var(--ffn-accent)}.ffn__card-formrow{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding-top:10px;border-top:1px solid var(--ffn-hairline)}.ffn__card-formrow.ffn__card-formrow--empty{display:block;min-height:28px;padding-top:0}.ffn__card-formlabel{font-family:var(--ffn-display-font);font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--ffn-ink-faint)}.ffn__card-link{flex:none;padding:0;background:none;border:0;color:var(--ffn-accent);cursor:pointer;font-family:var(--font-body-family);font-size:13px;line-height:1.3;text-decoration:underline;text-underline-offset:.2em;text-decoration-color:color-mix(in srgb,var(--ffn-accent) 40%,transparent)}.ffn__card-link:hover,.ffn__card-link:focus-visible{text-decoration-color:currentColor}.ffn__card-why{margin-top:2px}.ffn__card-whylabel{display:block;margin-bottom:3px;color:var(--ffn-accent);font-family:var(--ffn-display-font);font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.ffn__card-why p{margin:0;color:var(--ffn-card-ink);font-size:14px;line-height:1.55}.ffn__nav{display:flex;align-items:center;justify-content:center;padding-top:26px}.ffn__dots{overflow:hidden;width:132px;color:var(--ffn-ink)}.ffn__dots-strip{display:flex;align-items:center;transition:transform .3s cubic-bezier(.22,.61,.36,1)}.ffn__dot{flex:none;display:grid;place-items:center;width:14px;height:14px;transition:width .3s cubic-bezier(.22,.61,.36,1)}.ffn__dot i{display:block;width:6px;height:6px;border-radius:99px;background-color:currentColor;opacity:.16;transition:width .3s cubic-bezier(.22,.61,.36,1),height .3s ease,opacity .3s ease}.ffn__dot[data-d="0"]{width:28px}.ffn__dot[data-d="0"] i{width:20px;opacity:1}.ffn__dot[data-d="1"] i{opacity:.5}.ffn__dot[data-d="2"] i{width:5px;height:5px;opacity:.32}.ffn__dot[data-d="3"] i{width:4px;height:4px;opacity:.2}.ffn__sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.ffn__dialog{width:min(94vw,740px);max-height:92vh;padding:0;background-color:var(--ffn-card);color:var(--ffn-ink);border:1px solid var(--ffn-hairline);border-radius:12px}.ffn__dialog::backdrop{background-color:#0b1413c7}.ffn__dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px 14px;border-bottom:1px solid var(--ffn-hairline)}.ffn__dialog-title{font-family:var(--ffn-display-font);font-size:21px;font-weight:var(--ffn-display-weight, 800);line-height:1.05;text-transform:uppercase}.ffn__dialog-sub{color:var(--ffn-accent);font-size:13.5px;line-height:1.35}.ffn__dialog-close{flex:none;width:32px;height:32px;display:grid;place-items:center;background:none;border:1px solid var(--ffn-hairline);border-radius:99px;color:var(--ffn-ink);cursor:pointer;font-size:18px;line-height:1}.ffn__dialog-close:hover{border-color:var(--ffn-accent);color:var(--ffn-accent)}.ffn__dialog-stage{padding:16px 20px 6px;overflow:auto;min-height:120px}.ffn__dialog-stage svg{width:100%;height:auto;max-height:52vh;color:var(--ffn-ink)}.ffn__dialog-body{display:flex;flex-direction:column;gap:10px;padding:8px 20px 20px}.ffn__dialog-body p{margin:0;color:var(--ffn-ink);font-size:14.5px;line-height:1.55}.ffn__dialog-meta{color:var(--ffn-ink-faint);font-size:12px;line-height:1.5}.ffn__draft-note{margin:0;padding:10px 14px;border:1px dashed var(--ffn-hairline, rgba(45, 45, 45, .3));border-radius:4px;color:var(--ffn-ink-faint, #6b6b6b);font-size:13px;line-height:1.4}@media(prefers-reduced-motion:reduce){.ffn__dots-strip,.ffn__dot,.ffn__dot i{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/ff-product-nutrients.css.map */