.cib-bs{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;color:var(--cream);background:var(--c-deep);font-family:var(--text-font-family);-webkit-user-select:none;user-select:none;touch-action:pan-y;outline:none;-webkit-tap-highlight-color:transparent}.cib-bs:focus-visible{box-shadow:inset 0 0 0 2px var(--cream)}.cib-bs__vids>*{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .35s ease}.cib-bs__vids>.on{opacity:1}.cib-bs__ph{display:grid!important;place-items:center;background:var(--c-deep)}.cib-bs__ph svg{width:min(46%,260px);height:auto}.cib-bs__ph .art{fill:none;stroke:var(--cream);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.cib-bs__scrim{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to bottom,color-mix(in oklab,var(--c-deep) 92%,transparent) 0%,color-mix(in oklab,var(--c-deep) 72%,transparent) 26%,color-mix(in oklab,var(--c-deep) 30%,transparent) 46%,transparent 62%)}.cib-bs__bars{position:absolute;z-index:3;top:14px;left:16px;right:16px;display:flex;gap:4px}.cib-bs__bars i{flex:1;height:3px;border-radius:2px;background:color-mix(in oklab,var(--cream) 30%,transparent);overflow:hidden}.cib-bs__bars i.done,.cib-bs__bars i.on{background:var(--cream)}.cib-bs__top{position:absolute;z-index:3;top:28px;left:16px;right:16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.cib-bs__count,.cib-bs__lab{font-family:var(--heading-font-family);font-weight:var(--heading-font-weight, 700);text-transform:uppercase;letter-spacing:.14em;font-size:11px;line-height:1.3}.cib-bs__x-btn{-webkit-appearance:none;appearance:none;width:40px;height:40px;border-radius:50%;border:1.5px solid var(--cream);background:color-mix(in oklab,var(--c-deep) 30%,transparent);color:var(--cream);display:grid;place-items:center;padding:0;cursor:pointer}.cib-bs__nav{-webkit-appearance:none;appearance:none;position:absolute;z-index:3;bottom:18px;width:34px;height:34px;border-radius:50%;padding:0;margin:0;border:1px solid color-mix(in oklab,var(--cream) 50%,transparent);background:color-mix(in oklab,var(--c-deep) 22%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--cream);display:grid;place-items:center;cursor:pointer;opacity:0;transition:opacity .25s,scale .25s,background .2s}.cib-bs__nav:hover{background:color-mix(in oklab,var(--c-deep) 45%,transparent)}.cib-bs__prev{right:58px}.cib-bs__next{right:18px}.cib-bs:hover .cib-bs__nav,.cib-bs:focus-within .cib-bs__nav,.cib-bs__nav.nudge{opacity:.85}.cib-bs .cib-bs__nav:hover{opacity:1}.cib-bs__nav:disabled{opacity:0!important;pointer-events:none}.cib-bs__nav.nudge{animation:cib-bs-nudge 1.4s ease-in-out infinite}@keyframes cib-bs-nudge{0%,to{scale:1}50%{scale:1.14}}.cib-bs__text{position:absolute;z-index:2;left:28px;right:28px;top:54px;max-width:52ch}.cib-bs__t{margin:0 0 8px;color:inherit;font-family:var(--heading-font-family);font-weight:var(--heading-font-weight, 700);text-transform:uppercase;letter-spacing:.04em;font-size:clamp(19px,1.9vw,26px);line-height:1.1;text-wrap:balance}.cib-bs__x p{margin:0 0 4px;font-size:16px;line-height:1.45;text-wrap:pretty}.cib-bs__extra:empty{display:none}.cib-bs__extra{margin-top:14px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}.cib-bs__bottom{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:48px 110px 18px 28px;pointer-events:none;background:linear-gradient(to top,color-mix(in oklab,var(--c-deep) 82%,transparent) 0%,color-mix(in oklab,var(--c-deep) 40%,transparent) 55%,transparent 100%)}.cib-bs__bottom:empty{display:none}.cib-bs__bottom>*{pointer-events:auto}.cib-bs__bottom.in>*{animation:cib-bs-up .55s cubic-bezier(.2,.7,.2,1) .1s both}.cib-bs__text.in>*{animation:cib-bs-up .55s cubic-bezier(.2,.7,.2,1) both}.cib-bs__text.in>:nth-child(2){animation-delay:.05s}.cib-bs__text.in>:nth-child(3){animation-delay:.1s}.cib-bs__text.in>:nth-child(4){animation-delay:.15s}@keyframes cib-bs-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.cib-bs__pill{-webkit-appearance:none;appearance:none;border:0;background:var(--cream);color:var(--c-deep);border-radius:999px;padding:11px 16px;cursor:pointer;text-decoration:none;display:inline-block;font-family:var(--heading-font-family);font-weight:var(--heading-font-weight, 700);text-transform:uppercase;letter-spacing:.12em;font-size:11px;line-height:1.2}.cib-bs__pill{white-space:nowrap}.cib-bs__pill--ghost{background:transparent;color:var(--cream);border:1.5px solid color-mix(in oklab,var(--cream) 60%,transparent)}.cib-bs__timer{display:flex;align-items:center;gap:12px}.cib-bs__tbtn{-webkit-appearance:none;appearance:none;position:relative;width:62px;height:62px;min-width:0;border-radius:50%;border:0;padding:0;margin:0;background:transparent;color:var(--cream);cursor:pointer;flex:none;display:grid;place-items:center;text-align:center;line-height:1;transition:background .3s,color .3s}.cib-bs__tbtn svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;rotate:-90deg}.cib-bs__tbtn circle{fill:none;stroke-width:3.5}.cib-bs__tbtn .trk{stroke:color-mix(in oklab,var(--cream) 28%,transparent)}.cib-bs__tbtn .arc{stroke:var(--cream);stroke-linecap:round;transition:stroke-dashoffset .12s linear}.cib-bs__tnum{position:relative;z-index:1;display:block;width:100%;text-align:center;padding:0;margin:0;line-height:1;font-family:var(--heading-font-family);font-weight:700;font-size:15px;font-variant-numeric:tabular-nums;letter-spacing:.02em}.cib-bs__timer.done .cib-bs__tbtn{background:var(--cream);color:var(--c-deep)}.cib-bs__timer.done .cib-bs__tbtn{animation:cib-bs-nudge 1.4s ease-in-out 3}.cib-bs__grind{display:flex;align-items:center;gap:14px}.cib-bs__grind svg{width:96px;height:auto;flex:none;overflow:visible}.cib-bs__grind .tk{stroke:color-mix(in oklab,var(--cream) 45%,transparent);stroke-width:1.4;stroke-linecap:round}.cib-bs__grind .tk.mj{stroke:var(--cream);stroke-width:2}.cib-bs__grind .ndl{stroke:var(--cream);stroke-width:3;stroke-linecap:round;transform-origin:50px 50px;transition:rotate .9s cubic-bezier(.2,.8,.2,1.1)}.cib-bs__grind .hub{fill:var(--cream)}.cib-bs__grind .num{fill:var(--cream);font-family:var(--heading-font-family);font-weight:700;font-size:20px;text-anchor:middle}.cib-bs__grind>div{display:grid;gap:8px;justify-items:start}.cib-bs-ov{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;background:#000}.cib-bs-ov[hidden]{display:none}.cib-bs-ov .cib-bs{touch-action:none}.cib-bs-ov .cib-bs__bars{top:calc(10px + env(safe-area-inset-top,0px));left:12px;right:12px}.cib-bs-ov .cib-bs__top{top:calc(22px + env(safe-area-inset-top,0px));left:14px;right:12px}.cib-bs-ov .cib-bs__nav{display:none}.cib-bs-ov .cib-bs__text{left:20px;right:20px;top:calc(56px + env(safe-area-inset-top,0px))}.cib-bs-ov .cib-bs__t{font-size:23px}.cib-bs-ov .cib-bs__grind svg{width:76px}.cib-bs-ov .cib-bs__grind{gap:10px}.cib-bs-ov .cib-bs__scrim{background:linear-gradient(to bottom,color-mix(in oklab,var(--c-deep) 94%,transparent) 0%,color-mix(in oklab,var(--c-deep) 75%,transparent) 24%,color-mix(in oklab,var(--c-deep) 30%,transparent) 40%,transparent 54%)}@media(prefers-reduced-motion:reduce){.cib-bs__text.in>*,.cib-bs__nav.nudge,.cib-bs__timer.done .cib-bs__tbtn{animation:none}.cib-bs__vids>*{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/42/assets/coffee-brew-steps.css.map */