.about-chart{padding-top:4rem;padding-bottom:5rem;position:relative}@media screen and (min-width: 750px){.about-chart{padding-top:6.5rem;padding-bottom:12rem}}.about-chart .noodle-bg{position:absolute;width:100%;height:100%;background:#ffe5bf}.about-chart__heading{margin-bottom:4rem;max-width:80vw;margin-left:auto;margin-right:auto;position:relative;z-index:3}@media screen and (min-width: 750px){.about-chart__heading{margin-bottom:7.6rem}}.about-chart .heading-2{margin-top:.2rem}.about-chart__columns{box-sizing:border-box}@media screen and (min-width: 750px){.about-chart__columns{display:flex}}.about-chart__labels{display:flex;text-align:center;position:relative;z-index:2}@media screen and (min-width: 750px){.about-chart__labels{width:25%;display:block;text-align:left}}.about-chart__label{padding-bottom:3rem;max-width:16.8rem;width:33%}@media screen and (min-width: 750px){.about-chart__label{padding-bottom:4.5rem;width:100%}}.about-chart__label *{font-size:1.1rem}@media screen and (min-width: 750px){.about-chart__label *{font-size:1.5rem}}.about-chart__label .h4{margin-bottom:0;font-weight:700}.about-chart .color-swatch{width:2rem;height:2rem;display:block;margin-bottom:1rem}@media screen and (max-width: 749px){.about-chart .color-swatch{margin-left:auto;margin-right:auto}}.about-chart__chart{position:relative}@media screen and (min-width: 750px){.about-chart__chart{width:75%}}.about-chart .disclaimer-text{position:absolute;top:0;right:0;width:16rem;text-align:left}.about-chart .fiber-badge{transform:rotate(-10deg);opacity:0}@media screen and (max-width: 749px){.about-chart .fiber-badge{width:13rem;margin-top:3rem}.about-chart .disclaimer-text{position:relative;max-width:unset;width:100%}}@media screen and (min-width: 750px){.about-chart .fiber-badge{position:absolute;top:0;right:0;width:21.5rem}}.about-chart__chart-heading{font-weight:700;font-size:1.7rem;margin-bottom:1.1rem}@media screen and (min-width: 750px){.about-chart__chart-heading{font-size:2.1rem;margin-bottom:1.6rem}}.about-chart__chart-1,.about-chart__chart-2{width:100%}@media screen and (min-width: 750px){.about-chart__chart-1,.about-chart__chart-2{width:71.2rem}}.about-chart .bar-wrap{position:relative;padding:1rem;height:3.6rem}@media screen and (min-width: 750px){.about-chart .bar-wrap{height:6.5rem;padding:2.2rem 1.8rem 1.8rem}}.about-chart .bar-wrap--white{background:#fff;color:rgb(var(--color-green));padding:1rem 1rem 4rem;height:5.8rem}@media screen and (min-width: 750px){.about-chart .bar-wrap--white{padding:2rem 2rem 4rem;height:8.4rem}}.about-chart .bar-wrap--green{background:rgb(var(--color-green));color:#fff;margin-top:-2rem}.about-chart .bar-wrap--gold:before{background:rgb(var(--color-gold));content:"";display:block;position:absolute;top:0;left:0;height:100%}.about-chart .bar-wrap--gold{color:#fff;position:relative}.about-chart .bar-wrap--gold .bar-wrap__heading{color:rgb(var(--color-base-text))}.about-chart .bar-wrap--gold .bar-wrap__heading strong{color:#f89300;font-size:1.3rem;vertical-align:baseline;display:inline-block;margin-right:0}@media screen and (min-width: 750px){.about-chart .bar-wrap--gold .bar-wrap__heading strong{color:rgb(var(--color-gold));margin-right:.2rem;font-size:2.2rem}}.about-chart__bottom-bars{position:relative;padding-bottom:6rem}.about-chart__bottom-bars .bar-wrap--gold{position:absolute;top:0}.about-chart__bottom-bars .bar-wrap--gold .bar-wrap__heading{position:absolute;left:0;bottom:-1rem;width:24rem;font-size:1.1rem;transform:translate(-20%,100%);display:flex;justify-content:flex-end}@media screen and (min-width: 750px){.about-chart__bottom-bars .bar-wrap--gold .bar-wrap__heading{left:unset;right:0;width:32rem;transform:translate(90%,100%);font-size:1.6rem}}.bar-wrap-c1-b1{width:94%}.bar-wrap-c1-b2{width:55%}.bar-wrap-c1-gw{left:55%;width:30%}#Quickcakes .bar-wrap-c1-gw{width:42%}.bar-wrap-c2-b1{width:100%}.bar-wrap-c2-b2{width:50%}.bar-wrap-c2-gw{left:50%;width:30%}#Quickcakes .bar-wrap-c2-gw{width:35%}@media screen and (min-width: 750px){.bar-wrap-c1-b1{width:75%}.bar-wrap-c1-b2{width:45%}.bar-wrap-c1-gw{left:45%;width:25%}#Quickcakes .bar-wrap-c1-gw{width:32%}.bar-wrap-c2-b1{width:85%}.bar-wrap-c2-b2{width:40%}.bar-wrap-c2-gw{left:40%;width:18.6%}#Quickcakes .bar-wrap-c2-gw{width:29%}}.about-chart .bar-wrap__perc{position:absolute;top:1rem;right:1rem;font-size:1rem}@media screen and (min-width: 750px){.about-chart .bar-wrap__perc{font-size:1.8rem;top:1.8rem;right:1.5rem}}.about-chart .bar-wrap__heading{font-size:1.1rem;line-height:1.3;font-weight:700;letter-spacing:0}@media screen and (min-width: 750px){.about-chart .bar-wrap__heading{line-height:1.3;font-size:1.7rem}}@media screen and (max-width: 749px){.bar-wrap__heading .heading__arrow{width:1.2rem;position:absolute;top:-1.5rem;right:-2.3rem;transform:scaleX(-1)}}@media screen and (min-width: 750px){.bar-wrap__heading .heading__arrow{width:1.6rem;position:absolute;top:-2.3rem;left:-2.4rem}}.bar-wrap .noodle-bowl{width:4.4rem;position:relative;top:-1.2rem}@media screen and (min-width: 750px){.bar-wrap .noodle-bowl{width:6.5rem;top:-1.7rem}}.noodle-bowl .img{-o-object-fit:contain;object-fit:contain}.about-chart__label--gw{opacity:0;transform:translateY(.8rem)}.bar-wrap--gold .noodle-bowl,.bar-wrap--gold .bar-wrap__perc,.bar-wrap--gold .bar-wrap__heading{opacity:0;transform:translateY(.5rem)}@media screen and (min-width: 750px){.bar-wrap--gold .noodle-bowl,.bar-wrap--gold .bar-wrap__perc,.bar-wrap--gold .bar-wrap__heading{transform:translateY(.7rem)}}.bar-wrap-c2-gw:before,.bar-wrap-c1-gw:before{width:0}.animate-in .bar-wrap-c2-gw:before,.animate-in .bar-wrap-c1-gw:before{width:100%;transition:all 1s ease}.about-chart .animate-in .fiber-badge,.about-chart .animate-in .about-chart__label--gw{transform:none;opacity:1;transition:opacity .5s ease,transform 1s ease}.about-chart .animate-in .fiber-badge{transition:opacity .5s ease .5s,transform 1s ease .5s}.animate-in .bar-wrap-c1-gw .bar-wrap__heading,.animate-in .bar-wrap-c2-gw .bar-wrap__heading,.animate-in .bar-wrap-c1-gw .bar-wrap__perc,.animate-in .bar-wrap-c2-gw .bar-wrap__perc{opacity:1;transform:none;transition:opacity .6s ease .5s,transform .8s ease .5s}.about-chart__bottom-bars .bar-wrap--gold .bar-wrap__heading{transform:translate(-20%,calc(100% + .5rem))}@media screen and (min-width: 750px){.about-chart__bottom-bars .bar-wrap--gold .bar-wrap__heading{transform:translate(90%,calc(100% + .8rem))}}.animate-in .bar-wrap-c1-gw .bar-wrap__heading,.animate-in .bar-wrap-c2-gw .bar-wrap__heading{transform:translate(-20%,100%)}@media screen and (min-width: 750px){.animate-in .bar-wrap-c1-gw .bar-wrap__heading{transform:translate(90%,100%)}.animate-in .bar-wrap-c2-gw .bar-wrap__heading{transform:translate(95%,100%)}}.animate-in .bar-wrap-c1-gw .noodle-bowl{opacity:1;transform:none;transition:opacity .6s ease .5s,transform .8s ease .5s}.animate-in .bar-wrap-c2-gw .bar-wrap__heading,.animate-in .bar-wrap-c2-gw .bar-wrap__perc{opacity:1;transition:opacity .6s ease .8s,transform .8s ease .8s}.animate-in .bar-wrap-c2-gw .noodle-bowl{opacity:1;transform:none;transition:opacity .6s ease .8s,transform .8s ease .8s}#Quickcakes .bar-wrap .noodle-bowl{top:-.6rem!important}@media screen and (min-width: 750px){#Quickcakes .bar-wrap .noodle-bowll{top:-1.1rem!important}}#Mac-Cheese .bar-wrap .noodle-bowl{top:-.6rem!important}@media screen and (min-width: 750px){#Mac-Cheese .bar-wrap .noodle-bowll{top:-1.1rem!important}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/component-about-chart.css.map?v=7751584590842665251708005156 */