.sugar-container{position:relative}.sugar-impact.gradient{background:rgb(var(--color-background));background:var(--gradient-background);background-attachment:scroll}.sugar-impact{overflow:hidden}.sugar-impact__shell{position:relative;display:block}.sugar-impact__media,.sugar-impact__content{min-width:0}.sugar-impact__media{position:relative;display:flex;padding:2rem;align-items:center;justify-content:center;border-radius:3.2rem;background:radial-gradient(circle at 20% 20%,rgba(var(--color-foreground),.2),transparent 26rem),radial-gradient(circle at 80% 80%,rgba(var(--color-foreground),.16),transparent 24rem),rgba(var(--color-foreground),.08);isolation:isolate;margin:0 auto 5rem}.sugar-impact__orb{position:absolute;border-radius:999rem;background:rgba(var(--color-foreground),.08);filter:blur(.2rem)}.sugar-impact__orb--one{width:14rem;height:14rem;top:12%;left:10%}.sugar-impact__orb--two{right:8%;bottom:10%;width:20rem;height:20rem}.sugar-impact__flip-counter{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:clamp(.4rem,1vw,2rem);align-items:center;justify-content:center;max-width:118rem;margin-inline:auto;padding:4rem;border:.1rem solid rgba(var(--color-foreground),.12);border-radius:3rem;background:rgba(var(--color-background),.72);box-shadow:0 2rem 7rem rgba(var(--color-foreground),.12);-webkit-backdrop-filter:blur(1.6rem);backdrop-filter:blur(1.6rem)}.sugar-impact__flip-card{position:relative;display:grid;place-items:center;width:clamp(2.4rem,5vw,5.6rem);aspect-ratio:.72;border-radius:1rem;background:rgba(var(--color-foreground),.92);color:rgb(var(--color-background));box-shadow:inset 0 -.1rem rgba(var(--color-background),.2),0 1rem 2.4rem rgba(var(--color-foreground),.12);font-size:clamp(2.2rem,5vw,5.8rem);font-weight:850;line-height:1;letter-spacing:-.06em;font-variant-numeric:tabular-nums;overflow:hidden}.sugar-impact__flip-card:before{content:"";position:absolute;left:0;right:0;top:50%;height:.1rem;background:rgba(var(--color-background),.28);z-index:2}.sugar-impact__comma{align-self:flex-end;margin-inline:-.1rem;padding-bottom:0;font-size:clamp(2.4rem,5vw,5.6rem);font-weight:500;line-height:1;opacity:.72;transform:translateY(.2rem)}.sugar-impact__flip-counter .sugar-impact__unit{flex-basis:100%;max-width:none;margin-top:.6rem;text-align:center;font-size:2.4rem;font-weight:600}.sugar-impact__content{align-self:center;max-width:90rem;margin:0 auto 40px;text-align:center}.sugar-impact__badge{position:absolute;top:-1.4rem;left:3.5rem;width:fit-content;margin:0;padding:.2rem 1rem;border:.1rem solid rgba(var(--color-foreground),.14);border-radius:999rem;background-color:rgba(var(--color-button),var(--alpha-button-background));color:rgb(var(--color-button-text));font-size:1.2rem;font-weight:750;letter-spacing:.12em;line-height:1.4;text-transform:uppercase;opacity:.95;transition:box-shadow var(--duration-short) ease}.sugar-impact__heading{margin:0}.sugar-impact__copy{margin-top:1.8rem;font-weight:600}.sugar-impact__buttons{margin-top:2.6rem;font-weight:700}.sugar-impact__media:after{content:"";position:absolute;top:8%;right:8%;bottom:8%;left:8%;z-index:0;border-radius:3rem;background:currentColor;opacity:0;filter:blur(2.5rem);pointer-events:none}.sugar-impact__mobile-break{display:none}@media screen and (max-width:559px){.sugar-impact__flip-counter{display:flex;flex-wrap:wrap;gap:.3rem;padding:1.8rem .8rem}.sugar-impact__flip-card{flex:1 1 0;min-width:0;width:auto;aspect-ratio:.72;font-size:clamp(1.8rem,6.5vw,3rem);border-radius:.7rem}.sugar-impact__comma{flex:0 0 auto;margin-inline:-.1rem;font-size:clamp(1.8rem,6.5vw,3rem);transform:translateY(.1rem)}.sugar-impact__flip-counter .sugar-impact__unit{flex:0 0 100%;width:100%;margin-top:.8rem;font-size:1.4rem;text-align:center}}@media screen and (min-width:990px){.sugar-impact__media{max-width:85vw}}@media screen and (prefers-reduced-motion:no-preference){.sugar-impact__flip-counter{transition:transform var(--duration-long) ease,box-shadow var(--duration-long) ease}.sugar-impact.is-counter-complete .sugar-impact__media:hover .sugar-impact__flip-counter{transform:rotate(-1deg);box-shadow:0 3rem 8rem rgba(var(--color-foreground),.16)}.sugar-impact__flip-card.is-flipping{animation:sugar-impact-flip .22s ease}.sugar-impact__orb--one{animation:sugar-impact-float-one 8s ease-in-out infinite}.sugar-impact__orb--two{animation:sugar-impact-float-two 10s ease-in-out infinite}.sugar-impact__media.is-flashing:after{animation:sugar-impact-flash .72s ease-out}}@media screen and (prefers-reduced-motion:reduce){.sugar-impact__flip-card,.sugar-impact__flip-counter,.sugar-impact__orb,.sugar-impact__media:after{animation:none;transition:none;transform:none}}@media screen and (max-width:749px){.sugar-impact__media{padding:1.2rem;margin-bottom:3.6rem}.sugar-impact__flip-counter{gap:.4rem;padding:2rem 1.2rem;border-radius:2rem}.sugar-impact__flip-card{width:clamp(2.1rem,7.2vw,3.6rem);border-radius:.7rem}.sugar-impact__comma{font-size:clamp(2rem,7vw,3.4rem);transform:translateY(.1rem)}.sugar-impact__flip-counter .sugar-impact__unit{font-size:1.6rem}.sugar-impact__badge{left:1.6rem}}@keyframes sugar-impact-flip{0%{transform:rotateX(0)}48%{transform:rotateX(-88deg)}52%{transform:rotateX(88deg)}to{transform:rotateX(0)}}@keyframes sugar-impact-float-one{0%,to{transform:translateZ(0)}50%{transform:translate3d(1.6rem,-1.2rem,0)}}@keyframes sugar-impact-float-two{0%,to{transform:translateZ(0)}50%{transform:translate3d(-1.4rem,1rem,0)}}@keyframes sugar-impact-flash{0%{opacity:0;transform:scale(.72)}35%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(1.22)}}
/*# sourceMappingURL=/cdn/shop/t/120/assets/section-sugar-saved-counter.css.map */