.ely-bf{--bf-flip: .52s;--bf-ease: cubic-bezier(.2, 0, 0, 1);--bf-edge: rgb(33 33 33 / .1);--bf-shadow: 0 .1rem .2rem rgb(33 33 33 / .06), 0 .8rem 2.4rem rgb(33 33 33 / .08);background:var(--colour-off-white);color:var(--colour-ink);padding-block:2.4rem 2.4rem}@media screen and (min-width:750px){.ely-bf{padding-top:var(--space-5)}}.ely-bf :is(button,input,label,select){touch-action:manipulation}.ely-bf__col{max-width:60rem;margin-inline:auto}.ely-bf__title{margin:0;color:var(--colour-pink-text);font-family:var(--font-family-display);font-weight:var(--weight-display, 600);font-size:clamp(4rem,calc(2.8rem + 3.2vw),5.6rem);line-height:1;letter-spacing:-.02em;text-wrap:balance}.ely-bf__lead{margin:1.6rem 0 0;max-width:56ch;font-size:var(--size-body);line-height:var(--lh-body)}.ely-bf .ely-brew__static{margin-top:3.2rem;overflow-x:auto}.ely-bf--js .ely-brew__static{display:none}.ely-bf:not(.ely-bf--js) .ely-bf__app{display:none}.ely-bf .ely-brew__table{width:100%;border-collapse:collapse;font-size:var(--size-card-body);line-height:var(--lh-body);font-variant-numeric:tabular-nums lining-nums}.ely-bf .ely-brew__caption{caption-side:top;text-align:left;padding-bottom:1.6rem;font-size:var(--size-caption);line-height:var(--lh-caption)}@media screen and (min-width:750px){.ely-bf .ely-brew__table{font-size:var(--size-body)}}.ely-bf .ely-brew__table th,.ely-bf .ely-brew__table td{padding:.8rem .8rem .8rem 0;border-bottom:var(--border) solid var(--colour-image-placeholder);text-align:left;vertical-align:top}.ely-bf .ely-brew__table thead th{font-size:var(--size-label-sm);font-weight:var(--weight-label-sm);letter-spacing:var(--track-label-sm);text-transform:uppercase;color:var(--colour-teal-text)}.ely-bf .ely-brew__table tbody th{font-weight:var(--weight-body-strong)}.ely-bf .ely-brew__static-tip{margin:1.6rem 0 0;font-size:var(--size-body);line-height:var(--lh-body)}.ely-bf .ely-brew__static-tip+.ely-brew__static-tip{margin-top:.8rem}.ely-bf__app{margin-top:2.4rem}@media screen and (min-width:750px){.ely-bf__app{margin-top:3.2rem}}.ely-bf__card{position:relative}.ely-bf__flipper{position:relative;display:grid;grid-template-columns:minmax(0,1fr)}.ely-bf__face{grid-area:1 / 1;display:flex;flex-direction:column;gap:1.6rem;min-width:0;padding:2.4rem;box-sizing:border-box;border-radius:var(--radius-surface);box-shadow:var(--bf-shadow)}.ely-bf__face[hidden]{display:none}.ely-bf__face.is-away{visibility:hidden}.ely-bf__front{background:var(--colour-cream);box-shadow:inset 0 0 0 var(--border) var(--bf-edge),var(--bf-shadow)}.ely-bf__back{background:var(--colour-scrim);color:var(--colour-off-white)}@media screen and (min-width:750px){.ely-bf__face{padding:3.2rem}}.ely-bf__card.is-3d{perspective:200rem;-webkit-perspective:200rem}.ely-bf__card.is-3d .ely-bf__flipper{transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transform:rotateY(0);transition:transform var(--bf-flip) var(--bf-ease)}.ely-bf__card.is-3d.is-flipped .ely-bf__flipper{transform:rotateY(180deg)}.ely-bf__card.is-3d.is-held .ely-bf__flipper{transition:none}.ely-bf{--bf-half: 104ms}.ely-bf__card.is-3d .ely-bf__face{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:visibility 0s linear var(--bf-half)}.ely-bf__card.is-3d .ely-bf__front{transform:rotateY(0)}.ely-bf__card.is-3d .ely-bf__back{transform:rotateY(180deg)}.ely-bf__in{display:grid;gap:1.6rem;min-width:0}.ely-bf__methods{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin:0;padding:0;border:0;min-inline-size:0}.ely-bf__method{position:relative;display:flex;min-width:0}.ely-bf__method input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer}.ely-bf__method-name{display:flex;align-items:center;justify-content:center;width:100%;min-height:5.6rem;padding:.4rem;text-align:center;border:var(--border) solid var(--colour-ink);border-radius:var(--radius-chip);color:var(--colour-ink);pointer-events:none;font-size:1.4rem;line-height:1.2;font-weight:600;text-wrap:balance;-webkit-hyphens:manual;hyphens:manual;transition:background-color .12s ease-out,border-color .12s ease-out,color .12s ease-out}@media screen and (min-width:750px){.ely-bf__method-name{font-size:1.5rem}}.ely-bf__nowrap{white-space:nowrap}@media screen and (max-width:399px){.ely-bf__method-name{font-size:1.3rem;padding-inline:.2rem}}.ely-bf__method input:checked+.ely-bf__method-name{background:var(--colour-selected);border-color:var(--colour-selected);color:var(--colour-on-selected)}@media(hover:hover)and (pointer:fine){.ely-bf__method input:not(:checked):hover+.ely-bf__method-name{background:var(--colour-off-white)}}.ely-bf__method input:focus-visible+.ely-bf__method-name{outline:.4rem solid var(--colour-ink);outline-offset:.4rem}.ely-bf__dirset{margin:0;padding:0;border:0;min-inline-size:0}.ely-bf__dir{display:grid;grid-template-columns:1fr 1fr;border:var(--border) solid var(--colour-ink);border-radius:var(--radius-control-sm);overflow:hidden}.ely-bf__dir-opt{position:relative;display:flex}.ely-bf__dir-opt+.ely-bf__dir-opt{border-left:var(--border) solid var(--colour-ink)}.ely-bf__dir-opt input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer}.ely-bf__dir-opt span{display:flex;align-items:center;justify-content:center;width:100%;min-height:4.8rem;padding:0 .8rem;text-align:center;font-size:1.5rem;line-height:1.2;font-weight:500;color:var(--colour-teal-text);pointer-events:none;transition:background-color .12s ease-out,color .12s ease-out}@media screen and (min-width:750px){.ely-bf__dir-opt span{font-size:var(--size-body)}}.ely-bf__dir-opt input:checked+span{background:var(--colour-selected);color:var(--colour-on-selected);font-weight:700}@media(hover:hover)and (pointer:fine){.ely-bf__dir-opt input:not(:checked):hover+span{background:var(--colour-off-white)}}.ely-bf__dir-opt input:focus-visible+span{outline:.4rem solid var(--colour-ink);outline-offset:-.8rem}.ely-bf__field{display:grid;gap:.8rem}.ely-bf .ely-bf__field-label{display:block;margin:0;font-family:var(--font-family);font-size:var(--size-body);line-height:var(--lh-body);font-weight:700;letter-spacing:normal;text-transform:none;color:var(--colour-ink)}.ely-bf__box{display:flex;flex-wrap:wrap;align-items:baseline;align-content:center;gap:.4rem;min-height:5.6rem;padding:.8rem 1.6rem;box-sizing:border-box;border:var(--border) solid var(--colour-ink);border-radius:var(--radius-control);background:var(--colour-white);cursor:text}.ely-bf__box:focus-within{border-color:var(--colour-teal);box-shadow:inset 0 0 0 calc(var(--border) * 2) var(--colour-teal)}.ely-bf__amount{width:3.3ch;min-width:1.3ch;max-width:100%;height:auto;padding:0;margin:0;border:0;background:transparent;color:var(--colour-ink);font-family:var(--font-family);font-size:2.8rem;font-weight:700;line-height:1.15;letter-spacing:0;font-variant-numeric:tabular-nums lining-nums;-webkit-appearance:none;appearance:none;border-radius:0;caret-color:var(--colour-teal)}.ely-bf .ely-bf__amount:focus,.ely-bf .ely-bf__amount:focus-visible{outline:none;box-shadow:none}.ely-bf__amount::selection{background:var(--colour-pink);color:var(--colour-ink)}.ely-bf__unit{font-family:var(--font-family);font-size:1.6rem;font-weight:700;line-height:1;color:var(--colour-teal-text)}.ely-bf__equiv{margin-left:.4rem;font-size:var(--size-caption);line-height:var(--lh-caption);color:var(--colour-teal-text);white-space:nowrap}.ely-bf__equiv[hidden]{display:none}.ely-bf__chips{display:grid;grid-template-columns:repeat(4,minmax(0,8rem));gap:1.6rem .8rem}.ely-bf__chips[hidden]{display:none}.ely-bf__chip{position:relative;min-height:3.2rem;min-width:0;padding:0 .8rem;border:var(--border) solid var(--colour-ink);border-radius:99rem;background:transparent;color:var(--colour-ink);font-family:var(--font-family);font-size:1.4rem;line-height:1;font-weight:600;font-variant-numeric:tabular-nums lining-nums;cursor:pointer;-webkit-appearance:none;appearance:none;transition:background-color .12s ease-out,border-color .12s ease-out,color .12s ease-out}.ely-bf__chip:before{content:"";position:absolute;inset:calc(-.6rem - var(--border)) calc(-1 * var(--border))}.ely-bf__chip[aria-pressed=true]{background:var(--colour-selected);border-color:var(--colour-selected);color:var(--colour-on-selected)}@media(hover:hover)and (pointer:fine){.ely-bf__chip[aria-pressed=false]:hover{background:var(--colour-off-white)}}.ely-bf .ely-bf__chip:focus-visible{outline:.4rem solid var(--colour-ink);outline-offset:.2rem;box-shadow:none}.ely-bf__cap{margin:0;font-size:var(--size-caption);line-height:var(--lh-caption);color:var(--colour-teal-text);text-wrap:pretty}.ely-bf__cap[hidden]{display:none}.ely-bf__recipe{display:grid;gap:1.6rem;padding-top:1.6rem;border-top:var(--border) solid var(--bf-edge)}.ely-bf__meta{margin:0;font-size:var(--size-caption);line-height:var(--lh-caption);color:var(--colour-teal-text);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ely-bf__nums{display:grid;grid-template-columns:repeat(3,auto);justify-content:space-between;gap:.8rem 1.6rem}.ely-bf__num{display:grid;gap:.8rem;min-width:0}.ely-bf__num-label{font-size:var(--size-label-sm);line-height:var(--lh-label-sm);font-weight:var(--weight-label-sm);letter-spacing:var(--track-label-sm);text-transform:uppercase;color:var(--colour-teal-text)}.ely-bf__num-val{display:block;font-family:var(--font-family);font-weight:700;font-size:clamp(3.6rem,calc(2.6rem + 2.4vw),4.8rem);line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums lining-nums;white-space:nowrap;color:var(--colour-ink)}.ely-bf__nums.is-long .ely-bf__num-val{font-size:clamp(3rem,calc(2.2rem + 2vw),4rem)}.ely-bf__num-unit{font-size:.5em;letter-spacing:0;color:var(--colour-teal-text)}.ely-bf__lines{margin:0;min-height:calc(2 * var(--size-body) * var(--lh-body));font-size:var(--size-body);line-height:var(--lh-body);color:var(--colour-ink)}.ely-bf__lines [hidden]{display:none}.ely-bf__grind{white-space:nowrap}.ely-bf__grind-key{font-weight:700}.ely-bf__front-actions,.ely-bf__back-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:1.6rem;margin-top:auto}.ely-bf__front-actions.has-two,.ely-bf__back-actions.has-two{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.ely-bf__go,.ely-bf__back-go{width:100%;min-height:4.8rem;font-size:var(--size-nav)}.ely-bf__go:before,.ely-bf__back-go:before{display:none}.ely-bf .ely-bf__go:focus-visible{outline:.4rem solid var(--colour-ink);outline-offset:.4rem;box-shadow:none}.ely-bf .ely-bf__back-go:focus-visible{outline:.4rem solid var(--colour-white);outline-offset:.4rem;box-shadow:none}.ely-bf__quiet{min-height:4.8rem;padding:0 .8rem;border:0;border-radius:var(--radius-control-sm);background:transparent;color:inherit;cursor:pointer;font-family:var(--font-family);font-size:var(--size-nav);line-height:1.2;font-weight:600;text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:var(--border);-webkit-appearance:none;appearance:none}.ely-bf__quiet[hidden]{display:none}.ely-bf__front .ely-bf__quiet{color:var(--colour-teal-text)}@media(hover:hover)and (pointer:fine){.ely-bf__quiet:hover{text-decoration-thickness:.2rem}}.ely-bf .ely-bf__front .ely-bf__quiet:focus-visible{outline:.4rem solid var(--colour-ink);outline-offset:.2rem;box-shadow:none}.ely-bf .ely-bf__back .ely-bf__quiet:focus-visible{outline:.4rem solid var(--colour-white);outline-offset:.2rem;box-shadow:none}.ely-bf__summary{margin:0;font-size:var(--size-caption);line-height:var(--lh-caption);color:var(--colour-pink);font-weight:600;font-variant-numeric:tabular-nums lining-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ely-bf .ely-bf__back-title:focus{outline:none}.ely-bf__timer,.ely-bf__guide,.ely-bf__done{display:grid;gap:1.6rem;align-content:start}.ely-bf__timer[hidden],.ely-bf__guide[hidden],.ely-bf__done[hidden]{display:none}.ely-bf__clock{margin:0;font-family:var(--font-family);font-weight:600;font-size:clamp(5.6rem,calc(4rem + 3vw),7.2rem);line-height:1;letter-spacing:-.01em;font-variant-numeric:tabular-nums lining-nums;color:var(--colour-off-white)}.ely-bf__clockrow{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;min-width:0}.ely-bf__back.is-done .ely-bf__clock{color:var(--colour-pink)}.ely-bf__now{display:grid;gap:.8rem;padding:1.6rem 0 0;border-top:var(--border) solid rgb(255 249 244 / .2)}.ely-bf__now-name{margin:0;font-family:var(--font-family-display);font-size:var(--size-h1);line-height:1.1;font-weight:600;color:var(--colour-pink)}.ely-bf__now-target{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;column-gap:.8rem}.ely-bf__now-target[hidden]{display:none}.ely-bf__now-verb{font-size:var(--size-body);line-height:var(--lh-body);font-weight:600}.ely-bf__now-num{font-family:var(--font-family);font-weight:700;font-size:clamp(4.8rem,calc(3.2rem + 4vw),7.2rem);line-height:.95;letter-spacing:-.03em;font-variant-numeric:tabular-nums lining-nums}.ely-bf__now-unit{font-family:var(--font-family);font-size:2.4rem;font-weight:700;line-height:1}.ely-bf__now-hint{margin:0;font-size:var(--size-body);line-height:var(--lh-body)}@keyframes ely-bf-step{0%{opacity:0;transform:translateY(.8rem)}to{opacity:1;transform:none}}.ely-bf__now.is-step>*{animation:ely-bf-step .16s ease-out 1 both}.ely-bf__bar{position:relative;display:flex;align-items:center;height:1.2rem}.ely-bf__bar-track{display:block;width:100%;height:.4rem;border-radius:.2rem;background:#fff9f433;overflow:hidden}.ely-bf__bar-fill{display:block;width:100%;height:100%;background:var(--colour-pink);transform:scaleX(0);transform-origin:0 50%;transition:transform .25s linear}.ely-bf__tick{position:absolute;top:0;bottom:0;width:var(--border);margin-left:calc(-.5 * var(--border));background:#fff9f48c}.ely-bf__next{margin:0;min-height:calc(var(--size-caption) * var(--lh-caption));font-size:var(--size-caption);line-height:var(--lh-caption);color:var(--colour-off-white);font-variant-numeric:tabular-nums lining-nums}.ely-bf__plan{display:grid;gap:.4rem;margin:0;padding:1.6rem 0 0;border-top:var(--border) solid rgb(255 249 244 / .2);list-style:none}.ely-bf__plan:empty{display:none}.ely-bf__plan li{display:grid;grid-template-columns:4.8rem minmax(0,1fr) auto;column-gap:.8rem;font-size:var(--size-caption);line-height:var(--lh-caption);color:#fff9f4cc;font-variant-numeric:tabular-nums lining-nums}.ely-bf__plan li.is-past{color:#fff9f480}.ely-bf__plan li.is-now{color:var(--colour-pink);font-weight:700}.ely-bf__plan-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ely-bf__plan-num{text-align:right;white-space:nowrap}.ely-bf__alerts{display:flex;align-items:center;gap:1.6rem}.ely-bf__buzz{display:inline-flex;align-items:center;gap:.8rem;min-height:var(--tap-min);font-size:var(--size-caption);line-height:var(--lh-caption);cursor:pointer;white-space:nowrap}.ely-bf__buzz[hidden]{display:none}.ely-bf__buzz input{width:2rem;height:2rem;margin:0;accent-color:var(--colour-pink)}.ely-bf__enjoy{margin:0;font-family:var(--font-family-display);font-size:clamp(4.8rem,calc(3.2rem + 3vw),6.4rem);line-height:1;font-weight:600;letter-spacing:-.02em;color:var(--colour-pink)}.ely-bf__last{margin:0;font-size:var(--size-body);line-height:var(--lh-body)}.ely-bf__last[hidden]{display:none}.ely-bf__last strong{font-weight:700}.ely-bf__taste{display:grid;gap:1.6rem;padding-top:1.6rem;border-top:var(--border) solid rgb(255 249 244 / .2)}.ely-bf__taste-title{margin:0;font-family:var(--font-family);font-size:var(--size-body);line-height:var(--lh-body);font-weight:700;letter-spacing:normal;text-transform:none;color:var(--colour-off-white)}.ely-bf__taste-opts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.ely-bf__taste-opt{min-height:4.8rem;padding:0 .8rem;border:var(--border) solid var(--colour-off-white);border-radius:var(--radius-chip);background:transparent;color:var(--colour-off-white);font-family:var(--font-family);font-size:1.5rem;line-height:1.2;font-weight:700;cursor:pointer;-webkit-appearance:none;appearance:none;transition:background-color .12s ease-out,border-color .12s ease-out,color .12s ease-out}.ely-bf__taste-opt[aria-pressed=true]{background:var(--colour-pink);border-color:var(--colour-pink);color:var(--colour-pink-text)}@media(hover:hover)and (pointer:fine){.ely-bf__taste-opt[aria-pressed=false]:hover{background:#fff9f41a}}.ely-bf .ely-bf__taste-opt:focus-visible{outline:.4rem solid var(--colour-white);outline-offset:.2rem;box-shadow:none}.ely-bf__taste-tip{margin:0;font-size:var(--size-body);line-height:var(--lh-body)}.ely-bf__taste-tip:empty{display:none}.ely-bf__steps{display:grid;gap:1.6rem;margin:0;padding:1.6rem 0 0;border-top:var(--border) solid rgb(255 249 244 / .2);list-style:none;counter-reset:ely-bf-step}.ely-bf__steps li{position:relative;padding-left:3.2rem;counter-increment:ely-bf-step;font-size:var(--size-body);line-height:var(--lh-body);color:var(--colour-off-white)}.ely-bf__steps li:before{content:counter(ely-bf-step);position:absolute;left:0;top:0;width:2.4rem;text-align:left;font-family:var(--font-family);font-size:var(--size-body);line-height:var(--lh-body);font-weight:700;font-variant-numeric:tabular-nums lining-nums;color:var(--colour-pink)}.ely-bf__steps-num{font-family:var(--font-family);font-weight:700;font-variant-numeric:tabular-nums lining-nums;white-space:nowrap}.ely-bf__steps-ml{font-variant-numeric:tabular-nums lining-nums;white-space:nowrap}.ely-bf__steps [hidden]{display:none}@media(prefers-reduced-motion:reduce){.ely-bf *,.ely-bf *:before{transition:none!important;animation:none!important}}@media screen and (min-width:990px){.ely-bf{padding-top:4rem}.ely-bf__col{max-width:92rem}.ely-bf__app{margin-top:3.2rem}.ely-bf__face{padding:4rem;gap:3.2rem;min-height:54.4rem}.ely-bf__front{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto;column-gap:6.4rem;row-gap:3.2rem;align-content:center}.ely-bf__front>.ely-bf__in{grid-column:1;grid-row:1 / span 2;gap:2.4rem}.ely-bf__front>.ely-bf__recipe{grid-column:2;grid-row:1;align-content:start;gap:2.4rem;padding-top:0;border-top:0}.ely-bf__front>.ely-bf__front-actions{grid-column:2;grid-row:2;align-self:end;margin-top:0}.ely-bf__field{gap:1.2rem}.ely-bf__front>.ely-bf__in{gap:4rem}.ely-bf__method-name{min-height:7.2rem}.ely-bf__dir-opt span{min-height:5.6rem}.ely-bf__box{min-height:7.2rem}.ely-bf__amount{font-size:3.6rem}.ely-bf__chip{min-height:4rem;font-size:1.5rem}.ely-bf__front>.ely-bf__recipe{gap:3.2rem}.ely-bf__num-val{font-size:5.6rem}.ely-bf__nums.is-long .ely-bf__num-val{font-size:4.4rem}.ely-bf__meta{font-size:var(--size-body);line-height:var(--lh-body)}.ely-bf__num{gap:1.2rem}.ely-bf__chips{grid-template-columns:repeat(4,minmax(0,1fr))}.ely-bf__back{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto auto auto 1fr auto;column-gap:6.4rem;row-gap:2.4rem}.ely-bf__timer:not([hidden]){display:contents}.ely-bf__back>.ely-bf__summary{grid-column:2;grid-row:1;align-self:center;padding-left:3.2rem;font-size:var(--size-body);line-height:var(--lh-body)}.ely-bf__clockrow{grid-column:1;grid-row:1}.ely-bf__now{grid-column:1;grid-row:2}.ely-bf__bar{grid-column:1;grid-row:3}.ely-bf__next{grid-column:1;grid-row:4}.ely-bf__plan{grid-column:2;grid-row:2 / span 3;align-self:start;gap:1.2rem;padding:0 0 0 3.2rem;border-top:0;border-left:var(--border) solid rgb(255 249 244 / .2)}.ely-bf__back[data-state=done]>.ely-bf__summary,.ely-bf__back[data-state=guide]>.ely-bf__summary{grid-column:1 / -1;padding-left:0}.ely-bf__back>.ely-bf__done,.ely-bf__back>.ely-bf__guide{grid-column:1 / -1;grid-row:2 / span 3}.ely-bf__back>.ely-bf__back-actions{grid-column:1 / -1;grid-row:6}.ely-bf__plan li{font-size:var(--size-body);line-height:var(--lh-body);grid-template-columns:5.6rem minmax(0,1fr) auto}.ely-bf__now{gap:1.2rem}.ely-bf__done,.ely-bf__guide{gap:2.4rem}.ely-bf__back-actions.has-two{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:6.4rem}.ely-bf__back-actions .ely-bf__edit{justify-self:start}}
/*# sourceMappingURL=/cdn/shop/t/42/assets/elysian-brew-calculator-flip.css.map */