.guut-product-ingredients,.guut-product-ingredients *{box-sizing:border-box!important}.guut-product-ingredients{display:flex;flex-direction:column;width:100%;position:relative;--active-bg: var(--yuzu-bg);--active-card-bg: var(--yuzu-card-bg);--active-text: var(--yuzu-text)}.guut-product-ingredients[data-active-flavour=yuzu-ginger]{--active-bg: var(--yuzu-bg);--active-card-bg: var(--yuzu-card-bg);--active-text: var(--yuzu-text)}.guut-product-ingredients[data-active-flavour=peach-blood-orange]{--active-bg: var(--peach-bg);--active-card-bg: var(--peach-card-bg);--active-text: var(--peach-text)}.guut-product-ingredients[data-active-flavour=raspberry-lime]{--active-bg: var(--raspberry-bg);--active-card-bg: var(--raspberry-card-bg);--active-text: var(--raspberry-text)}.reveal-item{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.215,.61,.355,1),transform .8s cubic-bezier(.215,.61,.355,1)}.guut-product-ingredients.in-view .reveal-item,.reveal-item.reveal-item--visible{opacity:1;transform:translateY(0)}.reveal-stagger>*:nth-child(1){transition-delay:.05s}.reveal-stagger>*:nth-child(2){transition-delay:.1s}.reveal-stagger>*:nth-child(3){transition-delay:.15s}.reveal-stagger>*:nth-child(4){transition-delay:.2s}.reveal-stagger>*:nth-child(5){transition-delay:.25s}.reveal-stagger>*:nth-child(6){transition-delay:.3s}.guut-product-ingredients__edge{width:100%;margin:0;height:var(--guut-ing-wave-height, 84px);overflow:hidden;position:relative;z-index:2}.guut-product-ingredients__edge svg{display:block;width:100%;height:100%}.guut-product-ingredients__edge--top svg{transform:translate3d(0,1px,0) scaleY(1.04);transform-origin:top center}.guut-product-ingredients__edge--bottom svg{transform:translateZ(0) scaleY(-1);transform-origin:center}.guut-product-ingredients__track{fill:var(--active-bg);transition:fill .4s ease;transform-box:fill-box;transform-origin:center;will-change:transform}.guut-product-ingredients__track--top{animation:guut-ing-wave-left 45s linear infinite}.guut-product-ingredients__track--bottom{animation:guut-ing-wave-right 45s linear infinite}@keyframes guut-ing-wave-left{0%{transform:translateZ(0)}to{transform:translate3d(-33.33333%,0,0)}}@keyframes guut-ing-wave-right{0%{transform:translate3d(-33.33333%,0,0)}to{transform:translateZ(0)}}@media(prefers-reduced-motion:reduce){.guut-product-ingredients__track--top,.guut-product-ingredients__track--bottom{animation:none!important;transform:translateZ(0)!important}}.guut-product-ingredients__body{width:100%;padding:120px 48px;display:flex;justify-content:center;align-items:center;background-color:var(--active-bg);color:var(--active-text);transition:background-color .4s ease,color .4s ease}.guut-product-ingredients__inner{display:flex;justify-content:center;align-items:flex-start;gap:48px;width:100%;max-width:1344px;margin:0 auto}.guut-product-ingredients__col-left,.guut-product-ingredients__col-right{flex:0 0 648px;width:648px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.guut-product-ingredients__flavor-contents{display:grid;grid-template-columns:1fr;width:100%;margin-bottom:32px}.guut-product-ingredients__flavor-content{grid-column:1;grid-row:1;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:32px;width:100%;opacity:0;visibility:hidden;transform:translateY(15px);transition:opacity .4s ease,transform .4s ease,visibility .4s}.guut-product-ingredients__flavor-content.active{display:flex;opacity:1;visibility:visible;transform:translateY(0)}.guut-product-ingredients__title{align-self:stretch;color:inherit;font-size:60px;font-family:Lexend Deca,sans-serif;font-weight:700;line-height:60px;margin:0;word-wrap:break-word}.guut-product-ingredients__desc{align-self:stretch;color:inherit;font-size:24px;font-family:Inter,sans-serif;font-weight:400;line-height:31.2px;max-width:610px;margin:0;word-wrap:break-word;white-space:normal}.guut-product-ingredients__bullets{display:flex;flex-direction:column;gap:12px;margin:0}.guut-product-ingredients__bullets .bullet-item{color:inherit;font-size:24px;font-family:Inter,sans-serif;font-weight:700;line-height:31.2px;word-wrap:break-word}.guut-product-ingredients__benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px 16px;width:100%;margin-bottom:60px}.benefit-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;gap:16px;transition:transform .3s cubic-bezier(.25,.46,.45,.94);cursor:default}.benefit-card:hover{transform:translateY(-5px)}.benefit-icon{width:40px;height:40px;display:flex;justify-content:center;align-items:center;color:inherit;background-color:currentColor;-webkit-mask-image:var(--benefit-icon-url);mask-image:var(--benefit-icon-url);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.benefit-icon svg,.benefit-icon img{display:block;width:100%;height:100%;object-fit:contain}.benefit-label{color:inherit;font-size:16px;font-family:Inter,sans-serif;font-weight:700;text-transform:uppercase;line-height:19.2px;word-wrap:break-word}.benefit-card:hover .benefit-icon{transform:scale(1.15) rotate(8deg)}.guut-product-ingredients__ingredients-block{width:100%}.guut-product-ingredients__ingredients-title{color:inherit;font-size:28px;font-family:Lexend Deca,sans-serif;font-weight:700;text-transform:capitalize;line-height:28px;margin:0 0 24px;word-wrap:break-word}.guut-product-ingredients__flavor-ingredients{display:grid;grid-template-columns:1fr;width:100%}.guut-product-ingredients__ingredients-text{grid-column:1;grid-row:1;color:inherit;font-size:24px;font-family:Inter,sans-serif;font-weight:400;line-height:31.2px;word-wrap:break-word;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease,visibility .4s}.guut-product-ingredients__ingredients-text.active{opacity:1;visibility:visible;transform:translateY(0)}.guut-product-ingredients__nutrition-cards{display:grid;grid-template-columns:1fr;width:100%;align-self:flex-start;position:sticky;top:48px}.guut-nutrition-card{grid-column:1;grid-row:1;width:100%;opacity:0;visibility:hidden;transform:translateY(15px) scale(.98);perspective:1000px;transform-style:preserve-3d;transition:opacity .4s ease,transform .5s cubic-bezier(.25,.46,.45,.94),visibility .4s;will-change:transform,opacity}.guut-nutrition-card.active.tilted{transition:opacity .4s ease,transform .08s ease-out,visibility .4s}.guut-nutrition-card.active{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.guut-nutrition-card__img{display:block;width:100%;height:auto;border-radius:0;box-shadow:0 10px 25px #0000000d;transition:box-shadow .4s ease}.guut-nutrition-card.active:hover .guut-nutrition-card__img{box-shadow:0 25px 50px #0000002e}@media(max-width:1392px){.guut-product-ingredients__body{padding-left:32px;padding-right:32px}.guut-product-ingredients__inner{gap:32px}.guut-product-ingredients__col-left,.guut-product-ingredients__col-right{flex:1 1 50%;width:auto}}@media(max-width:1024px){.guut-product-ingredients__body{padding-top:80px;padding-bottom:80px}.guut-product-ingredients__inner{flex-direction:column;align-items:stretch;gap:64px}.guut-product-ingredients__col-left,.guut-product-ingredients__col-right{flex:1 1 auto;width:100%}}@media(max-width:768px){.guut-product-ingredients__body{padding:60px 20px}.guut-product-ingredients__title{font-size:44px;line-height:44px}.guut-product-ingredients__desc{font-size:18px;line-height:24px;max-width:100%}.guut-product-ingredients__flavor-content{gap:24px}.guut-product-ingredients__bullets{gap:10px}.guut-product-ingredients__bullets .bullet-item{font-size:18px;line-height:24px}.guut-product-ingredients__benefits-grid{grid-template-columns:repeat(2,1fr);gap:24px 16px;margin-bottom:48px}.guut-product-ingredients__ingredients-title{font-size:24px;line-height:24px;margin-bottom:16px}.guut-product-ingredients__ingredients-text{font-size:18px;line-height:24px}.guut-product-ingredients__nutrition-cards{position:static}}@media(max-width:480px){.guut-product-ingredients__body{padding-left:16px;padding-right:16px}.guut-product-ingredients__title{font-size:36px;line-height:36px}.guut-product-ingredients__benefits-grid{grid-template-columns:repeat(2,1fr);gap:20px 12px}.benefit-label{font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/guut-product-ingredients.css.map */