.section--ingredient-glossary .ingredient-glossary__header{max-width:72rem;padding-bottom:var(--header-padding-bottom)}@media(max-width:767.98px){.section--ingredient-glossary .ingredient-glossary__header{padding-bottom:var(--header-padding-bottom-mobile)}}.ingredient-glossary__heading{margin-bottom:1.6rem}.ingredient-glossary__description{max-width:64rem}.ingredient-glossary__layout{display:flex;gap:4.8rem;align-items:flex-start}@media(max-width:1023.98px){.ingredient-glossary__layout{flex-direction:column;gap:0}}.ingredient-glossary__sidebar{flex-shrink:0;width:22rem;align-self:stretch}.ingredient-glossary__sidebar-inner{position:sticky;top:calc(var(--header-height, 80px) + 2rem);max-height:calc(100vh - var(--header-height, 80px) - 4rem);overflow-y:auto}@media(max-width:1023.98px){.ingredient-glossary__sidebar{display:none}}.ingredient-glossary__search{position:relative;margin-bottom:2.4rem}.ingredient-glossary__search-icon{position:absolute;left:1.2rem;top:50%;transform:translateY(-50%);color:rgb(var(--color-foreground));opacity:.5;pointer-events:none}.ingredient-glossary__search-input{width:100%;padding:1rem 4rem;border:.1rem solid rgba(var(--color-border),var(--color-border-alpha, 1));border-radius:var(--inputs-radius);background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-size:var(--font-body-size);line-height:var(--font-body-line-height);outline:none;transition:border-color var(--animation-fast)}.ingredient-glossary__search-input:focus{border-color:rgb(var(--color-foreground))}.ingredient-glossary__search-input::placeholder{color:rgba(var(--color-foreground),.5)}.ingredient-glossary__search-input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.ingredient-glossary__search-clear{position:absolute;right:.8rem;top:50%;transform:translateY(-50%);background:none;border:none;padding:.4rem;cursor:pointer;color:rgb(var(--color-foreground));opacity:.5;transition:opacity var(--animation-fast)}.ingredient-glossary__search-clear:hover{opacity:1}.ingredient-glossary__nav{display:flex;flex-direction:column;gap:.2rem}.ingredient-glossary__nav-link{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:var(--small-blocks-radius);font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:1.4rem;text-decoration:none;color:rgb(var(--color-foreground));transition:background-color var(--animation-fast),color var(--animation-fast)}.ingredient-glossary__nav-link:hover{background-color:rgba(var(--color-foreground),.06)}.ingredient-glossary__nav-link.is-active{background-color:rgb(var(--color-button));color:rgb(var(--color-button-text))}.ingredient-glossary__nav-mobile{display:none}@media(max-width:1023.98px){.ingredient-glossary__nav-mobile{display:flex;gap:.8rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:1.6rem;margin-bottom:.8rem;position:sticky;top:var(--header-height, 80px);z-index:2;background-color:rgb(var(--color-background));padding-top:1.2rem}.ingredient-glossary__nav-mobile::-webkit-scrollbar{display:none}.ingredient-glossary__nav-mobile .ingredient-glossary__nav-link{flex-shrink:0;width:4rem;height:4rem}}.ingredient-glossary__content{flex:1;min-width:0}.ingredient-glossary__group{scroll-margin-top:calc(var(--header-height, 80px) + 2rem)}@media(max-width:1023.98px){.ingredient-glossary__group{scroll-margin-top:calc(var(--header-height, 80px) + 7rem)}}.ingredient-glossary__letter{text-align:center;padding:1.6rem 0 .8rem;border-bottom:.1rem solid rgba(var(--color-border),var(--color-border-alpha, 1));margin-bottom:.4rem}.ingredient-glossary__group:first-child .ingredient-glossary__letter{padding-top:0}.ingredient-glossary__item{border-bottom:.1rem solid rgba(var(--color-border),calc(var(--color-border-alpha, 1) * .4))}.ingredient-glossary__accordion{border:0}.ingredient-glossary__accordion .accordion-details__summary{padding-block:1.6rem;border:0}.ingredient-glossary__accordion .accordion-details__content{padding:0 0 2rem}.ingredient-glossary__item-title{margin:0;text-transform:uppercase;letter-spacing:.03em}.ingredient-glossary__inci{font-style:italic;margin-bottom:.8rem}.ingredient-glossary__item-desc{margin-top:.4rem}.ingredient-glossary__no-results{padding:4rem 0;text-align:center}.ingredient-glossary__no-results p{margin-top:1.2rem}.ingredient-glossary__item.is-hidden,.ingredient-glossary__group.is-hidden{display:none}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-ingredient-glossary.css.map */