.polyphenol-chart{padding:6.4rem 0;background-color:hsl(var(--solio-background))}@media screen and (min-width:750px){.polyphenol-chart{padding:9.6rem 0}}.polyphenol-chart__container{max-width:140rem;margin:0 auto;padding:0 2.4rem}.polyphenol-chart__inner{max-width:80rem;margin:0 auto}.polyphenol-chart__header{text-align:center;margin-bottom:3.2rem}@media screen and (min-width:750px){.polyphenol-chart__header{margin-bottom:4.8rem}}.polyphenol-chart__heading{font-family:var(--font-solio-serif);font-size:var(--text-stat);font-weight:400;letter-spacing:-.01em;line-height:1.15;color:hsl(var(--solio-foreground));margin:0 0 2rem}@media screen and (min-width:750px){.polyphenol-chart__heading{font-size:var(--text-h2)}}@media screen and (min-width:990px){.polyphenol-chart__heading{font-size:var(--text-h2)}}.polyphenol-chart__subheading{font-family:var(--font-solio-sans);font-size:var(--text-lede);font-weight:300;line-height:1.6;color:hsl(var(--solio-muted-foreground));margin:0 auto;max-width:var(--subhead-max-width)}.polyphenol-chart__bars{display:flex;flex-direction:column;gap:1.6rem;margin-bottom:2.4rem}.polyphenol-chart__bar-row{display:flex;flex-direction:column;gap:.4rem}.polyphenol-chart__label-row{display:flex;justify-content:space-between;align-items:center}.polyphenol-chart__bar-name{font-family:var(--font-solio-sans);font-size:var(--text-caption);font-weight:500;color:hsl(var(--solio-foreground))}.polyphenol-chart__bar-value{font-family:var(--font-solio-sans);font-size:var(--text-caption);font-weight:600;color:hsl(var(--solio-foreground))}.polyphenol-chart__bar-track{height:3.2rem;background:hsl(var(--solio-muted));border-radius:.4rem;overflow:hidden}.polyphenol-chart__bar-fill{height:100%;min-height:3.2rem;border-radius:.4rem;background-color:#c4bba8;transition:width .8s ease-out}.polyphenol-chart__bar-fill--accent{background-color:#77813c}.polyphenol-chart__bar-row--highlight .polyphenol-chart__bar-name,.polyphenol-chart__bar-row--highlight .polyphenol-chart__bar-value{font-weight:700}.polyphenol-chart .polyphenol-chart__bar-track .polyphenol-chart__bar-fill{display:block!important;height:100%!important;min-height:3.2rem!important;background:#c4bba8!important;border-radius:.4rem}.polyphenol-chart .polyphenol-chart__bar-track .polyphenol-chart__bar-fill.polyphenol-chart__bar-fill--accent{background:#77813c!important}.polyphenol-chart__footnote{font-family:var(--font-solio-sans);font-size:var(--text-caption);font-weight:300;color:hsl(var(--solio-muted-foreground));text-align:center;margin:0}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-polyphenol-chart.css.map */