.glossary-ingredients__container{display:grid;grid-template-columns:1fr;grid-template-rows:102px;grid-template-rows:102px 950px;grid-template-areas:"nav" "categories"}@media screen and (min-width:769px){.glossary-ingredients__container{display:grid;grid-template-columns:277px 1fr;grid-template-areas:"categories nav" "categories content"}}@media screen and (max-width:768px){.glossary-ingredients__container.show-content{display:grid;grid-template-columns:1fr;grid-template-areas:"nav" "content"}}.glossary-ingredients__nav-container{grid-area:nav;height:102px;display:flex;align-items:center;justify-content:center;border-top:1px solid #000;border-bottom:1px solid #000}@media screen and (min-width:769px){.glossary-ingredients__nav-container{justify-content:unset}.glossary-ingredients__nav.is-initialized{left:calc(100vw - 725px)}}@media screen and (min-width:900px){.glossary-ingredients__nav.is-initialized{left:calc(100vw - 900px)}}@media screen and (min-width:1250px){.glossary-ingredients__nav.is-initialized{left:calc(100vw - 1150px)}}.glossary-ingredients__nav-list{padding:0 3.4375rem;margin:0;list-style-type:none;display:flex}.glossary-ingredients__nav-item{text-align:center;font-size:17px;width:24px;display:inline-block}.glossary-ingredients__nav-link,.glossary-ingredients__nav-link:hover{border:1px solid transparent;display:inline-block;color:#d3d3d3;cursor:default}.active .glossary-ingredients__nav-link{color:#000}.active .glossary-ingredients__nav-link:hover{border:1px solid #000;text-decoration:none;border-radius:30px;cursor:pointer}.glossary-ingredients__nav-arrow-link,.glossary-ingredients__nav-arrow-link:hover,.glossary-ingredients__nav-arrow-link:disabled,.glossary-ingredients__nav-arrow-link:hover:not(:disabled){transform:rotate(270deg);left:-5px;top:-4px;background-color:#faf7f2;opacity:1}.glossary-ingredients__nav-arrow-link.arrow-next,.glossary-ingredients__nav-arrow-link.arrow-next:hover,.glossary-ingredients__nav-arrow-link.arrow-next:disabled,.glossary-ingredients__nav-arrow-link.arrow-next:hover:not(:disabled){transform:rotate(90deg);right:-5px;left:unset}.glossary-ingredients__nav-letter{width:24px}.glossary-ingredients__categories-container{grid-area:categories}@media screen and (min-width:769px){.glossary-ingredients__categories-container{border-right:1px solid #000}}.glossary-ingredients__categories{padding:0;margin:0}@media screen and (min-width:769px){.glossary-ingredients__categories{width:277px}}.glossary-ingredients__category{line-height:0;margin:0;padding:0;overflow:hidden}.glossary-ingredients__category-link{display:block;padding:0;margin:0}.glossary-ingredients__category-image-container{position:relative;height:130px;width:100vw}@media screen and (min-width:769px){.glossary-ingredients__category-image-container{height:102px;width:auto}}.glossary-ingredients__category-image{width:100vw;position:absolute;top:0;left:0}@media screen and (min-width:769px){.glossary-ingredients__category-image{position:relative;width:auto}}.glossary-ingredients__category-container{position:absolute;top:0;left:0;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;color:#fff;width:100%;height:100%}.glossary-ingredients__category-title,.glossary-ingredients__category-title p{padding:0;margin:0}.glossary-ingredients__category-title{margin:0 auto;min-width:40%;text-align:left;word-break:break-word;max-width:70%}@media screen and (min-width:769px){.glossary-ingredients__category-title{min-width:50%}}.glossary-ingredients__content-container{grid-area:content;padding:4.6875rem 0 0 4.6875rem;position:relative}@media screen and (max-width:768px){.glossary-ingredients__content-container{position:absolute;width:100vw;height:100%;left:100vw;top:102px;background-color:#faf7f2;transition:left .5s ease;padding:0 0 0 1.5rem}.show-content .glossary-ingredients__content-container{left:0;transition:left .5s ease}}.glossary-ingredients__controls{display:flex;justify-content:flex-start;padding:1.25rem 0 1rem}@media screen and (min-width:769px){.glossary-ingredients__controls{display:none}}.glossary-ingredients__content{padding-top:1.25rem}@media screen and (min-width:769px){.glossary-ingredients__content{padding-top:0}}.glossary-ingredients__back-arrow-link{display:flex;flex-flow:row nowrap}.glossary-ingredients__back-arrow-link .back-arrow{transform:rotate(270deg);width:12px;margin-right:.5rem}.glossary-ingredients__item{margin:0 0 2.75rem}.glossary-ingredients__list{margin:0;list-style-type:none}.glossary-ingredients__link{font-family:var(--typeHeaderPrimary);font-style:italic;font-size:2rem}.glossary-ingredients__arrows-container .glossary-ingredients__arrow-link{background:none;left:0;top:-10px;transform:none}.glossary-ingredients__arrows-container .glossary-ingredients__arrow-link.arrow-bottom{margin:2rem 0 0;top:unset;bottom:-10px}.arrow-bottom .glossary-ingredients__arrow{transform:rotate(180deg)}.glossary-ingredients__overlay{position:absolute;top:0;left:0;width:100vw;height:110vh;background-color:#faf7f2;z-index:1;padding:2rem 0 0 1.5rem;display:none}@media screen and (min-width:769px){.glossary-ingredients__overlay{height:90vh;padding:4.2rem 0 0 4.6875rem}}.show-overlay{display:block}.glossary-ingredients__overlay-content-top{margin-top:1.5rem}.glossary-ingredients__overlay-close{cursor:pointer;width:1rem}.glossary-ingredients__overlay-title{font-style:italic}.glossary-ingredients__overlay .ingredient-card{--ingredient-card-width-mobile: auto;width:95%}@media screen and (min-width:769px){.glossary-ingredients__overlay .ingredient-card{width:484px}}
/*# sourceMappingURL=/cdn/shop/t/206/assets/glossary-ingredients.css.map */