.freshness-chart{padding:6.4rem 0;background:hsl(var(--solio-background))}@media screen and (min-width:750px){.freshness-chart{padding:9.6rem 0}}.freshness-chart__container{max-width:88rem;margin:0 auto;padding:0 2.4rem}.freshness-chart__header{text-align:center;margin:0 auto 3.2rem;max-width:64rem}.freshness-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 1.6rem}@media screen and (min-width:750px){.freshness-chart__heading{font-size:var(--text-h2)}}.freshness-chart__subheading{font-family:var(--font-solio-sans);font-size:var(--text-body);font-weight:300;line-height:1.6;color:hsl(var(--solio-muted-foreground));margin:0 auto;max-width:var(--subhead-max-width)}@media screen and (min-width:750px){.freshness-chart__subheading{font-size:var(--text-lede)}}.freshness-chart__legend{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;margin:0 0 1.6rem;font-family:var(--font-solio-sans);font-size:var(--text-caption);color:hsl(var(--solio-foreground))}@media screen and (min-width:750px){.freshness-chart__legend{font-size:var(--text-caption)}}.freshness-chart__legend-item{display:inline-flex;align-items:center;gap:.8rem}.freshness-chart__legend-dot{width:1rem;height:1rem;border-radius:50%;display:inline-block}.freshness-chart__legend-dot--best{background:hsl(var(--solio-olive))}.freshness-chart__legend-dot--worst{background:hsl(var(--solio-muted-foreground))}.freshness-chart__chart{width:100%;margin:0 0 1.6rem}.freshness-chart__svg{display:block;width:100%;height:auto;overflow:visible}.freshness-chart__axis{stroke:hsl(var(--solio-border));stroke-width:1}.freshness-chart__gridline{stroke:hsl(var(--solio-border));stroke-width:1;stroke-opacity:.5}.freshness-chart__tick,.freshness-chart__axis-title{font-family:var(--font-solio-sans);font-size:var(--text-caption);fill:hsl(var(--solio-muted-foreground))}.freshness-chart__reference{stroke:hsl(var(--solio-muted-foreground));stroke-width:1;stroke-dasharray:6 4;stroke-opacity:.6}.freshness-chart__reference-label{font-family:var(--font-solio-sans);font-size:var(--text-caption);fill:hsl(var(--solio-muted-foreground))}.freshness-chart__line{fill:none;stroke-linecap:round;stroke-linejoin:round}.freshness-chart__line--best{stroke:hsl(var(--solio-olive));stroke-width:2.5}.freshness-chart__line--worst{stroke:hsl(var(--solio-muted-foreground));stroke-width:2}.freshness-chart__dot{stroke:hsl(var(--solio-background));stroke-width:2}.freshness-chart__dot--best{fill:hsl(var(--solio-olive))}.freshness-chart__dot--worst{fill:hsl(var(--solio-muted-foreground))}.freshness-chart__endpoint-label{font-family:var(--font-solio-sans);font-size:var(--text-caption);font-weight:500}.freshness-chart__endpoint-label--best{fill:hsl(var(--solio-olive))}.freshness-chart__endpoint-label--worst{fill:hsl(var(--solio-muted-foreground))}.freshness-chart__disclaimer{text-align:center;font-family:var(--font-solio-sans);font-size:var(--text-caption);line-height:1.5;color:hsl(var(--solio-muted-foreground) / .85);margin:0 auto .8rem;max-width:56rem}.freshness-chart__source{text-align:center;font-family:var(--font-solio-sans);font-size:var(--text-caption);color:hsl(var(--solio-muted-foreground) / .7);margin:0}.freshness-chart__source a{color:inherit;text-decoration:underline;transition:color var(--duration-fast) var(--ease-out)}.freshness-chart__source a:hover{color:hsl(var(--solio-foreground))}@keyframes freshness-line-draw{0%{stroke-dasharray:2000;stroke-dashoffset:2000}to{stroke-dasharray:2000;stroke-dashoffset:0}}@keyframes freshness-fade-in{0%{opacity:0}to{opacity:1}}.freshness-chart.is-revealed .freshness-chart__line--best{animation:freshness-line-draw 1.6s ease-out}.freshness-chart.is-revealed .freshness-chart__line--worst{animation:freshness-line-draw 1.6s ease-out .15s}.freshness-chart.is-revealed .freshness-chart__area{animation:freshness-fade-in 1.2s ease-out .3s backwards}.freshness-chart.is-revealed .freshness-chart__reference,.freshness-chart.is-revealed .freshness-chart__reference-label{animation:freshness-fade-in .6s ease-out .8s backwards}.freshness-chart.is-revealed .freshness-chart__dot,.freshness-chart.is-revealed .freshness-chart__endpoint-label{animation:freshness-fade-in .5s ease-out 1.4s backwards}@media screen and (max-width:749px){.freshness-chart{padding:4.8rem 0}.freshness-chart__container{padding:0 1.6rem}.freshness-chart__header{margin-bottom:2.4rem}.freshness-chart__legend{gap:1.6rem}.freshness-chart__tick--mobile-hide,.freshness-chart__axis-title--mobile-hide,.freshness-chart__endpoint-label--mobile-hide,.freshness-chart__reference-label--mobile-hide{display:none}.freshness-chart__tick{font-size:var(--text-micro)}.freshness-chart__line--best{stroke-width:3}.freshness-chart__line--worst{stroke-width:2.5}}@media(prefers-reduced-motion:reduce){.freshness-chart.is-revealed .freshness-chart__line--best,.freshness-chart.is-revealed .freshness-chart__line--worst,.freshness-chart.is-revealed .freshness-chart__area,.freshness-chart.is-revealed .freshness-chart__dot,.freshness-chart.is-revealed .freshness-chart__endpoint-label,.freshness-chart.is-revealed .freshness-chart__reference,.freshness-chart.is-revealed .freshness-chart__reference-label{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-freshness-chart.css.map */