.nibby-ingredients__eyebrow{color:rgb(var(--color-link))}.nibby-ingredients__intro{font-size:1.7rem;color:rgba(var(--color-foreground),.82)}.nibby-ingredients__track{position:relative}.nibby-ingredients__grid{display:grid;grid-auto-flow:column;grid-auto-columns:72%;gap:1.6rem;margin:0;padding:.4rem .2rem 1.2rem;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.nibby-ingredients__grid::-webkit-scrollbar{display:none}.nibby-ingredients__item{display:flex;scroll-snap-align:start}.nibby-ingredients__card{display:flex;flex-direction:column;align-items:center;gap:.8rem;width:100%;margin:0;padding:2.4rem 1.8rem 2rem;border:1px solid rgba(var(--color-foreground),.08);border-radius:2rem;background:var(--nibby-white, #fff);color:rgb(var(--color-foreground));font:inherit;text-align:center;cursor:pointer;box-shadow:0 1px 2px #1625210a;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.nibby-ingredients__card:hover{transform:translateY(-3px);border-color:rgba(var(--color-foreground),.16);box-shadow:0 12px 28px #1625211a}.nibby-ingredients__card:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:3px}.nibby-ingredients__photo{display:grid;place-items:center;width:12rem;height:12rem;border-radius:50%;overflow:hidden;background:var(--nibby-sage, #e3ebe3);color:var(--nibby-forest);box-shadow:0 0 0 6px rgba(var(--color-foreground),.04)}.nibby-ingredients__photo img{width:100%;height:100%;object-fit:cover}.nibby-ingredients__photo .nibby-icon{width:4rem;height:4rem;stroke-width:1.5}.nibby-ingredients__amount{margin-top:-2rem;position:relative;padding:.3rem 1.1rem;border-radius:99rem;background:var(--nibby-forest);color:#fff;font-size:1.25rem;font-weight:700;letter-spacing:.02em;box-shadow:0 0 0 3px var(--nibby-white, #fff)}.nibby-ingredients__name{margin-top:.4rem;font-family:var(--nibby-font-heading);font-size:1.9rem;font-weight:700;line-height:1.2}.nibby-ingredients__short{font-size:1.45rem;line-height:1.45;color:rgba(var(--color-foreground),.75)}.nibby-ingredients__more{display:inline-flex;align-items:center;gap:.4rem;margin-top:auto;padding-top:.8rem;font-size:1.35rem;font-weight:700;color:var(--nibby-forest);text-decoration:underline;text-underline-offset:.3em}.nibby-ingredients__more svg{width:1.4rem;height:1.4rem}.nibby-ingredients__nav{display:flex;justify-content:center;gap:1.2rem;margin-top:.8rem}.nibby-ingredients__arrow{display:grid;place-items:center;width:4.4rem;height:4.4rem;border:1px solid rgba(var(--color-foreground),.15);border-radius:50%;background:var(--nibby-white, #fff);color:rgb(var(--color-foreground));cursor:pointer}.nibby-ingredients__arrow svg{width:2rem;height:2rem}.nibby-ingredients__arrow:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.nibby-ingredients__full{margin-top:2.4rem}.nibby-ingredients__details{max-width:72rem;margin:0 auto;border:1px solid rgba(var(--color-foreground),.1);border-radius:1.6rem;background:var(--nibby-white, #fff)}.nibby-ingredients__details summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:5.2rem;padding:1rem 2rem;font-weight:700;cursor:pointer;list-style:none}.nibby-ingredients__details summary::-webkit-details-marker{display:none}.nibby-ingredients__details summary svg{width:2rem;height:2rem;transition:transform .2s ease}.nibby-ingredients__details[open] summary svg{transform:rotate(180deg)}.nibby-ingredients__details summary:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px;border-radius:1.6rem}.nibby-ingredients__full-body{padding:0 2rem 2rem;font-size:1.45rem;line-height:1.6}.nibby-ingredients__footer{display:flex;justify-content:center;margin-top:2.4rem}.nibby-ingredient-dialog{width:min(52rem,calc(100vw - 3.2rem));max-height:calc(100vh - 4rem);padding:0;border:0;border-radius:2rem;background:var(--nibby-white, #fff);color:var(--nibby-ink, #162521);box-shadow:0 24px 60px #16252140}.nibby-ingredient-dialog::backdrop{background:#1625218c}.nibby-ingredient-dialog[open]{animation:nibby-dialog-in .22s ease-out}@keyframes nibby-dialog-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.nibby-ingredient-dialog__inner{position:relative;display:grid;gap:1.6rem;padding:2.8rem 2.4rem 2.4rem}.nibby-ingredient-dialog__close{position:absolute;top:1.2rem;right:1.2rem;display:grid;place-items:center;width:4.4rem;height:4.4rem;border:0;border-radius:50%;background:#1625210f;color:inherit;cursor:pointer}.nibby-ingredient-dialog__close svg{width:1.8rem;height:1.8rem}.nibby-ingredient-dialog__close:focus-visible{outline:2px solid currentColor;outline-offset:2px}.nibby-ingredient-dialog__head{display:flex;align-items:center;gap:1.6rem;padding-right:4rem}.nibby-ingredients__photo--large{flex:none;width:9.6rem;height:9.6rem}.nibby-ingredient-dialog__head .nibby-h3{margin:0}.nibby-ingredient-dialog__amount{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .8rem;margin:.6rem 0 0;font-size:1.35rem;color:#162521b3}.nibby-ingredient-dialog__amount strong{padding:.3rem 1.1rem;border-radius:99rem;background:var(--nibby-forest);color:#fff;white-space:nowrap}@media screen and (max-width:749px){.nibby-ingredients__photo--large{width:8rem;height:8rem}}.nibby-ingredient-dialog__text{margin:0;font-size:1.6rem;line-height:1.6}.nibby-ingredient-dialog__benefits{display:grid;gap:.8rem;margin:0;padding:1.6rem;border-radius:1.4rem;background:var(--nibby-sage, #e3ebe3);list-style:none}.nibby-ingredient-dialog__benefits li{display:flex;gap:.8rem;align-items:flex-start;font-size:1.5rem;line-height:1.45}.nibby-ingredient-dialog__benefits .nibby-icon{flex:none;width:2rem;height:2rem;color:var(--nibby-forest)}.nibby-ingredient-dialog__source{margin:0;font-size:1.3rem;color:#162521a6}body.nibby-dialog-open{overflow:hidden}@media(prefers-reduced-motion:reduce){.nibby-ingredients__card,.nibby-ingredient-dialog[open]{transition:none;animation:none}}@media screen and (min-width:750px){.nibby-ingredients__grid{grid-auto-columns:38%}}@media screen and (min-width:990px){.nibby-ingredients__grid{grid-auto-flow:row;grid-template-columns:repeat(var(--nibby-ingredient-cols, 4),minmax(0,1fr));grid-auto-columns:auto;overflow:visible;scroll-snap-type:none;gap:2rem}.nibby-ingredients__nav{display:none}.nibby-ingredients__photo{width:14rem;height:14rem}}@media screen and (min-width:990px){.nibby-ingredients--carousel .nibby-ingredients__grid{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:calc((100% - 8rem)/5);overflow-x:auto;scroll-snap-type:x mandatory}.nibby-ingredients--carousel .nibby-ingredients__nav{display:flex}}.nibby-ingredients__footer{position:relative;z-index:1;padding-bottom:.6rem}nibby-ingredients{display:block}
/*# sourceMappingURL=/cdn/shop/t/4/assets/nibby-ingredients-overview.css.map */
