.ingredient_component{grid-column-gap:3.13rem;grid-row-gap:3.13rem;border-radius:1rem;background-color:#f2f0eb;flex-flow:column;padding:2rem;display:flex}.ingredient_text-wrapper{grid-column-gap:2rem;grid-row-gap:2rem;flex-flow:column;max-width:50%;display:flex}.ingredient_list{grid-column-gap:16px;grid-row-gap:16px;grid-template-rows:auto auto;grid-template-columns:1fr 1fr 1fr 1fr;grid-auto-columns:1fr;display:grid}.ingredient_item{grid-column-gap:.63rem;grid-row-gap:.63rem;flex-flow:column;display:flex}.ingredient_image-wrapper{border-radius:1rem;cursor:pointer;position:relative;overflow:hidden}.ingredient-overlay-layer{z-index:2;background-color:#0000000d;width:100%;height:100%;position:absolute;top:0%;right:0%;bottom:0%;left:0%;transition:all .2s ease-in-out}.ingredient-overlay-layer:hover{background-color:#0003}.ingredient-overlay-layer:hover~.cs-ingredient__plus_icon-wrapper .cs-ingredient__plus_icon{transform:rotate(90deg)}.cs-ingredient__plus_icon-wrapper{z-index:3;border-radius:100rem;background-color:#ffffff4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:center;align-items:center;width:3rem;height:3rem;display:flex;position:absolute;inset:auto 1rem 1rem auto}.cs-ingredient__plus_icon{width:1.5rem;height:1.5rem;transition:all .2s ease-in-out}@media screen and (max-width:767px){.ingredient_list{grid-template-columns:1fr 1fr}}@media screen and (max-width:479px){.ingredient_component{padding-left:1rem;padding-right:1rem}.ingredient_text-wrapper{max-width:100%}.ingredient_list{grid-template-columns:1fr 1fr}}.cs-ingredient__modal{z-index:301;opacity:0;visibility:hidden;pointer-events:none;justify-content:center;align-items:center;padding:2em 1em;display:flex;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;transition:all .2s ease-in-out}.cs-ingredient__modal__dark{background-color:var(--_primitives---opacity--white-30);opacity:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.cs-ingredient__modal-card{border-radius:1rem;background-color:#f2f0eb;pointer-events:auto;width:100%;max-width:54em;max-height:100%;padding:.75em;position:relative}.cs-ingredient__modal-scroll{grid-column-gap:1.5em;grid-row-gap:1.5em;background-color:#f2f0eb;border-radius:1.25em;flex-flow:column;width:100%;max-height:90dvh;display:flex;position:relative;overflow-y:auto}.cs-ingredient__modal-content{grid-column-gap:3rem;grid-row-gap:3rem;flex-flow:column;padding:2rem;display:flex}.cs-ingredient__modal__btn-close{background-color:#f2f0eb;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:3.5em;height:3.5em;display:flex;position:absolute;top:1.6rem;right:2rem}.cs-ingredient__close-icon{width:1.5rem;height:1.5rem;transform:rotate(45deg)}@media screen and (max-width:479px){.cs-ingredient__modal{z-index:310}.cs-ingredient__modal-card{padding:0}.cs-ingredient__modal-content{padding:6.4rem 1rem 2rem}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-cs-ingredients-list.css.map */