.ingredient-glossary__heading{text-align:center;margin-bottom:2rem}.ingredient-glossary__nav{padding:1.429rem 0;background-color:var(--derm-m-black);position:sticky;top:5.629rem;z-index:100}.ingredient-glossary__nav-list{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;justify-content:center}.ingredient-glossary__nav-item{font-size:var(--font-body-large)}.ingredient-glossary__nav-link{padding:.4rem .6rem;border-radius:.286rem;text-decoration:none;font-weight:700;color:var(--derm-m-white)}.ingredient-glossary__nav-disabled{color:var(--derm-m-light-grey-disabled);padding:.4rem .6rem;cursor:default}.ingredient-glossary__letter-group{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.ingredient-glossary__letter-group:last-child{margin-bottom:2.143rem}.ingredient-glossary__letter-heading{margin:2rem 0 1rem;font-size:2rem;font-weight:300;padding-left:3.429rem;grid-column:1 / -1}.ingredient-glossary__entry{border:.071rem solid var(--derm-m-black);overflow:hidden;background:var(--derm-m-white);display:flex;flex-direction:column;height:100%;border-left:0}.ingredient-glossary__entry-image img{width:100%;display:block}.ingredient-glossary__entry-content{padding:1rem;flex:1}.ingredient-glossary__entry-title{margin:0 0 .5rem}.ingredient-glossary__entry-description{margin:0 0 .75rem}.ingredient-glossary__entry-link{display:inline-block;margin-top:.5rem;text-decoration:underline;text-underline-offset:.429rem;font-size:var(--font-body-medium);font-weight:500}@media (max-width: 767px){.ingredient-glossary__letter-group{grid-template-columns:1fr}.ingredient-glossary__nav{top:4.571rem}.ingredient-glossary__entry:nth-child(n+2){border-bottom:0}.ingredient-glossary__entry:last-child{border-bottom:.071rem solid var(--derm-m-black)}.ingredient-glossary__entry{flex-direction:row;align-items:flex-start;gap:1rem;padding:1rem}.ingredient-glossary__entry-image{flex-shrink:0;width:5.714rem;height:5.714rem;margin-top:1.429rem}.ingredient-glossary__entry-image img{width:100%;height:100%;object-fit:cover}.ingredient-glossary__entry-content{flex:1;min-width:0}.ingredient-glossary__letter-heading{padding-left:1rem}}@media (min-width: 768px) and (max-width: 1023px){.ingredient-glossary__letter-group{grid-template-columns:repeat(3,1fr);gap:0;padding-left:.5rem}.ingredient-glossary__nav{top:5.143rem}.ingredient-glossary__entry:nth-child(n+5){border-top:0}}@media (min-width: 1024px){.ingredient-glossary__entry:nth-child(n+6){border-top:0}}
/*# sourceMappingURL=/cdn/shop/t/88/assets/section-ingredients-glossary.css.map */