.dev-ingredients-filtered-wrapper{padding-left:10px;padding-right:10px}.ingredients-filtered{position:relative;display:flex;flex-direction:column;align-items:center;gap:48px;background-color:var(--bg, #ffffff);color:var(--color, #1e1e1e);padding:var(--pt, 80px) 40px var(--pb, 80px);max-width:1440px;width:100%;margin:10px auto;border-radius:20px;overflow:hidden;font-family:var(--font-graphik),sans-serif}.ingredients-filtered__logo{position:absolute;top:80px;right:40px;width:178px;height:175px;z-index:1}.ingredients-filtered__header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;width:100%}.ingredients-filtered__heading{font-family:var(--desktop-h2-font-family);font-size:var(--desktop-h2-font-size);font-weight:var(--desktop-h2-font-weight);font-style:var(--desktop-h2-font-style);line-height:var(--desktop-h2-line-height);letter-spacing:var(--desktop-h2-letter-spacing);color:var(--color, #1e1e1e);margin:0;max-width:392px}.ingredients-filtered__description{font-family:var(--body-16-font-family);font-size:var(--body-16-font-size);font-weight:var(--body-16-font-weight);font-style:var(--body-16-font-style);line-height:var(--body-16-line-height);letter-spacing:var(--body-16-letter-spacing);color:#000000bf;margin:0;max-width:676px}.ingredients-filtered__filters{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;width:100%}.ingredients-filtered__filter-btn{display:inline-flex;align-items:center;gap:12px;height:48px;padding:12px 20px;border-radius:51px;border:1px solid color-mix(in srgb,var(--filter-color, var(--accent)) 40%,transparent);background-color:var(--filter-bg, transparent);color:var(--filter-color, var(--accent));font-family:var(--button-font-family);font-size:var(--button-font-size);font-weight:var(--button-font-weight);line-height:var(--button-line-height);cursor:pointer;transition:background-color .2s,color .2s,border-color .2s;white-space:nowrap}.ingredients-filtered__filter-btn:not(.is-active):hover{border-color:var(--filter-color, var(--accent))}.ingredients-filtered__filter-btn.is-active{background-color:var(--filter-color, var(--accent));color:var(--filter-bg, #fff7e0);border-color:var(--filter-color, var(--accent))}.ingredients-filtered__filter-icon{width:22px;height:22px;flex-shrink:0}.ingredients-filtered__filter-icon path{fill:var(--filter-color, var(--accent));transition:fill .2s}.ingredients-filtered__filter-btn.is-active .ingredients-filtered__filter-icon path{fill:var(--filter-bg, #fff7e0)}.ingredients-filtered__cards{display:grid;grid-template-columns:repeat(auto-fill,320px);gap:36px 20px;justify-content:center;width:100%}.ingredients-filtered__card-wrap{width:100%}.ingredients-filtered__card-wrap[hidden]{display:none}.ingredients-filtered__empty{width:100%;text-align:center;opacity:.5;padding:40px 0}.ingredients-filtered .dev-ingredient-card{background:var(--card-bg, #fbf9f7)}.ingredients-filtered .dev-ingredient-card__image{aspect-ratio:320 / 220}.ingredients-filtered__load-more-wrap{display:flex;justify-content:center}.ingredients-filtered__load-more-wrap.is-hidden,.ingredients-filtered__card-wrap.is-paginated-hidden{display:none}.ingredients-filtered__load-more{display:inline-flex;align-items:center;gap:12px;height:48px;padding:12px 24px;border-radius:51px;border:1px solid rgba(243,112,62,.4);background:#fff7e0;color:#ff7300;font-family:var(--button-font-family);font-size:var(--button-font-size);font-weight:var(--button-font-weight);line-height:var(--button-line-height);cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}.ingredients-filtered__load-more:hover{background:#f3703e;color:#fff7e0;border-color:#f3703e}@media(max-width:1024px){.ingredients-filtered__logo{top:40px;right:24px;width:140px;height:auto}}@media(max-width:768px){.ingredients-filtered{padding:var(--pt, 60px) 20px var(--pb, 60px)}.ingredients-filtered__logo{position:static;width:101px;height:100px;margin:0 auto}.ingredients-filtered__heading{font-family:var(--mobile-h2-font-family);font-size:var(--mobile-h2-font-size);font-weight:var(--mobile-h2-font-weight);font-style:var(--mobile-h2-font-style);line-height:var(--mobile-h2-line-height);letter-spacing:var(--mobile-h2-letter-spacing);max-width:none}.ingredients-filtered__description{max-width:none}.ingredients-filtered__filters{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;-webkit-overflow-scrolling:touch;padding-bottom:4px;scrollbar-width:none}.ingredients-filtered__filters::-webkit-scrollbar{display:none}.ingredients-filtered__filter-btn{flex-shrink:0}.ingredients-filtered__cards{grid-template-columns:1fr;gap:24px}.ingredients-filtered{padding-top:60px;padding-bottom:60px;padding-right:0}.ingredients-filtered__header,.ingredients-filtered__cards{padding-right:20px}.ingredients-filtered__logo{transform:translate(-10px)}}.ingredients-filtered__filter-btn:focus-visible{outline:2px solid var(--accent, #f3703e);outline-offset:2px}.ingredients-filtered__filter-btn:focus:not(:focus-visible){outline:none}.ingredients-filtered__load-more:focus-visible{outline:2px solid var(--accent, #f3703e);outline-offset:2px}@media(prefers-reduced-motion:reduce){.ingredients-filtered,.ingredients-filtered *{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/dev-ingredients-filtered.css.map */