:root{--ingredient-card-width-mobile: 348px;--ingredient-card-width-desktop: 482px}.ingredient-card{position:relative;transition:transform 1.5s;transition-timing-function:ease-in-out;transform-style:preserve-3d;width:350px;height:700px}.ingredient-card:hover{cursor:pointer}.ingredient-card.rotate-card{transform:rotateY(180deg)}.ingredient-card__front,.ingredient-card__back,.ingredient-card__content{border:1px solid #251104;border-radius:20px;background-color:#fff;color:#251104;width:100%;height:100%;position:absolute;backface-visibility:hidden}.ingredient-card__top-border,.ingredient-card__ingredient-info,.ingredient-card__ingredient-trivia,.ingredient-card__found-in,.ingredient-card__ingredient-benefits,.ingredient-card__bottom-border{width:var(--ingredient-card-width-mobile)}.ingredient-card__bottom-border>*{padding:10px 15px}.ingredient-card__front{display:grid;grid-template-rows:[name] 20% [image] 68% [bottom-border] 12%}.ingredient-card__front .ingredient-card__top-border{grid-row-start:name}.ingredient-card__ingredient-name{margin:0;font-size:35px;letter-spacing:normal;line-height:1}.ingredient-card__image{grid-row-start:image;display:flex;align-items:center;justify-content:center}.ingredient-card__image>img{transform:scale(.6)}.ingredient-card__front>.ingredient-card__bottom-border{grid-row-start:bottom-border;border-top:1px solid #251104;background-color:#e5e4d7;color:inherit}.ingredient-card__ingredient-number{border-right:1px solid #251104;display:flex;justify-content:center;align-items:center}.ingredient-card__scientific-name{width:100%;font-family:var(--typeHeaderPrimary);font-size:16px;text-align:left;display:flex;justify-content:center;align-items:center}.ingredient-card__back{display:grid;grid-template-rows:[top-border] 5% [info] 34% [trivia] 17% [found-in] 13% [benefits] 24% [bottom-border] 8%;transform:rotateY(180deg);font-size:12px}.ingredient-card__back>*:not(:last-child){border-bottom:solid 1px #251104}.ingredient-card__content{display:grid;grid-template-rows:[top-border] 6% [info] 38% [trivia] 18% [found-in] 10% [benefits] 21% [bottom-border] 7%;font-size:12px}.ingredient-card__content>*:not(:last-child){border-bottom:solid 1px #251104}.ingredient-card__top-border{grid-row-start:top-border;padding:10px 15px}.ingredient-card__top-border h4,.ingredient-card__bottom-border h4{margin:0;font-size:12px;letter-spacing:normal;text-transform:none}.ingredient-card__ingredient_type{margin-left:20px;font-weight:400;text-decoration:underline}.ingredient-card__ingredient-info{grid-row-start:info;display:grid;grid-template-columns:1fr;grid-template-rows:48% 52%;background-color:#e5e4d7}.ingredient-card__info-text{grid-column-start:info;display:flex;align-items:center;border-bottom:solid 1px #251104}.ingredient-card__info-text>p{margin:0 15px}.ingredient-card__full-image{grid-column-start:full-image;overflow:hidden}.ingredient-card__found-in{grid-row-start:found-in;background-color:#e5e4d7;display:grid;grid-template-columns:[heading] 25% [products] 75%;padding:10px 15px}.ingredient-card__found-in h4{margin:0;border-bottom:none;padding:10px 15px;font-size:12px;font-weight:400;letter-spacing:normal;text-transform:none}.ingredient-card__found-in ul{list-style:none;margin:0;padding:0 15px}.ingredient-card__found-in li{margin:0;padding-bottom:8px;font-weight:700;text-decoration:underline}.ingredient-card__ingredient-trivia{grid-row-start:trivia;display:grid;grid-template-columns:[question] 25% [answer] 75%;padding:10px 15px}.ingredient-card__ingredient-trivia h4{letter-spacing:normal;text-transform:none;font-size:17px;font-weight:400;font-family:var(--typeHeaderPrimary)}.ingredient-card__ingredient-benefits{grid-row-start:benefits;display:grid;grid-template-columns:[title] 10% [icons] 1fr}.ingredient-card__benefits_heading{display:flex;align-items:center;justify-content:center;border-right:1px solid #251104}.ingredient-card__benefits_heading h4{margin:0;transform:rotate(270deg);text-orientation:upright;text-align:center;font-size:12px;letter-spacing:normal}.ingredient-card__ingredient-benefits ul{display:flex;list-style:none;flex-wrap:nowrap;margin:0}.ingredient-card__ingredient-benefits li{width:33%;display:flex;flex-direction:column;align-items:center;margin:10px auto;text-align:center}.ingredient-card__ingredient-benefits li img{padding-right:none;max-width:50px;border:1px solid #251104;border-radius:40px;min-width:70px;min-height:70px;padding:.75rem}.ingredient-card__bottom-border{grid-row-start:bottom-border;display:flex;justify-content:space-between;background-color:#251104;color:#e5e4d7;border-radius:0 0 18px 18px}.ingredient-card__ewg-score,.ingredient-card__shop-link{text-transform:uppercase;display:flex;justify-content:center;align-items:center}.ingredient-card__shop-link,.ingredient-card__shop-link:hover{color:#e5e4d7;text-decoration:underline}@media screen and (min-width:800px){.ingredient-card{width:484px;height:715px;border-radius:20px;font-size:.8rem}.ingredient-card__bottom-border>*{padding:20px 30px}.ingredient-card__front{grid-template-rows:[name] 25% [image] 66% [bottom-border] 9%}.ingredient-card__image>img{transform:scale(1)}.ingredient-card__ingredient-name{font-size:70px}.ingredient-card__scientific-name{font-size:18px}.ingredient-card__back{grid-template-rows:[top-border] 9% [info] 26% [trivia] 16% [found-in] 14% [benefits] 26% [bottom-border] 9%;font-size:unset}.ingredient-card__content{grid-template-rows:[top-border] 8% [info] 30% [trivia] 17% [found-in] 11% [benefits] 26% [bottom-border] 8%}.ingredient-card__top-border,.ingredient-card__ingredient-info,.ingredient-card__ingredient-trivia,.ingredient-card__found-in,.ingredient-card__ingredient-benefits,.ingredient-card__bottom-border{width:var(--ingredient-card-width-desktop)}.ingredient-card__top-border{padding:20px 30px}.ingredient-card__top-border h4,.ingredient-card__bottom-border h4{font-size:16px}.ingredient-card__ingredient-info{grid-template-columns:[info] 55% [full-image] 45%;grid-template-rows:1fr}.ingredient-card__info-text{border-right:solid 1px #251104;border-bottom:none;padding:0}.ingredient-card__info-text>p{margin:0 30px}.ingredient-card__found-in h4{font-size:16px;padding:10px 0 5px 20px}.ingredient-card__found-in ul{list-style:none;margin:0;padding:10px 20px}.ingredient-card__ingredient-trivia{padding:20px 30px;grid-template-columns:[question] 33% [answer] 67%}.ingredient-card__ingredient-trivia h4{font-size:20px}.ingredient-card__benefits_heading h4{font-size:16px}.ingredient-card__ingredient-benefits ul{flex-wrap:wrap}.ingredient-card__ingredient-benefits li{width:45%;flex-direction:unset;margin:10px;text-align:left;font-size:.85rem}.ingredient-card__ingredient-benefits li img{margin-right:10px;min-width:70px;min-height:70px;padding:.75rem}}
/*# sourceMappingURL=/cdn/shop/t/206/assets/ingredient-card.css.map */