.ingredients-section{background-color:#fff}.ingredients{background-color:#fff;display:flex;flex-wrap:wrap;position:relative}.ingredients__filters-and-sort{height:50px;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;background-color:#fff;width:100%;display:flex}.ingredients__filters{flex:1 1 auto;display:flex;align-items:center;text-transform:uppercase;overflow:auto;white-space:nowrap;padding:0 2rem}.ingredients-filter{margin-right:1.5rem;opacity:1;transition:opacity .25s ease,border-color .2s ease;border-bottom:1px solid transparent;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:14px;font-weight:400}.filters-active .ingredients-filter:not(.active){opacity:.5;font-weight:300}.ingredients-filter.active{border-color:currentColor;font-weight:400}.ingredients-filter:hover{opacity:.8}.ingredients-filter:focus-visible{outline:2px solid #005fcc;outline-offset:2px}.ingredients__sort{padding:0 2rem;border-left:1px solid #e1e1e1;display:flex;align-items:center;text-transform:uppercase;white-space:nowrap;gap:.5rem}.ingredients__sort label{line-height:1.25;font-size:14px;font-weight:500}.ingredients__sort select{line-height:1.25;border:0 none;margin:0;background:transparent;font-size:14px;cursor:pointer;padding:10px}.ingredients__sort select:focus-visible{outline:none;outline-offset:2px}.ingredients__preview-panel{flex:0 0 auto;display:none;position:sticky;top:var(--header-height);width:500px;height:calc(100vh - var(--header-height));background:#fff;z-index:2;overflow-y:auto;border-right:1px solid #e1e1e1}.ingredients__preview-panel.active,.ingredient-active .ingredients__preview-panel{display:block}.ingredient-active{display:flex;flex-wrap:wrap}.ingredient-active .ingredients__filters-and-sort{width:100%;order:1;margin-left:0}.ingredient-active .ingredients__preview-panel{width:500px;order:2;position:sticky;flex-shrink:0}.ingredient-active .ingredients__grid{flex:1;order:3;margin-left:0;min-width:0;transition:all .3s ease}@media screen and (max-width: 768px){.ingredients__preview-panel{width:100%;left:-100%;top:50px;height:calc(100vh - 84px)}.ingredients__preview-panel.active,.ingredient-active .ingredients__preview-panel{left:0}.is-transitioning .ingredients__preview-panel{left:-100%}.ingredient-active .ingredients__grid{display:none}.ingredient-active .ingredients__filters-and-sort{display:flex}.ingredient-active .ingredients__preview-panel{width:100%}}.ingredients__preview-panel__close{position:absolute;top:20px;right:20px;background:none;color:#333;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1001;transition:all .2s ease}.ingredients__preview-panel__close:hover{background:#fff;border-color:#ccc}.ingredients__preview-panel__close:focus-visible{outline:2px solid #005fcc;outline-offset:2px}.ingredients__preview-panel__close .hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.active-ingredient__title{font-size:1.375em;margin:0 0 1rem;color:#333}.active-ingredient-detail__title{font-weight:700;text-transform:uppercase;font-size:.875rem;letter-spacing:.5px}.active-ingredient-detail__value{font-size:.875rem;color:#666}.rte{text-align:left;line-height:1.6}.rte h3{font-weight:700;margin:1rem 0 .5rem;color:#333}.rte p{margin:.79rem 0}.active-ingredient__details{border-bottom:1px solid #e1e1e1;padding-bottom:1.5rem;margin-bottom:1rem;min-width:50%}.active-ingredient-detail{text-align:left;border-top:1px solid #e1e1e1;margin-top:1.5rem;padding-top:1.5rem;display:flex;justify-content:space-between;align-items:flex-start;flex-direction:column}.ingredients__grid{flex:1 1 auto;display:flex;flex-wrap:wrap;justify-content:flex-start;padding:2rem;background-color:#fff;transition:opacity .25s ease}.ingredients__grid.loading{opacity:1}.ingredient-skeleton{background-color:#fff;border-radius:8px;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:300px;margin-left:auto;margin-right:auto;width:100%;opacity:0}.ingredient-skeleton__image{max-width:225px;width:100%;aspect-ratio:1 / 1;border-radius:4px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;margin-bottom:1rem}.ingredient-skeleton__title{width:80%;height:16px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.ingredients__grid.loading .ingredient{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.is-transitioning .ingredients__grid{opacity:0}@supports (display: grid){.ingredients__grid{display:grid;grid-template-columns:repeat(2,1fr);column-gap:1rem;row-gap:2rem}@media screen and (min-width: 750px){.ingredients__grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}.ingredient-active .ingredients__preview-panel+.ingredients__grid{grid-template-columns:auto;display:none}@media screen and (min-width: 750px){.ingredient-active .ingredients__preview-panel+.ingredients__grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}}@media screen and (min-width: 1200px){.ingredient-active .ingredients__preview-panel+.ingredients__grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}}.ingredient{flex:0 0 50%;background-color:#fff;border:1px solid transparent;border-radius:8px;display:flex;flex-direction:column;align-items:center;text-align:center;opacity:1;transition:all .25s ease;cursor:pointer;max-width:300px;margin-left:auto;margin-right:auto;width:100%}@media screen and (min-width: 750px){.ingredient{flex:0 1 33%}}@media screen and (min-width: 990px){.ingredient{flex:0 1 25%}}@media screen and (min-width: 1200px){.ingredient{flex:0 1 16%}}.filters-active .ingredient:not(.in-filter){display:none}.filters-active.ingredient-active .ingredient:not(.in-filter){display:none!important}.ingredient-active .ingredient:not(.is-active){opacity:.5}.ingredient__image{max-width:225px;width:100%;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:4px;background-color:transparent}.ingredients__grid .ingredient__image{margin-bottom:1rem}@media screen and (min-width: 1200px){.ingredients__grid .ingredient__image{max-width:265px;margin-bottom:1rem}}@supports (display: grid){.ingredient__image{max-width:100%}}.ingredient__image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease,opacity .3s ease}.ingredient__image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#f0f0f0;color:#999;font-size:.75rem;text-align:center;padding:1rem;border-radius:4px}.ingredient:hover .ingredient__image img{transform:scale(1.05)}.ingredient__title{font-size:1rem;font-weight:400!important;margin:0;color:#333;letter-spacing:1.5px}.active-ingredient{position:absolute;top:53%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:12px;max-width:800px;width:100%;max-height:100vh;padding:2rem;display:flex;flex-direction:column;align-items:center;text-align:left}@media screen and (min-width: 750px){.active-ingredient{padding:14px 28px 100px}}.active-ingredient__image{width:225px;border-radius:8px}.active-ingredient__image img{width:100%;height:auto}.active-ingredient__products{width:100%;position:relative;overflow:visible;margin-top:2rem}.active-ingredient__slideshow-wrapper{width:100%}.active-ingredient__slideshow-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#333}.related-products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.related-product{background:#f8f8f8;border-radius:8px;overflow:hidden;transition:transform .2s ease}.related-product:hover{transform:translateY(-2px)}.related-product__link{display:block;text-decoration:none;color:inherit}.related-product img{width:100%;height:120px;object-fit:cover}.related-product__title{padding:.75rem .5rem .25rem;font-size:.875rem;font-weight:500;margin:0;color:#333}.related-product__price{padding:0 .5rem .75rem;font-size:.875rem;font-weight:600;color:#666}.product-ingredients-header{background-color:#f3f4f9;border-top:solid 1px #e1e1e1;padding:40px 0 0}.product-ingredients{background-color:#f3f4f9;border-bottom:solid 1px #e1e1e1;border-top:solid 1px #e1e1e1}.ingredients-images,.ingredients-details{padding:15px}.ingredients-details .active-ingredient__details{border:none;display:flex;justify-content:space-around;flex-wrap:wrap;margin-top:0;margin-left:-15px;margin-right:-15px}.ingredients-details .active-ingredient__details .active-ingredient-detail{border:none;padding:0 25px;text-align:center}.ingredients-details .active-ingredient__details .active-ingredient-detail .active-ingredient-detail__title{font-weight:400}.ingredients-images{border-bottom:solid 1px #e1e1e1}.ingredients-images img{margin:auto;max-width:100%}.ingredients-images h2{font-size:18px}.img_text_tab{display:inline-block;margin-top:35px;text-decoration:none!important}.ingredient-info{text-align:center}.ingredient-info h3{font-family:Futura PT W01 Book,Futura,sans-serif;font-size:23px}.ingredients-details{display:none}.ingredients-details.active{display:block}.ingredients-images .col-xs-4 a{border:solid 1px transparent}.ingredients-images .col-xs-4.active a{border:1px solid #050505}@media screen and (max-width: 749px){.ingredients__filters-and-sort{flex-direction:row;height:50px}.ingredients__sort{border-left:1px solid #e1e1e1;justify-content:center;padding:0 2rem;flex:0 0 auto;min-width:120px}.ingredients__filters{flex:1 1 auto;padding:0 26px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;justify-content:flex-start;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.ingredients__filters::-webkit-scrollbar{display:none}.ingredients__grid{padding:26px;grid-template-columns:1fr 1fr;gap:1rem}.ingredient{padding:0rem}.ingredient__title{font-size:14.5px!important}.active-ingredient{width:100%;padding:1em 2em;top:47%}.active-ingredient__title{font-size:18px}.active-ingredient-detail{flex-direction:column;align-items:flex-start;margin-top:19.5px;padding-top:19.5px}.related-products-grid{grid-template-columns:repeat(2,1fr)}.active-ingredient__description .rte p{font-size:13px;margin:10px 0}}@media screen and (max-width: 480px){.related-products-grid{grid-template-columns:1fr}.ingredients-filter{margin-right:1rem;font-size:13px;font-weight:400}}@media (prefers-contrast: high){.ingredients-filter,.ingredient{border-width:2px}.ingredients__preview-panel__close{background-color:#fff;border:2px solid #000}}@media (prefers-reduced-motion: reduce){.ingredients-filter,.ingredients__grid,.ingredients__preview-panel,.ingredient,.related-product,.ingredient__image img{transition:none}.ingredient:hover,.ingredient:focus-visible{transform:none}.ingredient:hover .ingredient__image img{transform:none}}.ingredient:focus-visible{outline:2px solid #005fcc;outline-offset:2px;transform:translateY(-4px)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/*# sourceMappingURL=/cdn/shop/t/187/assets/blog-ingredients.css.map */