.ingredient-glossary{--glossary-spacing: var(--padding-grid-40);--glossary-transition: .2s;--glossary-gap: var(--padding-grid-40, 40px);display:block}.glossary-header{margin-bottom:var(--padding-grid-16)}.glossary-header h1{font-size:var(--text-size-h4);font-weight:400;letter-spacing:var(--text-letter-spacing-l);margin-bottom:0}.glossary-alphabet{display:flex;padding:var(--padding-grid-16) 0;justify-content:space-between;align-items:center;position:-webkit-sticky;position:sticky;inset-block-start:0;z-index:10;background:var(--color-white);transition:box-shadow .2s ease;width:100%}.glossary-letter{display:flex;padding:var(--padding-grid-8);flex-direction:column;justify-content:center;align-items:center;gap:var(--padding-grid-8);color:var(--color-black);font-family:var(--font-primary);font-size:var(--text-size-body-s);font-style:normal;font-weight:300;line-height:var(--text-line-height-m);letter-spacing:var(--text-letter-spacing-m);background:transparent;border:none;cursor:pointer;transition:all var(--glossary-transition) ease}.glossary-letter:hover:not(.active):not(.unavailable){opacity:.7}.glossary-letter.active{background:var(--color-gray-60)}.glossary-letter.unavailable{color:var(--color-gray-400);cursor:not-allowed}.glossary-letter:focus-visible{outline:2px solid var(--color-black);outline-offset:2px}.glossary-item{display:flex;padding:var(--padding-grid-20) 0;flex-direction:column;align-items:flex-start;gap:var(--padding-grid-40);align-self:stretch;border-bottom:var(--border-weight-s) solid var(--color-gray-80);opacity:1;transform:translateY(0);transition:opacity var(--glossary-transition) ease,transform var(--glossary-transition) ease}.glossary-item:last-child{border-bottom:none}.glossary-item.is-hidden{display:none}.glossary-item__title{color:var(--color-black);font-family:var(--font-primary);font-size:var(--text-size-h5);font-style:normal;font-weight:400;line-height:var(--text-line-height-l);letter-spacing:var(--text-letter-spacing-l);text-transform:uppercase;margin:0}.glossary-item__title:focus{outline:2px solid var(--color-black);outline-offset:4px}.glossary-item__meta{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--padding-grid-40);align-self:stretch;width:100%}.glossary-item__left{display:flex;flex-direction:column;align-items:flex-start;gap:28px;align-self:stretch}.glossary-item__category,.glossary-item__source{display:flex;flex-direction:column;align-items:flex-start;gap:var(--padding-grid-20);align-self:stretch}.category-label,.source-label,.description-label{color:var(--color-black);font-family:var(--font-navigation);font-size:var(--text-size-nav-m);font-style:normal;font-weight:400;line-height:normal;letter-spacing:var(--text-letter-spacing-m);text-transform:uppercase;margin:0}.category-tags{display:flex;flex-wrap:wrap;gap:var(--padding-grid-8)}.category-tag{display:flex;padding:var(--padding-grid-4) var(--padding-grid-10);flex-direction:column;align-items:flex-start;gap:var(--padding-grid-10);background:var(--color-gray-80);color:var(--color-gray-500);font-family:var(--font-navigation);font-size:var(--text-size-body-xs);font-style:normal;font-weight:400;line-height:normal;letter-spacing:var(--text-letter-spacing-l);text-transform:uppercase;white-space:nowrap}.category-tag--active{background:var(--color-gray-900);color:var(--color-gray-20)}.glossary-item__source p{color:var(--color-black);font-family:var(--font-primary);font-size:var(--text-size-body-s);font-style:normal;font-weight:300;line-height:var(--text-line-height-m);letter-spacing:var(--text-letter-spacing-m);margin:0}.glossary-item__description{display:flex;flex-direction:column;align-items:flex-start;gap:var(--padding-grid-20);align-self:flex-start}.description-content{display:flex;flex-direction:column;align-items:flex-start;gap:var(--padding-grid-16);align-self:stretch;color:var(--color-black);font-family:var(--font-primary);font-size:var(--text-size-body-s);font-style:normal;font-weight:300;line-height:var(--text-line-height-m);letter-spacing:var(--text-letter-spacing-m)}.description-content p{margin:0}.description-content ul{list-style:none;padding-left:0;margin:0;display:flex;flex-direction:column;gap:var(--padding-grid-16);align-self:stretch}.description-content li{position:relative;padding-left:var(--padding-grid-20);margin:0;list-style:none}.description-content li:before{content:"";position:absolute;left:0;top:6px;width:var(--padding-grid-8);height:var(--padding-grid-8);background:var(--color-black);flex-shrink:0}.description-content .metafield-rich_text_field ul{list-style:none;padding-left:0}.description-content .metafield-rich_text_field ul li{list-style:none;list-style-type:none}.glossary-load-more{display:flex;justify-content:center;padding:var(--padding-grid-40) 0;margin-top:var(--padding-grid-32)}.glossary-load-more__button{position:relative;min-width:200px;font-family:var(--font-navigation);font-size:var(--text-size-nav-s);font-style:normal;font-weight:400;line-height:normal;letter-spacing:var(--text-letter-spacing-l);text-transform:uppercase;background:transparent;color:var(--color-black);border:none;cursor:pointer;display:grid;grid-template-columns:1fr;grid-template-areas:"stack";align-items:center;overflow:hidden;isolation:isolate;padding-block:8px;padding-inline:8px}.glossary-load-more__button:focus-visible{outline:2px solid var(--color-black);outline-offset:4px}.glossary-load-more__button:disabled,.glossary-load-more__button.is-loading{cursor:not-allowed;opacity:.5}.glossary-load-more__text,.glossary-load-more__text-hover{grid-area:stack;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;line-height:1.2;color:inherit;font-family:var(--font-navigation);font-size:var(--text-size-nav-s);letter-spacing:var(--text-letter-spacing-l);text-transform:uppercase}.glossary-load-more__text{color:rgb(var(--color-foreground));transition:transform var(--transition-duration, .3s) var(--ease-power3-out)}.glossary-load-more__text-hover{background:#000;color:#fff;transform:translateY(101%);opacity:1;transition-property:transform,opacity;transition-delay:0s,.3s;transition-duration:.3s,0s;pointer-events:none;padding-block:8px;padding-inline:8px;margin-block:-8px;margin-inline:-8px}@media(hover:hover){.glossary-load-more__button:hover:not(:disabled) .glossary-load-more__text,.glossary-load-more__button:focus-visible:not(:disabled) .glossary-load-more__text{transform:translateY(-100%)}.glossary-load-more__button:hover:not(:disabled) .glossary-load-more__text-hover,.glossary-load-more__button:focus-visible:not(:disabled) .glossary-load-more__text-hover{transform:translateY(0)}}.glossary-load-more__button.is-loading .glossary-load-more__text{opacity:.5}.glossary-load-more__button.is-hidden{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@media(max-width:1024px){.glossary-item__meta{grid-template-columns:1fr;gap:var(--padding-grid-20)}.glossary-item__left{gap:var(--padding-grid-20)}.glossary-header h1{font-size:var(--text-size-h3)}.glossary-item__title{font-size:var(--text-size-h6)}.glossary-load-more__button{min-width:160px;padding-block:8px;padding-inline:8px;font-size:var(--text-size-nav-s)}.glossary-load-more__text-hover{padding-block:8px;padding-inline:8px;margin-block:-8px;margin-inline:-8px}.glossary-alphabet{padding-bottom:var(--padding-grid-20);flex-wrap:wrap}.glossary-letter{padding:var(--padding-grid-8);font-size:var(--text-size-body-xs)}}@media print{.glossary-alphabet,.glossary-load-more{display:none}.glossary-item.is-hidden{display:block}.glossary-item{page-break-inside:avoid}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/m-ingredient-glossary.css.map */