.ingredients-filter{max-width:calc(var(--max-content-width) + 3rem);margin:0 auto 2rem}.ingredients-filter .filters{padding:0 3rem;gap:.5rem;display:flex;flex-wrap:wrap}@media screen and (max-width:768px){.ingredients-filter .filters{padding:0 1rem}}.ingredients-filter .filters a{display:block;width:auto;padding:.5rem 1rem;background:transparent;color:var(--dark);border:2px solid var(--dark)}.ingredients-filter .filters a.active{background-color:var(--secondary-button)}.ingredients-filter .descriptions{padding:0 3rem}@media screen and (max-width:768px){.ingredients-filter .descriptions{padding:0 1rem}}.ingredients-filter .descriptions .description{display:none;width:50%;margin:2rem 0 0}@media screen and (max-width:768px){.ingredients-filter .descriptions .description{width:100%}}.ingredients-filter .descriptions .description.show{display:block}.ingredients-filter .articles{padding:0 3rem;display:flex;flex-direction:row;flex-wrap:wrap;margin:2rem 0 0;gap:1rem}@media screen and (max-width:768px){.ingredients-filter .articles{padding:0 1rem}}.ingredients-filter .articles .article{width:calc(20% - 1rem);display:none}@media screen and (max-width:768px){.ingredients-filter .articles .article{width:calc(50% - .5rem)}}.ingredients-filter .articles .article p{padding:1rem 0}.ingredients-filter .articles .article.show{display:inline-block}.ingredients-filter .articles-overlay{pointer-events:none;position:fixed;top:0;right:0;height:100%;width:100%;z-index:11;display:flex;justify-content:flex-end;background-color:#0000;transition:background-color var(--animation-speed)}.ingredients-filter .articles-overlay button.close{position:absolute;top:2rem;right:2rem;width:4rem;height:4rem;border-radius:2rem;background-image:url(cursor-close.svg);background-position:center;background-repeat:no-repeat;z-index:12;font-size:0}.ingredients-filter .articles-overlay.show{background-color:#0003;pointer-events:unset}.ingredients-filter .articles-overlay .article{position:absolute;width:600px;max-width:calc(100% - 2rem);height:100%;right:-600px;background-color:var(--white);padding:3rem;overflow:scroll;transition:all var(--animation-speed)}.ingredients-filter .articles-overlay .article img{margin-bottom:2rem}.ingredients-filter .articles-overlay .article.show{right:0;box-shadow:var(--big-shadow)}
/*# sourceMappingURL=/cdn/shop/t/13/assets/ingredients-filter.css.map */