.flavor-facts{--ff-bg: #ffffff;--ff-fg: #c8102e;--ff-accent: #c8102e;--ff-radius: 10px;position:relative;display:block;box-sizing:border-box;width:100%;margin-top:120px;padding:0 var(--fh-inset-right, 10px) var(--ff-space-below, 100px) var(--fh-inset-left, 13px);overflow-x:clip;color:var(--ff-fg);background-color:var(--ff-bg);font-family:var(--font-body-family)}.flavor-facts *,.flavor-facts *:before,.flavor-facts *:after{box-sizing:inherit}.flavor-facts :is(h2,h3){color:inherit;letter-spacing:normal;word-break:normal}.ff-head{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:24px}.ff-eyebrow{margin:0;color:var(--ff-accent);font-family:var(--font-heading-family);font-size:24px;line-height:1;text-align:center;text-transform:uppercase}.ff-arc{position:relative;width:100%;height:var(--ff-arc-h, 1.1em);margin:0}.ff-arc__letter{position:absolute;top:0;left:50%;display:inline-block;font-family:var(--font-heading-family);font-size:60px;line-height:1;text-transform:uppercase;-webkit-user-select:none;user-select:none;white-space:pre;transform-origin:50% var(--ff-r, 700px);transform:translate(-50%) rotate(var(--ff-a, 0deg))}.ff-arc:not([data-ready]) .ff-arc__letter{opacity:0}.ff-toggle{position:relative;z-index:20;display:flex;align-items:center;justify-content:center;gap:48px;margin-top:32px}.ff-toggle__btn{position:relative;display:flex;height:48px;align-items:center;justify-content:center;padding:0 4px;border:0;background:none;color:inherit;font-family:var(--font-body-family);font-size:18px;font-weight:500;text-transform:uppercase;cursor:pointer}.ff-toggle__btn:focus-visible{outline:2px solid currentcolor;outline-offset:4px}.ff-toggle__mark{position:absolute;top:50%;left:50%;z-index:-1;width:150%;height:auto;color:var(--ff-accent);opacity:0;transform:translate(-50%,-50%) scale(0);pointer-events:none}.ff-toggle__mark svg{display:block;width:100%;height:auto}.ff-toggle__btn[aria-pressed=true] .ff-toggle__mark{opacity:1;transform:translate(-50%,-50%) scaleX(1) scaleY(.75)}@media(prefers-reduced-motion:no-preference){.ff-toggle__mark{transition:transform .3s ease-out,opacity .3s ease-out}}.ff-flip{position:relative;z-index:10;width:100%;margin-top:var(--ff-space-above, 60px);padding-bottom:calc(var(--ff-peek, 32px) * 2 + 20px);perspective:1400px}.ff-flip__inner{display:grid;transform-style:preserve-3d}.ff-face{position:relative;grid-area:1 / 1;overflow:hidden;border:1px solid var(--ff-fg);border-radius:var(--ff-radius);background-color:var(--ff-bg);cursor:pointer;transform-origin:50% 100%}.ff-face[data-state=front]{z-index:2;box-shadow:0 22px 45px -26px color-mix(in oklch,var(--ff-fg) 65%,transparent);transform:translateZ(0) rotateX(0) rotate(0) scale(1)}.ff-face[data-state=back]{z-index:calc(2 - var(--ff-depth, 1));box-shadow:0 10px 24px -20px color-mix(in oklch,var(--ff-fg) 45%,transparent);transform:translate3d(0,calc(var(--ff-peek, 32px) * var(--ff-depth, 1)),calc(-170px * var(--ff-depth, 1))) rotateX(7deg) rotate(calc(var(--ff-tilt, -3deg) * var(--ff-depth, 1))) scale(calc(1 - .02 * var(--ff-depth, 1)))}@media(prefers-reduced-motion:no-preference){.ff-face--leaving{animation:ff-swap-back .58s cubic-bezier(.3,.7,.2,1) both}.ff-face--arriving{animation:ff-swap-front .58s cubic-bezier(.3,.7,.2,1) both}.ff-face__body{transition:opacity .4s ease-out}}@keyframes ff-swap-back{0%{z-index:3;transform:translateZ(0) rotateX(0) rotate(0) scale(1)}45%{z-index:3;transform:translate3d(42%,calc(var(--ff-peek, 32px) * .45),-70px) rotateX(4deg) rotate(9deg) scale(.99)}55%{z-index:1}to{z-index:1;transform:translate3d(0,calc(var(--ff-peek, 32px) * var(--ff-depth, 1)),calc(-170px * var(--ff-depth, 1))) rotateX(7deg) rotate(calc(var(--ff-tilt, -3deg) * var(--ff-depth, 1))) scale(calc(1 - .02 * var(--ff-depth, 1)))}}@keyframes ff-swap-front{0%{z-index:1;transform:translate3d(0,calc(var(--ff-peek, 32px) * var(--ff-depth, 1)),calc(-170px * var(--ff-depth, 1))) rotateX(7deg) rotate(calc(var(--ff-tilt, -3deg) * var(--ff-depth, 1))) scale(calc(1 - .02 * var(--ff-depth, 1)))}45%{z-index:1;transform:translate3d(-42%,calc(var(--ff-peek, 32px) * .55),-110px) rotateX(5deg) rotate(-10deg) scale(.97)}55%{z-index:3}to{z-index:3;transform:translateZ(0) rotateX(0) rotate(0) scale(1)}}.ff-face[data-state=back] .ff-face__body{opacity:.55}.flavor-facts{overflow-x:clip}.ff-face__pattern{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.1;background-repeat:repeat;background-size:95px 158px;pointer-events:none}.ff-face__body{position:relative;z-index:1}.ff-face--front .ff-face__body,.ff-face--story .ff-face__body{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:64px 32px;text-align:center}.ff-ingredients,.ff-story{margin:0;font-size:18px}.ff-kicker{margin:0;font-family:var(--font-heading-family);font-size:24px;line-height:1;text-transform:uppercase}.ff-face--back .ff-face__body{padding:24px 16px}.ff-serving{margin:0;font-weight:500;text-align:center}.ff-rows{display:flex;width:100%;flex-direction:column;margin:20px 0 0;padding:0;list-style:none}.ff-rows li{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px dashed color-mix(in oklch,var(--ff-fg) 30%,transparent)}.ff-rows li:last-child{border-bottom:1px dashed color-mix(in oklch,var(--ff-fg) 30%,transparent)}.ff-rows li[data-strong] span{font-weight:700}.ff-rows__note{font-size:14px;letter-spacing:normal}@media screen and (min-width:1024px){.ff-eyebrow{font-size:clamp(1.3333rem,2.0833vw,2.5rem)}.ff-arc__letter{font-size:120px}.ff-toggle{gap:80px;margin-top:40px}.ff-flip{width:calc(33.3333vw - 10px);margin-right:auto;margin-left:auto}}@media screen and (min-width:640px)and (max-width:1023px){.ff-arc__letter{font-size:100px}}@media screen and (min-width:1280px){.ff-arc__letter{font-size:140px}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-flavor-facts.css.map */