.free-from-section{width:100%}.free-from-grid{display:grid;grid-template-columns:1fr;gap:3rem;align-items:start}@media screen and (min-width:750px){.free-from-grid{grid-template-columns:1fr 2fr;gap:4rem}}.free-from-content{display:flex;flex-direction:column;gap:1.5rem}.free-from-heading{margin:0;word-break:break-word}.free-from-text{font-size:1.6rem;line-height:1.6;margin:0}.free-from-text p{margin-top:0}.free-from-text p:last-child{margin-bottom:0}.free-from-badges{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media screen and (min-width:550px){.free-from-badges{grid-template-columns:repeat(3,1fr);gap:2rem}}.free-from-badge{position:relative;aspect-ratio:1.9 / 1;min-height:86px}.free-from-badge__inner{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem;background-color:rgba(var(--color-foreground),.06);border:.5rem solid lightgrey;border-radius:var(--border-radius);transition:all .3s ease;overflow:hidden}.free-from-badge:hover .free-from-badge__inner{background-color:rgba(var(--color-foreground),.1)}.free-from-badge__text{position:relative;z-index:2;font-size:1.4rem;font-weight:500;text-align:center;line-height:1.3;word-break:break-word;color:rgb(var(--color-foreground));text-transform:uppercase;letter-spacing:.05em}@media screen and (min-width:750px){.free-from-badge__text{font-size:1.5rem}}.free-from-badge__inner:before,.free-from-badge__inner:after{content:"";position:absolute;top:50%;left:50%;width:120%;height:.3rem;background-color:rgb(var(--color-foreground));opacity:.15;z-index:0;transition:opacity .3s ease}.free-from-badge__inner:before{transform:translate(-50%,-50%) rotate(45deg)}.free-from-badge__inner:after{transform:translate(-50%,-50%) rotate(-45deg)}.free-from-badge:hover .free-from-badge__inner:before,.free-from-badge:hover .free-from-badge__inner:after{opacity:.25}.free-from-badge__cross{display:none}@media(prefers-reduced-motion:no-preference){.free-from-badge.animate--slide-in{animation:animateSlideIn .5s ease-in-out forwards}}@media screen and (max-width:749px){.free-from-badge{min-height:68px}.free-from-badge__inner{padding:1.5rem 1rem}.free-from-text{font-size:1.4rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-free-from-ingredients.css.map */