.ingredients-glossary__container{position:relative;padding:var(--top-padding) 0 calc(var(--pd-m) + var(--extra-padding-bottom)) 0}@media screen and (min-width: 1052px){.ingredients-glossary__container{padding:var(--top-padding) 0 calc(var(--pd-l) + var(--extra-padding-bottom)) 0}}.ingredients-glossary__filter-container{display:flex;flex-direction:column;gap:var(--pd-m-l)}.ingredients-glossary__title{font-family:var(--ff-heading);font-weight:400;font-size:var(--fs-heading-l);flex:1;display:flex;line-height:1.15;padding:0 var(--pd-m)}@media screen and (min-width: 768px){.ingredients-glossary__title{padding:0 var(--pd-5xl)}}.ingredients-glossary__intro{padding:0 var(--pd-m)}@media screen and (min-width: 768px){.ingredients-glossary__intro{padding:0 var(--pd-5xl);width:800px}}.ingredients-glossary__filter-wrapper ul{display:flex;flex-direction:row;gap:var(--pd-xs);justify-content:flex-start;align-items:center;padding:0 var(--pd-m);overflow:auto}@media screen and (min-width: 768px){.ingredients-glossary__filter-wrapper ul{justify-content:flex-start;align-items:center;text-align:center;padding:0 var(--pd-5xl)}}.ingredients-glossary__filter-wrapper ul{display:flex}.ingredients-glossary__filter-wrapper li{padding:0;list-style:none}.ingredients-glossary__filter-wrapper a{color:var(--c-primary-font);text-decoration:none}.ingredients-glossary__tag{font-size:var(--fs-text-m);padding:var(--pd-s) var(--pd-l);height:40px;border-radius:500px;background-color:transparent;font-weight:400;justify-content:center;display:flex;border:1px solid var(--c-secondary-accent);transition:all .3s ease-in-out;align-items:center;cursor:pointer}@media screen and (min-width: 768px){.ingredients-glossary__tag{height:48px}}.ingredients-glossary__tag:hover{background-color:var(--c-accent-bg);transition:all .3s ease-in-out;border:1px solid var(--c-accent-bg)}.ingredients-glossary__letter{min-width:40px;text-transform:uppercase;padding:var(--pd-s)}@media screen and (min-width: 768px){.ingredients-glossary__letter{min-width:48px;height:48px}}.js-letter--active{background-color:var(--c-accent-bg);border:1px solid var(--c-accent-bg)}.ingredients-glossary__tag--all{padding:var(--pd-s) var(--pd-m);text-transform:unset}.ingredients-glossary__cards-container{padding:0 var(--pd-m)}@media screen and (min-width: 768px){.ingredients-glossary__cards-container{padding:0 var(--pd-5xl);margin-top:var(--pd-l)}}.ingredients-glossary__grid{display:flex;flex-direction:column;gap:var(--pd-m);margin-top:var(--pd-l)}@media screen and (min-width: 1052px){.ingredients-glossary__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row dense}}.ingredients-glossary__cta-button{width:fit-content}.ingredients-glossary__link-wrapper{color:var(--c-primary-font);text-decoration:none}.ingredients-glossary__ingredient-card{position:relative;background-color:var(--c-accent-bg);border-radius:var(--bd-radius-l);height:auto;min-height:450px;display:flex;flex-direction:column;justify-content:flex-end;flex-grow:1;scroll-margin-top:var(--header-height)}@media screen and (min-width: 1052px){.ingredients-glossary__ingredient-card{min-height:500px}}.ingredients-glossary-card__headline{font-family:var(--ff-heading);font-weight:400;font-size:var(--fs-heading-s);line-height:1.15}.ingredients-glossary-card__top-wrapper{padding:var(--pd-m)}@media screen and (min-width: 768px){.ingredients-glossary-card__top-wrapper{padding:var(--pd-l)}}.ingredients-glossary-card__bottom-wrapper{background-color:var(--c-primary-bg);padding:var(--pd-m);border-radius:var(--bd-radius-l);display:flex;flex-direction:column;gap:var(--pd-m)}@media screen and (min-width: 768px){.ingredients-glossary-card__bottom-wrapper{padding:var(--pd-l)}}.ingredients-glossary-card__accordion-tags{display:flex;flex-wrap:wrap;gap:var(--pd-xs)}.ingredients-glossary-card__accordion-tag{height:35px;border-radius:500px;background-color:transparent;font-weight:400;justify-content:center;display:flex;border:1px solid var(--c-secondary-accent);transition:all .3s ease-in-out;align-items:center;cursor:pointer;width:fit-content;padding:var(--pd-s)}.ingredients-glossary-card__accordion-content{overflow:hidden;transition:all .3s ease}.ingredients-glossary-card__accordion-content:not(.active){max-height:0}.ingredients-glossary-card__accordion-content>*{transition:opacity .3s ease}.ingredients-glossary-card__accordion-content>*:not(.active){opacity:0}@media screen and (min-width: 768px){.ingredients-glossary-card__accordion-tag:hover{background-color:var(--c-accent-bg);transition:all .3s ease-in-out;border:1px solid var(--c-accent-bg)}}.ingredients-glossary-card__bottom-wrapper{overflow:hidden}.ingredients-glossary-card__bottom-wrapper a{color:#000}.ingredients-glossary-card__accordion-tag.active{background-color:var(--c-accent-bg);border:1px solid var(--c-accent-bg)}.ingredients-glossary-card__details a,.ingredients-glossary-card__studies a,.ingredients-glossary-card__articles a{color:var(--c-primary-font);text-decoration:underline solid var(--c-primary-font);transition:text-decoration .3s ease-in-out;-webkit-text-decoration-line:underline}.ingredients-glossary-card__details a:hover,.ingredients-glossary-card__studies a:hover,.ingredients-glossary-card__articles a:hover{text-decoration:none;-webkit-text-decoration-line:none}.ingredients-glossary-card__details>*{padding-bottom:var(--pd-xs);font-size:var(--fs-text-m);line-height:1.5}.ingredients-glossary-card__studies .metafield-rich_text_field>*{padding-bottom:var(--pd-xs)}.ingredients-glossary-card__articles{display:flex;flex-direction:column}.ingredients-glossary-card__articles a{margin-bottom:var(--pd-xs)}.ingredients-glossary-card__video video{width:100%}.ingredients-glossary__tag--no-matches,.letter--exists{opacity:50%}.ingredients-glossary__tag:disabled,.ingredients-glossary__tag[disabled]{opacity:50%;cursor:default}.ingredients-glossary__tag:disabled:hover{background-color:transparent;border:1px solid var(--c-secondary-accent)}.ingredients-glossary-search__container{display:none}@media screen and (min-width: 768px){.ingredients-glossary-search__container{padding:0 var(--pd-5xl);display:block}}.ingredients-glossary__search-inner{display:none}@media screen and (min-width: 768px){.ingredients-glossary__search-inner{display:flex;gap:var(--pd-xs);padding:0 var(--pd-m);background-color:var(--c-primary-bg);border-radius:var(--bd-radius-l);padding:var(--pd-m) var(--pd-m-l)}}.ingredients-glossary-search__tags-container{display:none}@media screen and (min-width: 768px){.ingredients-glossary-search__tags-container{display:flex;gap:var(--pd-xs)}}.ingredients-glossary-search__tag-wrapper{position:relative}.ingredients-glossary-search__tag{font-size:var(--fs-text-m);padding:var(--pd-s) var(--pd-m);text-transform:uppercase;border-radius:500px;background:var(--c-accent-gradient);color:var(--c-secondary-font);font-weight:400;border:none;position:relative;overflow:hidden}.ingredients-glossary-search__tag span{text-transform:none}.ingredients-glossary-search__close-icon{border-radius:500px;background-color:var(--c-accent-bg);height:16px;width:16px;display:flex;align-items:center;justify-content:center;position:absolute;top:3px;right:-3px;cursor:pointer}.ingredients-glossary-card__video{width:100%;height:auto;border-radius:var(--bd-radius-s);overflow:hidden;background-color:var(--c-accent-bg);display:flex;flex-direction:column;justify-content:center}@media screen and (min-width: 768px){.ingredients-glossary-card__video{height:100%}}.ingredients-glossary-card__video .product-media__video-wrapper{position:unset}
/*# sourceMappingURL=/cdn/shop/t/157/assets/ingredients-glossary.css.map */