.fq-recipe{--fqr-ink: var(--text-color, 32 32 32);--fqr-bg: var(--background, 255 255 255);--fqr-blue: 0 79 122;--fqr-navy: 26 42 53;--fqr-glacier: 232 240 245;--fqr-rule: 221 229 234;--fqr-gold: 214 166 31;--fqr-leaf: 63 122 90;--fqr-muted: rgb(var(--fqr-ink) / .74);--fqr-radius: 12px;--fqr-chip-radius: 8px;--fqr-shadow-sm: 0 1px 2px rgb(var(--fqr-navy) / .06);--fqr-shadow-md: 0 2px 8px rgb(var(--fqr-navy) / .08);--fqr-shadow-lg: 0 12px 32px rgb(var(--fqr-navy) / .14);--fqr-ease: cubic-bezier(.22, 1, .36, 1);--fqr-spring: cubic-bezier(.34, 1.35, .64, 1);display:grid;gap:.75rem;margin-block:.25rem}.fq-recipe--empty .fq-recipe__panels{display:none}.fq-recipe__panel{position:relative;border:1px solid rgb(var(--fqr-rule));border-radius:var(--fqr-radius);background:rgb(var(--fqr-bg));box-shadow:var(--fqr-shadow-md);transition:border-color .2s ease,box-shadow .25s var(--fqr-ease),transform .25s var(--fqr-ease)}.fq-recipe__panel[hidden]{display:none}@media(hover:hover){.fq-recipe__panel:hover{border-color:rgb(var(--fqr-blue) / .35);box-shadow:var(--fqr-shadow-lg);transform:translateY(-1px)}}.fq-recipe__head{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;border-block-end:1px solid rgb(var(--fqr-rule));border-start-start-radius:calc(var(--fqr-radius) - 1px);border-start-end-radius:calc(var(--fqr-radius) - 1px);background:rgb(var(--fqr-glacier))}.fq-recipe__title.h6{margin:0;font-size:.8125rem;font-weight:700;line-height:1.3;color:rgb(var(--fqr-blue))}.fq-recipe__tier{font-family:var(--heading-font-family);font-size:.75rem;letter-spacing:var(--heading-letter-spacing);text-transform:uppercase;color:rgb(var(--fqr-navy) / .78)}.fq-recipe__count.badge{flex:none;margin-inline-start:auto;padding:.2rem .55rem;border-radius:6px;background:rgb(var(--fqr-blue));color:#fff;font-size:.75rem;line-height:1.4;white-space:nowrap;font-variant-numeric:tabular-nums}.fq-recipe__row{display:grid;grid-template-columns:8.25rem minmax(0,1fr);align-items:start;gap:.75rem;padding:.65rem 1rem;transition:background-color .2s ease}.fq-recipe__row+.fq-recipe__row{border-block-start:1px solid rgb(var(--fqr-rule) / .8)}@media(hover:hover){.fq-recipe__row:hover{background:rgb(var(--fqr-glacier) / .55)}}.fq-recipe__label{margin:0;padding-block-start:.35rem;font-family:var(--heading-font-family);font-size:.75rem;line-height:1.4;letter-spacing:var(--heading-letter-spacing);text-transform:uppercase;color:rgb(var(--fqr-blue))}.fq-recipe__chips{display:flex;flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none}.fq-recipe__chip{display:inline-flex;align-items:baseline;gap:.15rem;min-height:2rem;padding:.28rem .7rem;border:1px solid rgb(var(--fqr-rule));border-radius:var(--fqr-chip-radius);background:rgb(var(--fqr-glacier) / .6);color:rgb(var(--fqr-ink));font-family:var(--text-font-family);font-size:.9375rem;line-height:1.45;transition:transform .18s var(--fqr-spring),border-color .18s ease,background-color .18s ease,box-shadow .18s ease,color .18s ease}@media(hover:hover){.fq-recipe__chip:hover{transform:translateY(-2px);border-color:rgb(var(--fqr-blue));background:rgb(var(--fqr-bg));color:rgb(var(--fqr-blue));box-shadow:var(--fqr-shadow-md)}}.fq-recipe__q{font-weight:700;font-variant-numeric:tabular-nums}.fq-recipe__x{padding-inline-end:.12rem;font-size:.75em;color:var(--fqr-muted)}.fq-recipe__chip:hover .fq-recipe__x{color:inherit}.fq-recipe__chip--vessel{position:relative;cursor:help;background:transparent;border-style:dashed;border-color:rgb(var(--fqr-blue) / .45)}.fq-recipe__chip--vessel:hover,.fq-recipe__chip--vessel:focus-visible{border-style:solid}.fq-recipe__chip--vessel:focus-visible{outline:3px solid rgb(var(--fqr-gold));outline-offset:2px}.fq-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:8px;background:rgb(var(--fqr-leaf));color:#fff;font-family:var(--text-font-family);font-size:.8125rem;font-weight:700;line-height:1.35;box-shadow:var(--fqr-shadow-lg);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(6px) scale(.96);transform-origin:1.25rem 100%;transition:opacity .16s ease,transform .22s var(--fqr-spring),visibility 0s linear .22s}.fq-recipe__tip:after{content:"";position:absolute;top:100%;left:1.1rem;border:6px solid transparent;border-top-color:rgb(var(--fqr-leaf))}.fq-recipe__tip svg{flex:none}.fq-recipe__tip svg path{stroke-dasharray:20;stroke-dashoffset:20;transition:stroke-dashoffset .25s ease .08s}@media(hover:hover){.fq-recipe__chip--vessel:hover .fq-recipe__tip{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition-delay:0s}.fq-recipe__chip--vessel:hover .fq-recipe__tip svg path{stroke-dashoffset:0}}.fq-recipe__chip--vessel:focus .fq-recipe__tip{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition-delay:0s}.fq-recipe__chip--vessel:focus .fq-recipe__tip svg path{stroke-dashoffset:0}.fq-recipe__chip--vessel.is-tip-dismissed .fq-recipe__tip{opacity:0;visibility:hidden;pointer-events:none}.fq-recipe__bloom{display:flex;align-items:flex-start;gap:.55rem;margin:0;padding:.65rem 1rem;border-block-start:1px solid rgb(var(--fqr-rule));background:rgb(var(--fqr-glacier) / .6);font-size:.875rem;line-height:1.55;color:rgb(var(--fqr-ink))}.fq-recipe__bloom svg{flex:none;margin-block-start:.12em;color:rgb(var(--fqr-blue))}.fq-recipe__note{margin:0;padding:.7rem 1rem .75rem;border-block-start:1px solid rgb(var(--fqr-rule));border-inline-start:3px solid rgb(var(--fqr-gold));border-end-start-radius:calc(var(--fqr-radius) - 1px);border-end-end-radius:calc(var(--fqr-radius) - 1px);font-size:.875rem;line-height:1.6;color:var(--fqr-muted)}.fq-recipe__note strong{font-weight:700;color:rgb(var(--fqr-ink))}.fq-recipe__age{display:flex;align-items:flex-start;gap:.65rem;margin:0;padding:.75rem 1rem;border:1px solid rgb(var(--fqr-rule));border-radius:var(--fqr-radius);background:rgb(var(--fqr-glacier) / .6);font-size:.875rem;line-height:1.5;color:rgb(var(--fqr-ink))}.fq-recipe__age svg{flex:none;margin-block-start:.05em;color:rgb(var(--fqr-blue))}.fq-recipe__age strong{font-weight:700}.fq-recipe__care{padding-inline:1rem;border:1px solid rgb(var(--fqr-rule));border-radius:var(--fqr-radius);background:rgb(var(--fqr-bg));transition:border-color .2s ease,box-shadow .25s var(--fqr-ease)}.fq-recipe__care .accordion{border:0}.fq-recipe__care .accordion__toggle{padding-block:1rem;color:rgb(var(--fqr-blue))}.fq-recipe__care .accordion__toggle svg{color:rgb(var(--fqr-blue))}@media(hover:hover){.fq-recipe__care:hover{border-color:rgb(var(--fqr-blue) / .35);box-shadow:var(--fqr-shadow-md)}}.fq-recipe__care summary:focus-visible{outline:3px solid rgb(var(--fqr-gold));outline-offset:4px;border-radius:4px}.fq-recipe__care .accordion__content{padding-block-end:1rem;font-size:.9375rem;line-height:1.6}.fq-recipe__care .accordion__content ul{margin-block:.25rem 0;padding-inline-start:1.1rem}.fq-recipe__care .accordion__content li+li{margin-block-start:.35rem}.fq-recipe__care .accordion__content li::marker{color:rgb(var(--fqr-blue))}.fq-recipe__care details[open] .accordion__content{animation:fqr-rise .24s var(--fqr-ease) both}.fq-recipe__panel.is-entering{animation:fqr-rise .24s var(--fqr-ease) both}.fq-recipe__panel.is-entering .fq-recipe__row{animation:fqr-rise .22s var(--fqr-ease) both;animation-delay:calc(min(var(--r, 0),5)*30ms + 30ms)}.fq-recipe__panel.is-entering .fq-recipe__chip{animation:fqr-pop .2s var(--fqr-spring) both;animation-delay:calc(min(var(--r, 0),5)*30ms + min(var(--c, 0),6)*20ms + 60ms)}.fq-recipe__panel.is-entering .fq-recipe__count{animation:fqr-bump .25s ease .1s}@keyframes fqr-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes fqr-pop{0%{opacity:0;transform:translateY(3px) scale(.96)}to{opacity:1;transform:none}}@keyframes fqr-bump{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}@media screen and (max-width:640px){.fq-recipe__row{grid-template-columns:minmax(0,1fr);gap:.4rem;padding-block:.6rem}.fq-recipe__label{padding-block-start:0}.fq-recipe__head{flex-wrap:wrap}.fq-recipe__chip{min-height:2.25rem}.fq-recipe__chip--vessel{min-height:2.75rem;align-items:center}}@media(prefers-reduced-motion:reduce){.fq-recipe,.fq-recipe *,.fq-recipe *:after{animation:none!important;transition:none!important}.fq-recipe__panel:hover,.fq-recipe__chip:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/fq-recipe.css.map */