.oddit-polyphenol-compounds{--oddit-pc-bg: #d6d79f;--oddit-pc-text: #591520;--oddit-pc-pill-active-bg: #591520;--oddit-pc-pill-active-text: #f0f1ea;--oddit-pc-pill-border: #591520;--oddit-pc-divider: #7d9bb5;position:relative;width:100%;background-color:var(--oddit-pc-bg);color:var(--oddit-pc-text);-webkit-tap-highlight-color:transparent}.oddit-polyphenol-compounds__container{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;width:100%;max-width:100%;margin:0 auto;box-sizing:border-box}.oddit-polyphenol-compounds__left{display:flex;flex-direction:column;gap:clamp(64px,7vw,104px);padding:clamp(64px,9vw,120px) clamp(20px,5vw,50px) clamp(64px,9vw,120px);box-sizing:border-box}.oddit-polyphenol-compounds__intro{display:flex;flex-direction:column;gap:clamp(20px,3vw,35px)}.oddit-polyphenol-compounds__heading{margin:0;font-family:FFF Acid Grotesk Variable TRIAL,Figtree,sans-serif;font-weight:100;font-size:clamp(26px,3vw,40px);line-height:1.15;letter-spacing:0;color:var(--oddit-pc-text)}.oddit-polyphenol-compounds__intro-body p{margin:0;max-width:46ch;font-family:Figtree,sans-serif;font-weight:500;font-size:clamp(16px,2vw,24px);line-height:1.5;color:var(--oddit-pc-text)}.oddit-polyphenol-compounds__intro-body p+p{margin-top:16px}.oddit-polyphenol-compounds__pills{display:flex;flex-wrap:wrap;column-gap:clamp(12px,1.6vw,22px);row-gap:clamp(18px,2.4vw,34px)}.oddit-polyphenol-compounds__pill{-webkit-appearance:none;appearance:none;cursor:pointer;padding:clamp(13px,1.4vw,18px) clamp(16px,1.8vw,23px);border:1px solid var(--oddit-pc-pill-border);border-radius:100px;background:transparent;color:var(--oddit-pc-text);font-family:Figtree,sans-serif;font-weight:500;font-size:clamp(15px,1.6vw,20px);line-height:1;transition:background-color .25s ease,color .25s ease,box-shadow .25s ease}.oddit-polyphenol-compounds__pill:hover{background-color:color-mix(in srgb,var(--oddit-pc-pill-active-bg) 12%,transparent);box-shadow:0 4px 4px #00000040}.oddit-polyphenol-compounds__pill--active:hover{background-color:var(--oddit-pc-pill-active-bg);border-color:var(--oddit-pc-pill-active-bg);color:var(--oddit-pc-pill-active-text)}.oddit-polyphenol-compounds__pill--active{background-color:var(--oddit-pc-pill-active-bg);border-color:var(--oddit-pc-pill-active-bg);color:var(--oddit-pc-pill-active-text);box-shadow:0 4px 4px #00000040}.oddit-polyphenol-compounds__pill:focus-visible{outline:2px solid var(--oddit-pc-pill-active-bg);outline-offset:2px}.oddit-polyphenol-compounds__right{position:relative;padding:clamp(48px,7vw,80px) clamp(20px,5vw,50px) clamp(64px,9vw,120px);box-sizing:border-box;border-left:1px dashed var(--oddit-pc-divider)}.oddit-polyphenol-compounds__panel{display:flex;flex-direction:column;justify-content:space-between;gap:clamp(40px,5vw,80px);height:100%}.oddit-polyphenol-compounds__panel[hidden]{display:none}.oddit-polyphenol-compounds__molecule{display:flex;align-items:flex-start;justify-content:flex-start;min-height:220px}.oddit-polyphenol-compounds__molecule-img{display:block;max-width:100%;height:auto;max-height:clamp(280px,20vw,500px);object-fit:contain}.oddit-polyphenol-compounds__molecule--svg{color:var(--oddit-pc-text)}.oddit-polyphenol-compounds__molecule--svg svg{display:block;max-width:100%;height:auto;max-height:clamp(280px,20vw,500px)}.oddit-polyphenol-compounds__detail{display:flex;flex-direction:column;gap:24px}.oddit-polyphenol-compounds__value{margin:0;font-family:Figtree,sans-serif;font-weight:500;font-size:clamp(15px,1.6vw,20px);line-height:1;color:var(--oddit-pc-text)}.oddit-polyphenol-compounds__description p{margin:0;max-width:52ch;font-family:Figtree,sans-serif;font-weight:500;font-size:clamp(15px,1.6vw,20px);line-height:1.5;color:var(--oddit-pc-text)}.oddit-polyphenol-compounds__description p+p{margin-top:12px}@media(max-width:989px)and (min-width:750px){.oddit-polyphenol-compounds__left,.oddit-polyphenol-compounds__right{padding:clamp(40px,6vw,64px) clamp(20px,3vw,32px) clamp(56px,8vw,88px)}.oddit-polyphenol-compounds__pills{column-gap:14px;row-gap:20px}}@media(max-width:749px){.oddit-polyphenol-compounds__container{grid-template-columns:1fr}.oddit-polyphenol-compounds__left{padding:40px 24px;gap:36px}.oddit-polyphenol-compounds__right{padding:40px 24px;border-left:0;border-top:1px dashed var(--oddit-pc-divider)}.oddit-polyphenol-compounds__panel{gap:32px}.oddit-polyphenol-compounds__molecule{min-height:0}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/oddit-section-polyphenol-compounds.css.map */