.lore-ingredients__head{display:flex;flex-direction:column;align-items:flex-start;gap:18px;max-width:760px;margin-bottom:clamp(36px,4.5vw,64px)}.lore-ingredients__list{display:grid;grid-template-columns:repeat(var(--count, 4),minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}.lore-ingredient{--toggle: 58px;position:relative;display:flex;flex-direction:column;margin:0;border:1px solid var(--lore-line);border-radius:28px;overflow:hidden;background:var(--card)}.lore-ingredient__media{display:grid;place-items:center;aspect-ratio:1;overflow:hidden;background:var(--tile);color:var(--lore-cacao)}.lore-ingredient__media img{width:100%;height:100%;object-fit:cover}.lore-ingredient__media svg{width:40%;height:40%}.lore-ingredient__body{display:flex;flex-direction:column;gap:6px;padding:22px 24px 24px}.lore-ingredient__text{font-size:16px;color:var(--text-muted)}.lore-ingredient__more{margin-top:auto}.lore-ingredient__toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:var(--toggle);padding:0 24px;border-top:1px solid var(--lore-line);font-size:15px;font-weight:600;list-style:none;cursor:pointer}button.lore-ingredient__toggle{width:100%;border-right:0;border-bottom:0;border-left:0;border-radius:0;background:none;font-family:inherit;letter-spacing:0;text-transform:none;color:inherit}.lore-ingredient__toggle::-webkit-details-marker{display:none}.lore-ingredient__toggle:focus-visible{outline-offset:-4px}.lore-ingredient__icon{display:grid;place-items:center;width:30px;height:30px;border:1px solid currentColor;border-radius:50%;transition:transform .25s ease}.lore-ingredient__icon svg{width:12px;height:12px}.lore-ingredient__label-close,.lore-ingredient__more[open] .lore-ingredient__label-open{display:none}.lore-ingredient__more[open] .lore-ingredient__label-close{display:inline}.lore-ingredient__more[open] .lore-ingredient__toggle{border-top-color:color-mix(in srgb,var(--back-text) 18%,transparent);background:var(--back);color:var(--back-text)}.lore-ingredient__more[open] .lore-ingredient__icon{transform:rotate(45deg)}.lore-ingredient__back{position:absolute;top:0;left:0;right:0;bottom:var(--toggle);display:flex;flex-direction:column;justify-content:flex-end;gap:10px;padding:28px 24px 24px;overflow-y:auto;background:var(--back);color:var(--back-text);font-size:16px;line-height:1.5;transform-origin:center;animation:lore-ingredient-flip .45s cubic-bezier(.2,.7,.2,1)}.lore-ingredient__back-title{font-family:var(--lore-font-display);font-size:24px;font-weight:600;line-height:1.1;letter-spacing:-.01em}.lore-ingredient__back p+p{margin-top:.6em}@keyframes lore-ingredient-flip{0%{opacity:0;transform:perspective(1400px) rotateY(-75deg)}to{opacity:1;transform:none}}.lore-ingredients__progress{display:none}.lore-ingredients__fine{max-width:760px;margin:40px auto 0;font-size:13px;text-align:center}@media only screen and (max-width:1023px){.lore-ingredients__list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media only screen and (max-width:767px){.lore-ingredients__list{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;gap:12px;margin-left:calc(var(--lore-gutter) * -1);margin-right:calc(var(--lore-gutter) * -1);padding:0 var(--lore-gutter) 4px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:var(--lore-gutter);scroll-timeline:--lore-ingredients inline;scrollbar-width:none}.lore-ingredients__list::-webkit-scrollbar{display:none}.lore-ingredients .lore-wrap{timeline-scope:--lore-ingredients}.lore-ingredients__progress{display:block;width:120px;height:3px;margin:20px auto 0;border-radius:3px;overflow:hidden;background-color:color-mix(in srgb,var(--text) 16%,transparent)}.lore-ingredients__progress span{display:block;width:calc(100% / var(--count));height:100%;border-radius:inherit;background-color:var(--text)}.lore-ingredient{scroll-snap-align:start;border-radius:22px}.lore-ingredient__body{padding:18px 20px 20px}.lore-ingredient__toggle{padding:0 20px}.lore-ingredient__back{padding:22px 20px 20px;font-size:15px}.lore-ingredient__back-title{font-size:21px}}@supports (animation-timeline: scroll()){@media only screen and (max-width:767px){.lore-ingredients__progress span{animation:lore-ingredients-progress linear both;animation-timeline:--lore-ingredients}}}@keyframes lore-ingredients-progress{to{transform:translate(calc((var(--count) - 1) * 100%))}}body:has(.lore-drawer[open]){overflow:hidden}.lore-drawer{position:fixed;inset:0 0 0 auto;width:min(480px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;border-radius:28px 0 0 28px;background:var(--card);color:var(--text);overflow-y:auto;overscroll-behavior:contain}.lore-drawer::backdrop{background:#2a171280}.lore-drawer[open]{animation:lore-drawer-side .35s cubic-bezier(.2,.8,.2,1)}.lore-drawer__close{position:sticky;top:16px;z-index:2;float:right;display:grid;place-items:center;width:44px;height:44px;margin:16px 16px -60px 0;padding:0;border:0;border-radius:50%;background:var(--card);color:var(--text);box-shadow:0 2px 8px #2a17122e;cursor:pointer}.lore-drawer__close svg{width:14px;height:14px;fill:currentColor}.lore-drawer__media{position:relative;display:grid;place-items:center;aspect-ratio:16 / 10;overflow:hidden;background:var(--tile);color:var(--lore-cacao)}.lore-drawer__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.lore-drawer__media svg{width:30%;height:50%}.lore-drawer__credit{padding:8px 32px 0;font-size:12px;line-height:1.4;color:color-mix(in srgb,var(--text) 68%,var(--card))}.lore-drawer__credit a{text-decoration:underline;text-underline-offset:2px}.lore-drawer__credit+.lore-drawer__body{padding-top:18px}.lore-drawer__body{display:grid;gap:18px;padding:28px 32px 40px}.lore-drawer__title{font-size:40px}.lore-drawer__intro{margin-top:-8px;font-size:18px;color:var(--text-muted)}.lore-drawer__details{display:grid;gap:14px;font-size:16px;color:var(--text-muted)}.lore-drawer__details ul{margin:0;padding:0;list-style:none;border-top:1px solid var(--lore-line)}.lore-drawer__details li{margin:0;padding:13px 0;border-bottom:1px solid var(--lore-line);line-height:1.45}.lore-drawer__details li>strong:first-child{display:block;margin-bottom:2px;font-size:14px;font-weight:600;color:var(--text)}.lore-drawer__link{display:inline-flex;align-items:center;gap:8px;justify-self:start;min-height:44px;font-weight:600}.lore-drawer__link svg{width:18px;height:18px}@keyframes lore-drawer-side{0%{transform:translate(100%)}}@keyframes lore-drawer-up{0%{transform:translateY(100%)}}@media only screen and (max-width:767px){.lore-drawer{inset:auto 0 0 0;width:100%;height:auto;max-height:88dvh;border-radius:24px 24px 0 0}.lore-drawer[open]{animation-name:lore-drawer-up}.lore-drawer__close{margin:12px 12px -56px 0}.lore-drawer__media{aspect-ratio:16 / 9}.lore-drawer__credit{padding:8px 20px 0}.lore-drawer__credit+.lore-drawer__body{padding-top:14px}.lore-drawer__body{gap:16px;padding:22px 20px 32px}.lore-drawer__title{font-size:32px}.lore-drawer__intro{font-size:16px}.lore-drawer__details{font-size:15px}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/lore-ingredients.css.map */