.byob{background:#fff;color:var(--ink, #2A2118);padding:0 0 calc(8.75rem + env(safe-area-inset-bottom,0px))}.byob[data-screen="3"]{padding-bottom:calc(13.5rem + env(safe-area-inset-bottom,0px))}.byob__hero{background:#fff;padding:clamp(2.25rem,5vw,3.75rem) 0 1.25rem;text-align:center}.byob__progress{display:flex;justify-content:center;gap:.35rem;list-style:none;margin:0 auto 1.1rem;padding:0;max-width:760px}.byob__progress li{flex:1;max-width:8.5rem;text-align:center;border-bottom:2px solid rgba(42,33,24,.12)}.byob__progress button{-webkit-appearance:none;appearance:none;width:100%;margin:0;padding:.45rem .2rem .55rem;border:0;background:none;font-family:var(--font-mono-family, "DM Sans", system-ui, sans-serif);font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft, #5A4E42);cursor:pointer}.byob__progress li.is-done{border-bottom-color:var(--ochre, #C6963C)}.byob__progress li.is-done button{color:var(--ochre, #C6963C)}.byob__progress li.is-on{border-bottom-color:var(--ink, #2A2118)}.byob__progress li.is-on button{color:var(--ink, #2A2118)}.byob__progress li.is-wait button,.byob__progress button:disabled{color:#2a211852;cursor:not-allowed}.byob__flow{max-width:760px;margin:0 auto;background:#fff;border:1px solid rgba(42,33,24,.12)}.byob-step{display:none;padding:1.2rem 1.1rem 1.35rem}.byob-step.is-screen{display:block}.byob-step__head{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.byob-step__num{flex:0 0 1.65rem;width:1.65rem;height:1.65rem;display:flex;align-items:center;justify-content:center;background:var(--ink, #2A2118);color:var(--color-cream, #F5EFE2);font-size:.72rem;font-weight:700;line-height:1}.byob-step.is-done .byob-step__num{background:var(--ochre, #C6963C);color:var(--ink, #2A2118)}.byob-step__head h2{margin:0 0 .2rem;font-family:var(--font-display-family, "Staatliches", Impact, sans-serif);font-size:1.35rem;font-weight:400;letter-spacing:.04em;text-transform:uppercase;line-height:1}.byob-step__head p{margin:0;font-size:.88rem;line-height:1.4;color:var(--ink-soft, #5A4E42)}.byob-step__head .byob__box-fill{margin-left:auto;align-self:center}.byob__recap{margin:0 0 .9rem;font-size:.92rem;font-weight:600;line-height:1.4;color:var(--ink, #2A2118)}.byob__recap:empty{display:none}.byob__eyebrow{display:block;font-family:var(--font-mono-family, "DM Sans", system-ui, sans-serif);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ochre, #C6963C);margin-bottom:.75rem}.byob__hero h1{font-family:var(--font-display-family, "Staatliches", Impact, sans-serif);font-weight:400;font-size:clamp(2.35rem,7vw,4.15rem);letter-spacing:.03em;text-transform:uppercase;line-height:.95;color:#2a2118;margin:0 0 .35rem}.byob__hero h1:after{content:"";display:block;width:2.75rem;height:3px;margin:.85rem auto 1rem;background:var(--ochre, #C6963C)}.byob__lede{max-width:42ch;margin:0 auto;font-size:1.05rem;line-height:1.55;color:#3f3428}.byob__wrap{width:min(1120px,calc(100% - 2rem));margin:0 auto}.byob__sizes{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin:0;max-width:none}.byob__size{-webkit-appearance:none;appearance:none;background:#fff;border:1px solid rgba(42,33,24,.14);color:inherit;cursor:pointer;padding:1rem .85rem 1.1rem;text-align:left;font:inherit}.byob__size.is-on{border-color:var(--ochre, #C6963C);background:#fff;outline:1px solid var(--ochre, #C6963C);outline-offset:-1px}.byob__size-kicker{display:block;font-family:var(--font-mono-family, "DM Sans", system-ui, sans-serif);font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft, #5A4E42);margin-bottom:.2rem}.byob__size-title{display:block;font-family:var(--font-display-family, "Staatliches", Impact, sans-serif);font-size:1.55rem;letter-spacing:.04em;text-transform:uppercase;line-height:1}.byob__size-save{display:block;margin-top:.35rem;font-size:.82rem;color:var(--moss, #5B6A47);font-weight:600}.byob__notice{max-width:760px;margin:1rem auto 0;font-size:.88rem;color:var(--ink-soft, #5A4E42);line-height:1.45}.byob__notice[hidden]{display:none}.byob__slots{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:.5rem;margin:0 0 1.1rem}.byob[data-screen="3"] .byob__slots{display:grid;grid-template-columns:1fr;gap:1.1rem;margin:.85rem 0 .35rem}.byob__bag{width:calc(33.333% - .45rem);max-width:118px;min-width:86px;display:flex;flex-direction:column;align-items:center;gap:.28rem}.byob[data-screen="3"] .byob__bag{width:auto;max-width:none;min-width:0;align-items:stretch;gap:.6rem;padding:.9rem;border:1px solid rgba(42,33,24,.12);background:#fff}.byob[data-screen="3"] .byob__slot.is-filled{width:100%;height:auto;aspect-ratio:1 / 1;background:#f7f4ee;padding:.7rem;box-sizing:border-box}.byob[data-screen="3"] .byob__slot img{object-fit:contain;object-position:center}.byob[data-screen="3"] .byob__bag-name{font-size:.82rem;text-align:center}.byob[data-screen="3"] .byob__bag-grinds{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.byob[data-screen="3"] .byob__g{padding:.7rem .5rem;font-size:.82rem;letter-spacing:.04em}.byob[data-screen="3"] .byob__g span{display:inline;margin-left:.25rem;font-size:.68rem;font-weight:600;letter-spacing:0;text-transform:none;color:var(--ochre, #C6963C)}.byob[data-screen="3"] .byob__g.is-on span{color:var(--color-cream, #F5EFE2)}@media(min-width:900px){.byob[data-screen="3"] .byob__slots{grid-template-columns:repeat(3,1fr)}}.byob__bag-name{font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink, #2A2118)}.byob__bag.is-empty .byob__bag-name{display:none}.byob__bag-grinds{display:flex;width:100%;gap:2px}.byob__g{-webkit-appearance:none;appearance:none;flex:1;margin:0;padding:.22rem 0;border:1px solid rgba(42,33,24,.16);background:#fff;color:var(--ink, #2A2118);font-size:.52rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;line-height:1.1;cursor:pointer}.byob__g.is-on{background:var(--ink, #2A2118);border-color:var(--ink, #2A2118);color:var(--color-cream, #F5EFE2)}.byob__bag.is-empty .byob__bag-grinds{visibility:hidden}.byob__slot{position:relative;width:52px;height:64px;border:1px dashed rgba(42,33,24,.22);background:#f7f4ee;overflow:hidden;padding:0}.byob__bag.is-ground .byob__slot{border-style:solid;border-color:var(--ochre, #C6963C)}.byob__slot.is-filled{width:100%;height:72px;border-style:solid;border-color:#2a211829;background:#fff}.byob__slot img{width:100%;height:100%;object-fit:cover;display:block}.byob__slot--full{width:100%;height:auto;aspect-ratio:1 / 1;padding:.7rem;box-sizing:border-box;background:#f7f4ee}.byob__slot--full img{object-fit:contain;object-position:center}.byob__box-fill{font-family:var(--font-mono-family, "DM Sans", system-ui, sans-serif);font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink, #2A2118);white-space:nowrap}.byob__bag-tag{font-size:.62rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ochre, #C6963C)}.byob__grid{display:grid;grid-template-columns:1fr;gap:.7rem;padding:0}.byob-card{display:grid;grid-template-columns:88px 1fr auto;gap:.9rem;align-items:center;background:#fff;border:1px solid rgba(42,33,24,.12);padding:.75rem}.byob-card.is-off{opacity:.45}.byob-card__media{width:88px;height:88px;background:#ede6d8;overflow:hidden}.byob-card__media img{width:100%;height:100%;object-fit:cover;display:block}.byob-card h2{font-family:var(--font-display-family, "Staatliches", Impact, sans-serif);font-size:1.35rem;font-weight:400;letter-spacing:.04em;text-transform:uppercase;margin:0 0 .2rem}.byob-card p{margin:0;font-size:.85rem;color:var(--ink-soft, #5A4E42);line-height:1.4}.byob-card__price{display:block;margin-top:.35rem;font-size:.8rem;font-weight:600}.byob-card__qty{display:flex;align-items:center;gap:.35rem}.byob-card__qty button{-webkit-appearance:none;appearance:none;width:36px;height:36px;border:1px solid var(--ink, #2A2118);background:#fff;color:var(--ink, #2A2118);font-size:1.2rem;line-height:1;cursor:pointer}.byob-card__qty button:disabled{opacity:.35;cursor:not-allowed}.byob-card__qty span{min-width:1.4rem;text-align:center;font-weight:700;font-variant-numeric:tabular-nums}.byob__dock{position:fixed;left:0;right:0;bottom:0;z-index:80;display:flex;flex-direction:column;background:var(--ink, #2A2118);transition:background-color .45s ease,padding-top .45s ease,box-shadow .45s ease}.byob__bar{order:1;background:var(--ink, #2A2118);color:var(--color-cream, #F5EFE2);border-top:2px solid var(--ochre, #C6963C);padding:.55rem .9rem .45rem}.byob[data-screen="1"] .byob__bar{padding-bottom:calc(.5rem + env(safe-area-inset-bottom,0px))}.byob__bar-inner{width:min(1120px,100%);margin:0 auto;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.4rem .65rem}.byob__totals{min-width:0;display:flex;flex-direction:column;gap:.08rem}.byob__error{grid-column:1 / -1}.byob__cta{order:2;width:calc(100% - 1.8rem);max-width:1120px;margin:.15rem auto calc(.55rem + env(safe-area-inset-bottom,0px));min-height:3rem;padding:.85rem 1rem;justify-content:center;text-align:center}.byob__cta[hidden]{display:none}.byob[data-screen="3"] .byob__dock{background:#fff;padding-top:.85rem;box-shadow:0 -10px 28px #2a21181a}.byob[data-screen="3"] .byob__cta{order:0;width:calc(100% - 1.8rem);margin:0 auto .85rem;min-height:3.5rem;padding:1rem 1.1rem;font-size:1.02rem;font-weight:700;letter-spacing:.08em;justify-content:center;text-align:center;opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .6s ease,transform .6s ease,background .25s ease,color .25s ease,border-color .25s ease}.byob[data-screen="3"].is-cta-ready .byob__cta{opacity:1;transform:translateY(0);pointer-events:auto}@media(prefers-reduced-motion:reduce){.byob[data-screen="3"] .byob__cta{opacity:1;transform:none;transition:none;pointer-events:auto}}.byob[data-screen="3"] .byob__bar{order:1;border-top:0;padding:.5rem .9rem calc(.5rem + env(safe-area-inset-bottom,0px))}.byob__price-row{display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:.15rem .55rem}.byob__save,.byob__grind-fee{display:none}@media(min-width:900px){.byob__bar{padding:.85rem 1rem .55rem}.byob[data-screen="1"] .byob__bar{padding:.85rem 1rem calc(.85rem + env(safe-area-inset-bottom,0px))}.byob__bar-inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem 1.25rem}.byob__error{grid-column:auto}.byob__cta{width:min(calc(100% - 2rem),1120px);min-width:13.5rem;padding:.9rem 1.45rem}.byob[data-screen="3"] .byob__dock{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.25rem;background:var(--ink, #2A2118);padding:.85rem 1.25rem calc(.85rem + env(safe-area-inset-bottom,0px));box-shadow:none}.byob[data-screen="3"] .byob__cta{order:2;width:auto;min-width:16.5rem;margin:0;opacity:1;transform:none;pointer-events:auto}.byob[data-screen="3"] .byob__bar{order:1;flex:1 1 auto;border-top:0;padding:0;background:transparent}.byob__price-row{gap:.65rem 1.1rem}.byob__save{display:inline}.byob__grind-fee:not([hidden]){display:inline}}.byob__back{-webkit-appearance:none;appearance:none;background:transparent;border:1px solid rgba(245,239,226,.4);color:var(--color-cream, #F5EFE2);font:inherit;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.4rem .55rem;cursor:pointer;align-self:center}.byob__back:hover,.byob__back:focus{border-color:var(--ochre, #C6963C);color:var(--ochre, #C6963C)}.byob__back[hidden]{display:none}.byob[data-screen="1"] .byob__bar-inner{grid-template-columns:1fr}.byob[data-screen="1"] .byob__price-row{display:none}.byob__fill-label{font-family:var(--font-mono-family, "DM Sans", system-ui, sans-serif);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ochre, #C6963C)}.byob__list{text-decoration:line-through;opacity:.55;font-size:.9rem}.byob__list[hidden],.byob__save[hidden]{display:none}.byob__now{font-family:var(--font-display-family, "Staatliches", Impact, sans-serif);font-size:1.28rem;letter-spacing:.03em;line-height:1}.byob__save{font-size:.85rem;color:#d4c08a}.byob__grind-fee{font-size:.78rem;color:var(--ochre, #C6963C);font-weight:600}.byob__grind-fee[hidden]{display:none}.byob-grind{margin:0;padding:0;background:transparent;border:0;max-width:none}.byob-grind__pills{display:grid;grid-template-columns:1fr;gap:.5rem}.byob-grind__pills[hidden]{display:none}.byob-grind__mix{-webkit-appearance:none;appearance:none;display:block;margin-top:.85rem;padding:0;border:0;background:none;color:var(--ochre, #C6963C);font:inherit;font-size:.86rem;font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:.18em}.byob-grind__mix[hidden]{display:none}.byob-grind__mix[aria-pressed=true]{color:var(--ink, #2A2118)}.byob-sub{margin-top:1.25rem;margin-bottom:.35rem;padding-top:1.1rem;padding-bottom:.25rem;border-top:1px solid rgba(42,33,24,.12);scroll-margin-bottom:calc(12.5rem + env(safe-area-inset-bottom,0px))}.byob-sub[hidden]{display:none}.byob-sub__label{margin:0 0 .55rem;font-family:var(--font-mono-family, "DM Sans", system-ui, sans-serif);font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft, #5A4E42)}.byob-sub__pills{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.byob-sub__pill{-webkit-appearance:none;appearance:none;background:#fff;border:1px solid rgba(42,33,24,.16);color:var(--ink, #2A2118);cursor:pointer;font:inherit;text-align:left;padding:.65rem .7rem;min-height:3.4rem;display:flex;flex-direction:column;gap:.12rem}.byob-sub__pill span:first-child{font-size:.92rem;font-weight:700}.byob-sub__pill span:last-child{font-size:.72rem;color:var(--ink-soft, #5A4E42)}.byob-sub__pill.is-on{border-color:var(--ochre, #C6963C);outline:1px solid var(--ochre, #C6963C);outline-offset:-1px}.byob-sub__pill:disabled{opacity:.45;cursor:not-allowed}.byob-sub__freq{display:flex;align-items:center;gap:.65rem;margin:.75rem 0 0;font-size:.88rem}.byob-sub__freq[hidden]{display:none}.byob-sub__freq select{font:inherit;padding:.4rem .55rem;border:1px solid rgba(42,33,24,.2);background:#fff;color:var(--ink, #2A2118)}.byob-sub__note,.byob-sub__warn{margin:.65rem 0 0;font-size:.82rem;line-height:1.45;color:var(--ink-soft, #5A4E42)}.byob-sub__note[hidden],.byob-sub__warn[hidden]{display:none}.byob-sub__warn{color:var(--ink, #2A2118)}.byob-grind[hidden]{display:none}.byob-grind__pill{-webkit-appearance:none;appearance:none;background:#fff;border:1px solid rgba(42,33,24,.16);color:var(--ink, #2A2118);cursor:pointer;font:inherit;font-size:.82rem;padding:.5rem .7rem .5rem .5rem;display:flex;align-items:center;gap:.7rem;text-align:left;min-height:4.5rem}.byob-grind__pill img{width:72px;height:72px;object-fit:contain;object-position:center;display:block;flex:0 0 72px;background:#f7f4ee}.byob-grind__pill[data-byob-all=beans] img{object-fit:cover}.byob-grind__pill-copy{display:flex;flex-direction:column;gap:.1rem}.byob-grind__pill span{font-size:.7rem;color:var(--ink-soft, #5A4E42)}.byob-grind__pill.is-on{border-color:var(--ochre, #C6963C);outline:1px solid var(--ochre, #C6963C);outline-offset:-1px;background:#fff}.byob-grind__per{display:none}@media(min-width:900px){.byob-grind__pills{grid-template-columns:1fr 1fr}.byob-step{padding:1.4rem 1.35rem 1.5rem}.byob{padding-bottom:7.5rem}.byob[data-screen="3"]{padding-bottom:8.5rem}.byob__back{font-size:.78rem;padding:.7rem .95rem}.byob__now{font-size:1.55rem}}.byob__error{width:100%;margin:0;font-size:.82rem;color:#e8b4a2}.byob__error[hidden]{display:none}.byob__cta.btn{background:#111;border:1px solid var(--color-cream, #F5EFE2);color:var(--color-cream, #F5EFE2)}.byob__cta.btn:hover:not(:disabled),.byob__cta.btn:focus:not(:disabled){background:var(--ochre, #C6963C);border-color:var(--ochre, #C6963C);color:var(--ink, #2A2118)}.byob[data-screen="3"] .byob__cta.btn,.byob[data-screen="3"] .byob__cta.btn:hover:not(:disabled),.byob[data-screen="3"] .byob__cta.btn:focus:not(:disabled){background:var(--ochre, #C6963C);border:1px solid var(--ochre, #C6963C);color:var(--ink, #2A2118)}.byob__cta.btn[hidden]{display:none}.byob__cta.btn:disabled{opacity:1;background:#111;border-color:#f5efe261;color:#f5efe27a;cursor:not-allowed;pointer-events:none}.byob[data-screen="3"] .byob__cta.btn:disabled{background:#c6963c61;border-color:#c6963c61;color:#2a211873}.byob__aside{text-align:center;padding:1rem 0 0;font-size:.9rem;color:var(--ink-soft, #5A4E42)}.byob__aside a{color:var(--ochre, #C6963C);font-weight:600}.byob__aside[hidden],.byob__now[hidden]{display:none}@media(min-width:800px){.byob__grid{grid-template-columns:repeat(2,1fr)}.byob__bag{width:108px}.byob__slot.is-filled{height:84px}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/build-your-box.css.map */