.Ingredient-Input{display:none!important}.Ingredient-Slide{---Height: 9999px ;---Delay: .16s ;background:#fff;justify-content:center;flex-direction:column;display:flex;margin-inline:auto;padding:var(---Section-Padding);padding-bottom:0;height:fit-content}.Ingredient-Slide>:not(:first-child):not(:last-child){margin-top:2rem}.Ingredient-Slide>:last-child{margin-top:var( ---Section-Padding )}.Ingredient-Thumbnail{-webkit-user-select:none;user-select:none;height:fit-content}.Ingredient-Thumbnail img{object-fit:contain;height:100%;width:100%}.Ingredient-Title{line-height:1;font-size:.5em}.Ingredient-Title:last-child{margin-bottom:var( ---Section-Padding );text-align:center}.Ingredient-Description{max-height:8.5rem;overflow:clip;line-height:1.4;font-size:.4em;transition:max-height var( ---Delay ) ease-in-out}.Ingredient-Input:not(:checked)+* .Ingredient-Description{---Transition-Height: calc( 100% - 3 * .6em ) ;background:linear-gradient(to bottom,black,black var( ---Transition-Height ),transparent);-webkit-text-fill-color:transparent;background-clip:text}.Ingredient-Input:checked+* .Ingredient-Description{max-height:var( ---Height )}.Ingredient-Description p:first-of-type{margin-top:0}.Ingredient-Expand{grid-template-areas:"Top" "Bottom";grid-auto-rows:var(---Section-Padding);display:grid;-webkit-user-select:none;user-select:none;transition:display var( ---Delay ) ease-in-out}.Ingredient-Input:checked+* .Ingredient-Expand{translate:0 calc(0px - var( ---Section-Padding ))}.Ingredient-Input:not(:checked) + * .Ingredient-Expand [data-action = Less],.Ingredient-Input:checked + * .Ingredient-Expand [data-action = More]{display:none}.Ingredient-Expand .Ingredient-Expand-Label{justify-content:center;align-items:center;display:flex;padding:.5rem 1rem;width:100%;border-radius:5px;border:1px solid black;grid-area:Top;cursor:pointer;font-size:.4em}.Ingredient-Expand-Arrow-Label{justify-content:center;align-items:center;display:flex;grid-area:Bottom}.Ingredient-Expand-Arrow{display:flex}.Ingredient-Expand-Arrow svg{width:20px;cursor:pointer}.Ingredient-Input:checked+* .Ingredient-Expand .Ingredient-Expand-Label{grid-area:Bottom}.Ingredient-Input:checked+* .Ingredient-Expand{margin-top:calc(var( ---Section-Padding ) + .5rem)}.Ingredient-Input:checked+* .Ingredient-Expand .Ingredient-Expand-Arrow-Label{grid-area:Top}.Ingredient-Input:checked+* .Ingredient-Expand .Ingredient-Expand-Arrow svg{rotate:180deg}
/*# sourceMappingURL=/cdn/shop/t/80/assets/Ingredients-Slide.css.map */