.all-ingredients{display:block;background-color:#f3f0ec;overflow:hidden}.all-ingredients__title{font-size:16px;text-transform:uppercase;font-weight:600}.all-ingredients__search-wrapper{margin-top:40px;position:relative}.all-ingredients__search{width:100%;height:44px;border-radius:8px;padding-inline:52px 20px;font-size:14px;text-transform:uppercase;font-weight:600}.all-ingredients__search-wrapper .icon{position:absolute;top:50%;transform:translateY(-50%);left:20px;width:20px}.all-ingredients__alphabet-list{margin-top:24px;display:grid;grid:auto / auto-flow 48px;justify-content:safe start;align-items:start;column-gap:8px;--calculated-gutter: clamp(var(--container-gutter), calc((100vw - var(--container-max-width)) / 2), 100vw);margin-inline:calc(var(--calculated-gutter) * -1);padding-inline:var(--calculated-gutter)}.all-ingredients__alphabet-item{scroll-snap-align:start;width:48px;height:48px;border-radius:8px;border:1px solid #B6A898;display:flex;justify-content:center;align-items:center;font-size:12px;text-transform:uppercase;font-weight:600;color:#b6a898;cursor:pointer}.all-ingredients__alphabet-item--active{border-color:#b6a898;background-color:#fff;color:#000}.all-ingredients__alphabet-item:disabled{pointer-events:none;color:#d9d5d0;border-color:#d9d5d0}.all-ingredients__list{margin-top:24px;display:grid;gap:16px}@media screen and (min-width: 700px){.all-ingredients__list{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width: 1000px){.all-ingredients__list{grid-template-columns:repeat(4,1fr);gap:24px}}.all-ingredients__pagination{margin-top:36px;display:flex;flex-flow:column;align-items:center;row-gap:16px}@media screen and (min-width: 700px){.all-ingredients__pagination{margin-top:52px}}.all-ingredients__pagination__text{font-size:16px}.all-ingredients__pagination__progress{width:100%;max-width:280px;height:4px;border-radius:9999px;overflow:hidden;background-color:#e5e5e5;display:flex}.all-ingredients__pagination__progress-fill{background-color:#000}.all-ingredients__pagination .button{--border-color: 0 0 0;--button-background: 0 0 0;width:100%;max-width:480px}.all-ingredients__no-results{padding-block:40px;text-align:center;font-family:Baskerville,serif;font-size:24px;font-style:italic;font-weight:600}@media screen and (min-width: 700px){.all-ingredients__no-results{grid-column:span 2;padding-block:80px}}@media screen and (min-width: 1000px){.all-ingredients__no-results{grid-column:span 4}}@keyframes opacity-pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.ingredient-item-placeholder{border-radius:12px;background-color:#fff;padding:20px 12px;animation:opacity-pulse 1.4s infinite}.ingredient-item-placeholder__title{width:70%;height:24px;background-color:#e0e0e0;border-radius:9999px}.ingredient-item-placeholder__image{margin-top:32px;border-radius:6px;background-color:#e0e0e0}.ingredient-item-placeholder__image:after{content:"";display:block;padding-top:62%}.ingredient-item-placeholder__description{margin-top:32px;display:flex;flex-direction:column;gap:8px}.ingredient-item-placeholder__description__line{width:100%;height:16px;border-radius:9999px;background-color:#e0e0e0}.ingredient-item-placeholder__description__line:nth-child(4){width:40%}.ingredient-item-placeholder__button{margin-top:20px;height:52px;border-radius:6px;background-color:#e0e0e0}.ingredient-item{border-radius:12px;background-color:#fff;padding:20px 12px;display:flex;flex-flow:column}.ingredient-item__title{font-family:Baskerville,serif;font-size:24px;font-weight:600;font-style:italic}.ingredient-item__hero{margin-top:16px}.ingredient-item__hero:has(.ingredient-item__image){position:relative}.ingredient-item__image{padding-top:62.27%;background-color:#e0e0e0;border-radius:6px;overflow:hidden;position:relative}.ingredient-item__image img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}.ingredient-item__tags{display:flex;flex-wrap:wrap;align-content:flex-end;gap:8px;color:#685a4a}.ingredient-item__image+.ingredient-item__tags{position:absolute;left:0;bottom:0;height:100%;width:100%;border-radius:6px;background-color:#0003;padding:12px;color:#fff}.ingredient-item__tag{border-radius:9999px;border:1px solid currentColor;padding:2px 12px;font-size:12px}.ingredient-item__description{margin-top:20px;font-size:14px;color:#685a4a}.ingredient-item__footer{margin-top:auto}.ingredient-item__button{margin-top:32px;display:flex;width:100%;height:52px;border-radius:6px;background-color:#ede9e1;padding-inline:16px;align-items:center;justify-content:space-between;font-size:12px;text-transform:uppercase;font-weight:600}.ingredient-item__button .icon{width:24px}
/*# sourceMappingURL=/cdn/shop/t/42/assets/all-ingredients.css.map */