.ingredient-display__contents{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:16px;row-gap:24px;margin-top:24px}.ingredient-display__item p{margin:0;font-size:18.2px;color:#1b3d6e;transition:all .3s ease}.ingredient-display__item.active p{color:#fff;font-weight:600}.ingredient-display__item{height:52px;display:flex;justify-content:center;align-items:center;border-radius:5.2px;background-size:cover;background-position:center;position:relative;transition:all .3s ease;overflow:hidden;cursor:pointer;z-index:1}.ingredient-display__item.active{border-color:#1b3d6e}.ingredient-display__item:after{content:"";width:100%;height:100%;background:#ffffffbf;position:absolute;z-index:-1;transition:all .3s ease}.ingredient-display__item.active:after{background:#0006}.ingredient-display__item-content p{margin:0}.ingredient-display__item-content p strong{font-weight:500}.ingredient-display__item-content{border-radius:4px;border:1px solid #1B3D6E;background:#eef5fa;padding:20px}.ingredient-display__helper{display:grid;grid-template-columns:auto 16px;justify-content:center;align-items:center;gap:12px;margin:0 0 24px}.ingredient-display__feat-img>*{max-width:300px;height:auto;display:block;line-height:1;margin-inline:auto}.ingredient-display__feat-img{margin-bottom:24px;margin-top:40px}.ingredient-display__heading{margin:0 0 24px}.ingredient-display__description{margin:0}@media(max-width:980px){.ingredient-display__contents{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px;row-gap:6px}.ingredient-display__item p{font-size:14px}.ingredient-display__item{height:40px;border-radius:4px}.ingredient-display__item-content{grid-column:1 / -1;max-height:0;overflow:hidden;opacity:0;transition:all .3s ease;visibility:hidden;padding:0}.ingredient-display__item-content.active{max-height:500px;opacity:1;visibility:visible;padding:20px 12px;margin:6px 0}.ingredient-display__helper{grid-template-columns:auto 12px;gap:16px}.ingredient-display__feat-img{margin-top:24px}.ingredient-display__heading{margin:0 0 16px}}@media(max-width:580px){.ingredient-display__description{max-width:230px;margin-inline:auto}.ingredient-display__heading{max-width:305px;margin-inline:auto}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/el-ingredient-display.css.map */