.comp-ing__container{width:100%;max-width:var(--page-width);margin:auto;display:flex;padding:0 24px 24px;color:rgb(var(--color-foreground));gap:8px;overflow:scroll}.comp-ing__item{display:flex;flex-direction:column;justify-content:end;gap:10px}.comp-ing__left{height:200px;display:flex;align-items:end;justify-content:end}.comp-ing__logo{width:108px;height:fit-content;display:flex}.comp-ing__logo img{width:100%;height:auto}.comp-ing__center{width:100%;height:36px;display:flex;justify-content:end;align-items:center;font-size:18px;font-weight:800;line-height:1.2}.comp-ing__right{height:200px;display:flex;font-size:20px;font-weight:800;line-height:24px;max-width:100px;text-align:end;color:rgb(var(--color-foreground))}.comp-ing__center--title{width:72px;font-size:11px;background-color:rgb(var(--color-foreground));color:rgb(var(--color-background));justify-content:center;align-items:center;text-align:center;border-radius:2px}.comp-ing__item--compare{width:72px}.comp-ing__item--compare .comp-ing__left,.comp-ing__item--compare .comp-ing__right{position:relative;justify-content:center;font-size:11px;font-weight:600}.comp-ing__item--compare .comp-ing__left span,.comp-ing__item--compare .comp-ing__right span{word-break:break-word;padding:0 6px;-webkit-hyphens:auto;hyphens:auto;text-align:center}.comp-ing__item--compare .comp-ing__right span{line-height:1.2;color:#181818;opacity:.6}.comp-ing__left-percentage{display:block!important;position:absolute;bottom:0;width:100%;height:var(--first-percentage);background-color:rgb(var(--color-button));color:rgb(var(--color-foreground));border-radius:2px;z-index:-1}.comp-ing__right-percentage{display:block!important;position:absolute;top:0;width:100%;height:var(--second-percentage);background-color:#eee;color:rgb(var(--color-foreground));border-radius:2px;z-index:-1}.comp-ing__container{scrollbar-width:none;-ms-overflow-style:none}.comp-ing__container::-webkit-scrollbar{display:none}.comp-ing__lottie-container{display:flex;justify-content:end;align-items:end}.comp-ing__lottie{position:absolute;bottom:0;right:0;transition:opacity 1s ease;pointer-events:none}.comp-ing__lottie.hide{opacity:0}@media (max-width: 927px){div.fake-scrollbar-track{position:absolute;bottom:0;left:0;width:100%;height:4px;background:#00000080;pointer-events:none;z-index:10;display:block}div.fake-scrollbar-thumb{display:block;height:100%;width:0;background:#000;border-radius:2px;transform:translate(0);transition:background .3s}}@media (min-width: 900px){.comp-ing__lottie{display:none}}@media (min-width: 990px){.comp-ing__container{flex-direction:column;overflow:hidden;max-width:var(--page-width);padding:0 5rem}.comp-ing__item{flex-direction:row}.comp-ing__item--compare{width:auto}.comp-ing__left{height:54px;width:100%;align-items:center;justify-content:end}.comp-ing__center{width:100%;max-width:264px;height:54px;justify-content:center;font-size:35px;padding:0 6px}.comp-ing__right{height:54px;max-width:none;width:100%;text-align:end;color:rgb(var(--color-foreground));justify-content:start;align-items:center;font-size:35px}.comp-ing__left-percentage{height:54px;width:var(--first-percentage);right:0}.comp-ing__right-percentage{height:54px;width:var(--second-percentage);left:0}.comp-ing__item--compare .comp-ing__left{justify-content:end}.comp-ing__center--title{font-size:17px}.comp-ing__item--compare .comp-ing__right{justify-content:start}.comp-ing__item--compare .comp-ing__left span,.comp-ing__item--compare .comp-ing__right span{padding:0 24px;font-size:16px}.comp-ing__item--compare .comp-ing__left span.desktop-bigger-padding,.comp-ing__item--compare .comp-ing__right span.desktop-bigger-padding{padding:0 54px}}@media (min-width: 1280px){.comp-ing__container{padding:0;padding-inline:12rem}}@media screen and (max-width: 749px){.p-ing__bottom{flex-direction:column;justify-content:center;align-items:center;padding-bottom:16px}.p-ing__bottom .p-ing__benefit{width:280px;display:flex;align-items:center;text-align:start;gap:24px}.p-ing__bottom .p-ing__benefit h4{font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-compare-ingredients.css.map */