.sup-ing{--sup-navy: #11196d;--sup-blue: #5276db;--sup-coral: #e5523d;--sup-peach: #f2a98d;--sup-cream: #f5f5f5;background:var(--sup-navy);color:#fff;position:relative}.sup-ing__inner{max-width:110rem;margin:0 auto;padding-inline:2rem;text-align:center}.sup-ing__eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.08em;font-size:1.2rem;font-weight:700;color:var(--sup-peach);margin-bottom:1rem}.sup-ing__title{font-size:clamp(3.6rem,5vw,6rem);font-weight:400;line-height:1.05;margin:0 auto 1.2rem;max-width:64rem}.sup-ing__sub{font-size:1.5rem;line-height:1.55;color:#ffffffd1;margin:0 auto 3.6rem;max-width:56rem}.sup-ing__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(28rem,1fr));gap:1.6rem}.sup-ing__cell{perspective:1200px}.sup-ing__cell[hidden]{display:none}.sup-ing__card{position:relative;min-height:17rem;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.16,1,.3,1)}.sup-ing__card[data-flipped]{transform:rotateY(180deg)}.sup-ing__face{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:2.2rem;border-radius:1.4rem;background:#fffffff2;color:var(--sup-navy)}.sup-ing__face--front{z-index:2}.sup-ing__face--back{transform:rotateY(180deg);background:var(--sup-blue);color:#fff;overflow-y:auto;padding-top:3.4rem}.sup-ing__name{font-size:1.9rem;font-weight:800;margin:0 0 .8rem}.sup-ing__desc{font-size:1.4rem;line-height:1.5;margin:0;color:#444}.sup-ing__dose{margin-top:auto;padding-top:1.4rem;font-size:1.5rem;font-weight:800}.sup-ing__function{font-size:1.35rem;line-height:1.55}.sup-ing__function p{margin:0 0 .8rem}.sup-ing__study{margin-top:.8rem;font-size:1.3rem;font-weight:700;color:#fff;text-decoration:underline}.sup-ing__card:has(.sup-ing__face--back){cursor:pointer}.sup-ing__flip-btn{position:absolute;bottom:1.2rem;right:1.2rem;width:5rem;height:5rem;border:0;border-radius:50%;background:#4759f5;color:#fff;display:grid;place-items:center;pointer-events:none;transition:background .15s,transform .15s}.sup-ing__card:has(.sup-ing__face--back):hover .sup-ing__flip-btn{background:#3a49d6}.sup-ing__flip-btn--close{top:1.4rem;bottom:auto;background:#fff3;color:#fff}.sup-ing__actions{display:flex;flex-wrap:wrap;gap:1.2rem;justify-content:center;margin-top:3.2rem}.sup-ing__btn{font:inherit;font-size:1.5rem;font-weight:700;padding:1.3rem 2.6rem;border-radius:10rem;cursor:pointer;border:2px solid #fff;transition:background .15s,color .15s}.sup-ing__btn--ghost{background:transparent;color:#fff}.sup-ing__btn--ghost:hover,.sup-ing__btn--solid{background:#fff;color:var(--sup-navy)}.sup-ing__btn--solid:hover{background:var(--sup-peach);border-color:var(--sup-peach)}.sup-ing__note{margin-top:2rem;font-size:1.3rem;color:#ffffffb3}@media(prefers-reduced-motion:reduce){.sup-ing__card{transition:none}.sup-ing__card[data-flipped]{transform:none}.sup-ing__card[data-flipped] .sup-ing__face--front{visibility:hidden}.sup-ing__face--back{transform:none;visibility:hidden}.sup-ing__card[data-flipped] .sup-ing__face--back{visibility:visible}}@media(max-width:600px){.sup-ing__grid{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/supplement-ingredients.css.map */