.coffee-timeline:where(.astro-7KTNRMH3){margin-bottom:50px}.timeline:where(.astro-7KTNRMH3){--logo-x: 0px}@media screen and (min-width: 770px){.timeline:where(.astro-7KTNRMH3){--logo-x: 54px}}.timeline:where(.astro-7KTNRMH3),.timeline:where(.astro-7KTNRMH3) ul:where(.astro-7KTNRMH3){list-style:none;margin:0}.timeline:where(.astro-7KTNRMH3),.timeline:where(.astro-7KTNRMH3) ul:where(.astro-7KTNRMH3){padding:0}.timeline:where(.astro-7KTNRMH3) li:where(.astro-7KTNRMH3){display:block;margin:0}.purchase:where(.astro-7KTNRMH3){position:relative;padding-left:calc(var(--logo-x) + 54px);padding-bottom:40px;--gap-color: transparent;background:linear-gradient(#eee,#eee) no-repeat calc(var(--logo-x) + 20px) 21px/2px calc(100% - 61px),repeating-linear-gradient(to bottom,#eee 0 4px,var(--gap-color) 4px 8px) no-repeat calc(var(--logo-x) + 20px) bottom/2px 40px}.purchase:where(.astro-7KTNRMH3).same-day-as-next{--gap-color: #eee}.purchase:where(.astro-7KTNRMH3):last-child{background-size:2px calc(100% - 61px),0 0}.roaster-logo:where(.astro-7KTNRMH3){position:absolute;top:0;left:var(--logo-x);width:42px;height:42px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 0 0 4px #fff;color:#888;font-weight:700}.roaster-logo:where(.astro-7KTNRMH3) img:where(.astro-7KTNRMH3){width:100%;height:100%;object-fit:cover}.date:where(.astro-7KTNRMH3){position:absolute;top:0;right:0;height:42px;display:flex;align-items:center;justify-content:flex-end;color:#888;font-size:.85em;font-variant-numeric:tabular-nums}@media screen and (min-width: 770px){.date:where(.astro-7KTNRMH3){right:auto;left:0;width:44px;justify-content:center;font-size:1em}}.purchase-header:where(.astro-7KTNRMH3){min-height:42px;padding-right:44px;display:flex;flex-wrap:wrap;align-items:center;line-height:1.4}@media screen and (min-width: 770px){.purchase-header:where(.astro-7KTNRMH3){padding-right:0}}.purchase-header:where(.astro-7KTNRMH3) a:where(.astro-7KTNRMH3).roaster{color:inherit}.purchase-header:where(.astro-7KTNRMH3) .location:where(.astro-7KTNRMH3){color:#888;font-size:.9em}.bean:where(.astro-7KTNRMH3){display:grid;grid-template-columns:auto 1fr;grid-template-areas:"name name" "origin specs";column-gap:12px;align-items:baseline;padding:8px;margin:0 -8px;border-radius:6px;transition:background .1s}.bean:where(.astro-7KTNRMH3):hover{background:#f7f4ef}@media screen and (min-width: 770px){.bean:where(.astro-7KTNRMH3){grid-template-columns:1fr 12em 7em 4em 5.5em;grid-template-areas:"name origin process weight price";align-items:center;padding-block:5px}}.summary:where(.astro-7KTNRMH3){display:contents}.summary:where(.astro-7KTNRMH3) .name:where(.astro-7KTNRMH3){grid-area:name;line-height:1.4}.summary:where(.astro-7KTNRMH3) .origin:where(.astro-7KTNRMH3){grid-area:origin;color:#888;font-size:.85em;line-height:1.4}@media screen and (min-width: 770px){.summary:where(.astro-7KTNRMH3) .origin:where(.astro-7KTNRMH3){font-size:.9em}}.country:where(.astro-7KTNRMH3){white-space:nowrap}.inline-flag:where(.astro-7KTNRMH3){display:inline-block;width:16px;height:auto;margin-right:6px;vertical-align:-1px;box-shadow:0 0 0 1px #00000014}.specs:where(.astro-7KTNRMH3){grid-area:specs;display:flex;flex-wrap:wrap;column-gap:12px}@media screen and (min-width: 770px){.specs:where(.astro-7KTNRMH3){display:contents}}.process:where(.astro-7KTNRMH3),.weight:where(.astro-7KTNRMH3),.price:where(.astro-7KTNRMH3){font-size:.85em;line-height:1.4;color:#888;white-space:nowrap;font-variant-numeric:tabular-nums}.process:where(.astro-7KTNRMH3):empty,.weight:where(.astro-7KTNRMH3):empty,.price:where(.astro-7KTNRMH3):empty{display:none}@media screen and (min-width: 770px){.process:where(.astro-7KTNRMH3),.weight:where(.astro-7KTNRMH3),.price:where(.astro-7KTNRMH3){font-size:.9em;color:inherit}.process:where(.astro-7KTNRMH3):empty,.weight:where(.astro-7KTNRMH3):empty,.price:where(.astro-7KTNRMH3):empty{display:block}}.process:where(.astro-7KTNRMH3){grid-area:process;white-space:normal}.weight:where(.astro-7KTNRMH3){grid-area:weight}@media screen and (min-width: 770px){.weight:where(.astro-7KTNRMH3){text-align:right}}.price:where(.astro-7KTNRMH3){grid-area:price}@media screen and (min-width: 770px){.price:where(.astro-7KTNRMH3){text-align:right}}
