.ingredients-grid{display:grid;gap:1.6rem;grid-template-columns:1fr;margin-top:4rem}@media screen and (min-width:750px){.ingredients-grid{grid-template-columns:repeat(var(--ingredients-columns-desktop, 3),1fr)}}.ingredient-card{border:.1rem solid rgba(var(--color-foreground),.15);border-radius:.8rem;overflow:hidden}.ingredient-card__summary{align-items:center;cursor:pointer;display:flex;justify-content:space-between;list-style:none;padding:1.6rem 2rem}.ingredient-card__summary::-webkit-details-marker{display:none}.ingredient-card+.ingredient-card,.ingredient-card__content{border-top:.1rem solid rgba(var(--color-foreground),.1)}.ingredient-card__name{align-items:center;display:flex;gap:.6rem;margin:0}.ingredient-card__caret{align-items:center;display:flex;flex-shrink:0}.ingredient-card__caret .icon-caret{height:1.2rem;transition:transform var(--duration-short) var(--transition-ease-in-out)}.ingredient-card[open] .ingredient-card__caret .icon-caret{transform:rotate(180deg)}.ingredient-card__content{align-items:center;display:flex;gap:1.6rem;padding:1.6rem 2rem 2rem}.ingredient-card__image{flex-shrink:0;width:6rem}.ingredient-card__image img{display:block;height:6rem;object-fit:contain;width:6rem}.ingredient-card__text{min-width:0}.ingredient-card__tags{margin:0 0 .4rem;opacity:.6}.ingredient-card__description,.ingredient-card__description p{margin:0}.ingredient-info-icon{color:rgba(var(--color-foreground),.6);cursor:help;display:inline-flex;position:relative}.ingredient-info-icon .icon-info{height:1.4rem;width:1.4rem}.ingredient-info-icon__tooltip{background:rgb(var(--color-foreground));border-radius:.4rem;bottom:calc(100% + .8rem);color:rgb(var(--color-background));font-size:1.2rem;font-weight:400;left:50%;line-height:1.4;opacity:0;padding:.8rem 1rem;pointer-events:none;position:absolute;text-transform:none;transform:translate(-50%) translateY(.4rem);transition:opacity var(--duration-short) ease,transform var(--duration-short) ease;visibility:hidden;width:22rem;max-width:70vw;z-index:3}.ingredient-info-icon:hover .ingredient-info-icon__tooltip,.ingredient-info-icon:focus .ingredient-info-icon__tooltip,.ingredient-info-icon:focus-visible .ingredient-info-icon__tooltip{opacity:1;transform:translate(-50%) translateY(0);visibility:visible}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-ingredients-list.css.map */