.ingredient-card{display:flex;flex-direction:column;width:100%;min-width:0;height:100%;--ingredient-card-inset: 2.4rem}.ingredient-card__media{border-radius:var(--ingredient-card-radius, var(--media-radius));overflow:hidden}@media screen and (min-width:990px){.ingredient-card .media.media--hover-effect>img{transition:transform var(--duration-long) ease}.ingredient-card:hover .media.media--hover-effect>img{transform:scale(1.03)}}@media screen and (min-width:990px){.ingredient-card--button-on-hover .ingredient-card__buttons{opacity:0;pointer-events:none;transition:opacity var(--duration-default) ease}.ingredient-card--button-on-hover:hover .ingredient-card__buttons,.ingredient-card--button-on-hover:focus-within .ingredient-card__buttons{opacity:1;pointer-events:auto}}.ingredient-card__title{margin:0;overflow-wrap:break-word;text-align:center}.ingredient-card__button{min-width:0;width:auto;margin:0}.ingredient-card--overlay .ingredient-card__scrim{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to bottom,#0000 28%,rgba(0,0,0,calc(var(--ingredient-card-scrim, .35) * .5)) 58%,rgba(0,0,0,var(--ingredient-card-scrim, .35)))}.ingredient-card--overlay .ingredient-card__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;color:#fff}.ingredient-card--overlay .ingredient-card__title{position:absolute;left:var(--ingredient-card-inset);right:var(--ingredient-card-inset);color:inherit;text-shadow:0 .1rem .8rem rgba(0,0,0,.35)}.ingredient-card--overlay.ingredient-card--middle .ingredient-card__title{top:50%;transform:translateY(-50%)}.ingredient-card--overlay.ingredient-card--top .ingredient-card__title{top:var(--ingredient-card-inset)}.ingredient-card--overlay.ingredient-card--bottom .ingredient-card__title{bottom:calc(var(--ingredient-card-inset) + 7rem)}.ingredient-card--overlay .ingredient-card__buttons{position:absolute;left:var(--ingredient-card-inset);right:var(--ingredient-card-inset);bottom:var(--ingredient-card-inset);display:flex;justify-content:center}.ingredient-card--stacked .ingredient-card__content{display:flex;flex-direction:column;flex-grow:1;align-items:center;gap:1.2rem;padding-top:1.6rem}.ingredient-card--stacked .ingredient-card__buttons{display:flex;margin-top:auto;padding-top:.8rem}.ingredient-card--flippable{perspective:160rem;--ingredient-card-flip-half: calc(var(--ingredient-card-flip-duration, var(--duration-long)) / 2)}.ingredient-card__flipper{position:relative;transform-style:preserve-3d;transition:transform var(--ingredient-card-flip-duration, var(--duration-long)) ease}.ingredient-card--flipped .ingredient-card__flipper{transform:rotateY(180deg)}.ingredient-card__face{backface-visibility:hidden;-webkit-backface-visibility:hidden}.ingredient-card__face--front{transition:opacity 0s linear var(--ingredient-card-flip-half),visibility 0s linear var(--ingredient-card-flip-half)}.ingredient-card--flipped .ingredient-card__face--front{opacity:0;visibility:hidden}.ingredient-card__face--back{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotateY(180deg);border-radius:var(--ingredient-card-radius, var(--media-radius));overflow:hidden;opacity:0;visibility:hidden;transition:opacity 0s linear var(--ingredient-card-flip-half),visibility 0s linear var(--ingredient-card-flip-half)}.ingredient-card--flipped .ingredient-card__face--back{opacity:1;visibility:visible}.ingredient-card__back{display:flex;flex-direction:column;height:100%;padding:var(--ingredient-card-inset)}.ingredient-card__back-copy{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-gutter:stable;padding-bottom:.8rem;font-size:clamp(1.3rem,1.15rem + .35vw,1.6rem);text-align:left}@media screen and (max-width:749px){.ingredient-card__back-copy{overscroll-behavior-y:auto}}.ingredient-card__back-copy>:first-child{margin-top:0}.ingredient-card__back-copy>:last-child{margin-bottom:0}.ingredient-card .ingredient-card__back .ingredient-card__buttons--back{position:static;inset:auto;flex:0 0 auto;margin-top:0;padding-top:1.6rem;border-top:.1rem solid rgba(var(--color-foreground),.12)}.ingredient-card--button-on-hover .ingredient-card__buttons--back{opacity:1;pointer-events:auto}@media(prefers-reduced-motion:reduce){.ingredient-card__flipper,.ingredient-card--flipped .ingredient-card__flipper{transform:none;transition:none}.ingredient-card__face{backface-visibility:visible;-webkit-backface-visibility:visible}.ingredient-card__face--back{transform:none;opacity:0;transition:opacity var(--ingredient-card-flip-duration, var(--duration-long)) ease,visibility 0s linear var(--ingredient-card-flip-duration, var(--duration-long))}.ingredient-card--flipped .ingredient-card__face--back{opacity:1;transition:opacity var(--ingredient-card-flip-duration, var(--duration-long)) ease,visibility 0s linear 0s}.ingredient-card--flipped .ingredient-card__face--front{opacity:0;transition:opacity var(--ingredient-card-flip-duration, var(--duration-long)) ease,visibility 0s linear var(--ingredient-card-flip-duration, var(--duration-long))}}.ingredient-card--align-left .ingredient-card__title{text-align:left}.ingredient-card--align-left .ingredient-card__buttons{justify-content:flex-start}.ingredient-card--align-left.ingredient-card--stacked .ingredient-card__content{align-items:flex-start}.ingredient-card--align-center .ingredient-card__title{text-align:center}.ingredient-card--align-center .ingredient-card__buttons{justify-content:center}.ingredient-card--align-right .ingredient-card__title{text-align:right}.ingredient-card--align-right .ingredient-card__buttons{justify-content:flex-end}.ingredient-card--align-right.ingredient-card--stacked .ingredient-card__content{align-items:flex-end}
/*# sourceMappingURL=/cdn/shop/t/33/assets/component-ingredient-card.css.map */