.fc-recipe{--fcr-ink: var(--text-color, 2 29 26);--fcr-bg: var(--background, 255 255 255);--fcr-green: var(--fc-green, 0 83 75);--fcr-plum: var(--fc-plum, 120 19 85);--fcr-line: rgb(var(--fcr-ink) / .12);--fcr-line-soft: rgb(var(--fcr-ink) / .07);--fcr-chip: rgb(var(--fcr-ink) / .035);--fcr-muted: rgb(var(--fcr-ink) / .72);--fcr-radius: 12px;--fcr-pill: 46px;--fcr-spring: cubic-bezier(.34, 1.4, .64, 1);--fcr-ease: cubic-bezier(.22, 1, .36, 1);display:grid;gap:.75rem;margin-block:.25rem}.fc-recipe--empty .fc-recipe__panels{display:none}.fc-recipe__panel{position:relative;border:1px solid var(--fcr-line);border-radius:var(--fcr-radius);background:rgb(var(--fcr-bg));transition:border-color .25s ease,box-shadow .3s var(--fcr-ease),transform .3s var(--fcr-ease)}.fc-recipe__panel[hidden]{display:none}@media(hover:hover){.fc-recipe__panel:hover{border-color:rgb(var(--fcr-green) / .35);box-shadow:0 14px 32px -22px rgb(var(--fcr-green) / .6);transform:translateY(-1px)}}.fc-recipe__head{display:flex;align-items:center;gap:.6rem;padding:.8rem 1rem;border-block-end:1px solid var(--fcr-line);border-start-start-radius:calc(var(--fcr-radius) - 1px);border-start-end-radius:calc(var(--fcr-radius) - 1px);background:linear-gradient(180deg,rgb(var(--fcr-green) / .05),rgb(var(--fcr-green) / 0))}.fc-recipe__title{margin:0;font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-style:var(--heading-font-style);font-size:1.0625rem;line-height:1.2;color:rgb(var(--fcr-ink))}.fc-recipe__tier{font-size:.6875rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--fcr-muted)}.fc-recipe__count{position:relative;overflow:hidden;flex:none;margin-inline-start:auto;padding:.2rem .75rem;border-radius:var(--fcr-pill);background:rgb(var(--fcr-green));color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.01em;white-space:nowrap;font-variant-numeric:tabular-nums}.fc-recipe__count:after{content:"";position:absolute;inset-block:-30%;inset-inline-start:0;width:45%;pointer-events:none;opacity:0;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .5),transparent);transform:translate(-130%) skew(-18deg)}@media(hover:hover){.fc-recipe__panel:hover .fc-recipe__count:after{opacity:1;animation:fcr-shine .8s ease-out}}.fc-recipe__row{display:grid;grid-template-columns:8rem minmax(0,1fr);align-items:start;gap:.75rem;padding:.6rem 1rem;transition:background-color .2s ease}.fc-recipe__row+.fc-recipe__row{border-block-start:1px solid var(--fcr-line-soft)}@media(hover:hover){.fc-recipe__row:hover{background:rgb(var(--fcr-green) / .035)}.fc-recipe__row:hover .fc-recipe__label{color:rgb(var(--fcr-green))}}.fc-recipe__label{margin:0;padding-block-start:.32rem;font-size:.6875rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--fcr-muted);transition:color .2s ease}.fc-recipe__chips{display:flex;flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none}.fc-recipe__chip{display:inline-flex;align-items:baseline;gap:.15rem;padding:.22rem .7rem;border:1px solid var(--fcr-line);border-radius:var(--fcr-pill);background:var(--fcr-chip);color:rgb(var(--fcr-ink));font-size:.875rem;line-height:1.45;transition:transform .18s var(--fcr-spring),border-color .18s ease,background-color .18s ease,box-shadow .18s ease,color .18s ease}@media(hover:hover){.fc-recipe__chip:hover{transform:translateY(-2px);border-color:rgb(var(--fcr-green));background:rgb(var(--fcr-green) / .07);color:rgb(var(--fcr-green));box-shadow:0 6px 14px -8px rgb(var(--fcr-green) / .6)}}.fc-recipe__q{font-weight:700;font-variant-numeric:tabular-nums}.fc-recipe__x{padding-inline-end:.12rem;font-size:.75em;color:var(--fcr-muted)}.fc-recipe__chip:hover .fc-recipe__x{color:inherit}.fc-recipe__chip--vessel{background:transparent;border-style:dashed;border-color:rgb(var(--fcr-ink) / .3)}.fc-recipe__chip--vessel:hover,.fc-recipe__chip--vessel:focus-visible{border-style:solid}.fc-recipe__chip--vessel{position:relative;cursor:help}.fc-recipe__chip--vessel:focus-visible{outline:2px solid rgb(var(--fcr-green));outline-offset:2px}.fc-recipe__tip{position:absolute;left:-.25rem;bottom:calc(100% + .6rem);z-index:5;display:inline-flex;align-items:center;gap:.4rem;width:max-content;max-width:min(17rem,80vw);padding:.45rem .75rem;border-radius:10px;background:rgb(var(--fcr-green));color:#fff;font-size:.75rem;font-weight:600;line-height:1.35;letter-spacing:.01em;box-shadow:0 12px 26px -12px rgb(var(--fcr-green) / .75);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(6px) scale(.94);transform-origin:1.25rem 100%;transition:opacity .18s ease,transform .26s var(--fcr-spring),visibility 0s linear .26s}.fc-recipe__tip:after{content:"";position:absolute;top:100%;left:1.1rem;border:6px solid transparent;border-top-color:rgb(var(--fcr-green))}.fc-recipe__tip svg{flex:none}.fc-recipe__tip svg path{stroke-dasharray:20;stroke-dashoffset:20;transition:stroke-dashoffset .35s ease .1s}@media(hover:hover){.fc-recipe__chip--vessel:hover .fc-recipe__tip{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition-delay:0s}.fc-recipe__chip--vessel:hover .fc-recipe__tip svg path{stroke-dashoffset:0}}.fc-recipe__chip--vessel:focus .fc-recipe__tip{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition-delay:0s}.fc-recipe__chip--vessel:focus .fc-recipe__tip svg path{stroke-dashoffset:0}.fc-recipe__chip--vessel.is-tip-dismissed .fc-recipe__tip{opacity:0;visibility:hidden;pointer-events:none}.fc-recipe__bloom{display:flex;align-items:flex-start;gap:.5rem;margin:0;padding:.6rem 1rem;border-block-start:1px solid var(--fcr-line-soft);background:rgb(var(--fcr-green) / .04);font-size:.8125rem;line-height:1.5;color:rgb(var(--fcr-ink))}.fc-recipe__bloom svg{flex:none;margin-block-start:.15em;color:rgb(var(--fcr-green))}.fc-recipe__note{margin:0;padding:.65rem 1rem .7rem;border-block-start:1px solid var(--fcr-line-soft);border-inline-start:3px solid rgb(var(--fcr-plum));border-end-start-radius:calc(var(--fcr-radius) - 1px);border-end-end-radius:calc(var(--fcr-radius) - 1px);font-size:.8125rem;line-height:1.5;color:var(--fcr-muted)}.fc-recipe__note strong{font-weight:700;color:rgb(var(--fcr-ink))}.fc-recipe__age{display:flex;align-items:flex-start;gap:.6rem;margin:0;padding:.7rem .9rem;border:1px solid rgb(var(--fcr-plum) / .35);border-radius:var(--fcr-radius);background:rgb(var(--fcr-plum) / .05);font-size:.8125rem;line-height:1.45;color:rgb(var(--fcr-ink))}.fc-recipe__age svg{flex:none;margin-block-start:.05em;color:rgb(var(--fcr-plum))}.fc-recipe__age strong{font-weight:700}.fc-recipe__care{padding-inline:1rem;border:1px solid var(--fcr-line);border-radius:var(--fcr-radius);transition:border-color .25s ease,box-shadow .3s var(--fcr-ease)}.fc-recipe__care .accordion{border:0}.fc-recipe__care .accordion__toggle{padding-block:.95rem;transition:color .2s ease}@media(hover:hover){.fc-recipe__care:hover{border-color:rgb(var(--fcr-green) / .35);box-shadow:0 14px 32px -24px rgb(var(--fcr-green) / .6)}.fc-recipe__care summary:hover .accordion__toggle{color:rgb(var(--fcr-green))}}.fc-recipe__care .accordion__content{font-size:.875rem;line-height:1.55}.fc-recipe__care .accordion__content ul{margin-block:.5rem 0;padding-inline-start:1.1rem}.fc-recipe__care .accordion__content li+li{margin-block-start:.3rem}.fc-recipe__care .accordion__content li::marker{color:rgb(var(--fcr-green))}.fc-recipe__care details[open] .accordion__content{animation:fcr-rise .35s var(--fcr-ease) both}.fc-recipe__panel.is-entering{animation:fcr-rise .4s var(--fcr-ease) both}.fc-recipe__panel.is-entering .fc-recipe__row{animation:fcr-rise .34s var(--fcr-ease) both;animation-delay:calc(min(var(--r, 0),5)*40ms + 40ms)}.fc-recipe__panel.is-entering .fc-recipe__chip{animation:fcr-pop .3s var(--fcr-spring) both;animation-delay:calc(min(var(--r, 0),5)*40ms + min(var(--c, 0),6)*25ms + 80ms)}.fc-recipe__panel.is-entering .fc-recipe__count{animation:fcr-bump .45s ease .12s}@keyframes fcr-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes fcr-pop{0%{opacity:0;transform:translateY(4px) scale(.94)}to{opacity:1;transform:none}}@keyframes fcr-bump{0%{transform:scale(1)}45%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes fcr-shine{0%{transform:translate(-130%) skew(-18deg)}to{transform:translate(260%) skew(-18deg)}}@media screen and (max-width:640px){.fc-recipe__row{grid-template-columns:minmax(0,1fr);gap:.35rem;padding-block:.55rem}.fc-recipe__label{padding-block-start:0}.fc-recipe__head{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.fc-recipe,.fc-recipe *,.fc-recipe *:after{animation:none!important;transition:none!important}.fc-recipe__panel:hover,.fc-recipe__chip:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/fc-recipe.css.map */