.brew-guide{display:block}.brew-guide .section-stack__main{width:100%;max-width:620px;margin-inline:auto}.brew-guide__tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-2-5);margin-block-end:var(--spacing-7)}.brew-guide__tab{padding:var(--spacing-2-5) var(--spacing-5);border:1px solid rgb(var(--text-color) / .2);border-radius:var(--rounded-full);background:transparent;color:inherit;font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:background-color .2s ease-in-out,color .2s ease-in-out}.brew-guide__tab[aria-selected=true]{background:var(--brew-active-background, rgb(var(--text-color)));color:var(--brew-active-text-color, rgb(var(--background)));border-color:transparent}.brew-guide__tab:focus-visible{outline:2px solid rgb(var(--text-color));outline-offset:2px}.brew-guide__card{padding:var(--spacing-7);border:1px solid rgb(var(--text-color) / .1);border-radius:var(--rounded-block);background:var(--brew-card-background, rgb(var(--text-color) / .03));text-align:start}.brew-guide__card-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--spacing-2)}.brew-guide__recipe{margin:var(--spacing-1-5) 0 0}.brew-guide__clock{margin:0;font-family:var(--heading-font-family, inherit);font-size:3rem;line-height:1;font-variant-numeric:tabular-nums}.is-finished .brew-guide__clock{color:var(--brew-active-background, rgb(var(--text-color)))}.brew-guide__progress{height:6px;margin:var(--spacing-4-5) 0 var(--spacing-5);border-radius:var(--rounded-full);background:rgb(var(--text-color) / .1);overflow:hidden}.brew-guide__progress-bar{display:block;width:0;height:100%;background:var(--brew-active-background, rgb(var(--text-color)));transition:width .25s linear}.brew-guide__steps{display:flex;flex-direction:column;gap:var(--spacing-2);margin:0;padding:0;list-style:none}.brew-guide__step{display:flex;align-items:flex-start;gap:var(--spacing-3-5);padding:var(--spacing-3) var(--spacing-3-5);border-radius:var(--rounded);transition:background-color .3s ease-in-out,color .3s ease-in-out,opacity .3s ease-in-out}.brew-guide__step.is-active{background:var(--brew-active-background, rgb(var(--text-color)));color:var(--brew-active-text-color, rgb(var(--background)))}.brew-guide__step.is-done:not(.is-active){opacity:.45}.brew-guide__step-time{flex:0 0 auto;min-width:34px;font-size:var(--text-sm);font-weight:700;font-variant-numeric:tabular-nums}.brew-guide__step-body{display:flex;flex-direction:column;gap:2px;min-width:0}.brew-guide__step-detail{font-size:var(--text-sm);opacity:.75}.brew-guide__actions{display:flex;align-items:center;gap:var(--spacing-3-5);margin-block-start:var(--spacing-5)}.brew-guide__reset[hidden]{display:none}.brew-guide__metrics{display:flex;align-items:center;gap:var(--spacing-2);margin-block-start:var(--spacing-5);padding:var(--spacing-5) var(--spacing-4-5);border-radius:var(--rounded);background:rgb(var(--text-color) / .04)}.brew-guide__metric{flex:1 1 0;text-align:center;min-width:0}.brew-guide__metric-value{margin:0;font-family:var(--heading-font-family, inherit);font-size:2.2rem;line-height:1;font-variant-numeric:tabular-nums}.brew-guide__metric-key{margin:var(--spacing-1-5) 0 0;letter-spacing:.08em;text-transform:uppercase;opacity:.6}.brew-guide__metric-arrow{flex:0 0 auto;font-size:1.5rem;opacity:.35}.brew-guide__slider{margin-block-start:var(--spacing-5)}.brew-guide__slider-label{display:flex;justify-content:space-between;gap:var(--spacing-3);margin-block-end:var(--spacing-2)}.brew-guide__slider input[type=range]{width:100%;accent-color:var(--brew-active-background, rgb(var(--text-color)))}.brew-guide__specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-3);margin-block-start:var(--spacing-5)}.brew-guide__spec{display:flex;justify-content:space-between;gap:var(--spacing-3);padding:var(--spacing-2-5) var(--spacing-3-5);border-radius:var(--rounded-sm);background:rgb(var(--text-color) / .04);font-size:var(--text-sm)}.brew-guide__note{margin:var(--spacing-4) 0 0;line-height:1.6}@media screen and (max-width:699px){.brew-guide__card{padding:var(--spacing-5)}.brew-guide__clock{font-size:2.4rem}.brew-guide__metrics{flex-wrap:wrap}.brew-guide__metric-arrow{display:none}}@media(prefers-reduced-motion:reduce){.brew-guide__progress-bar,.brew-guide__step{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/brew-guide.css.map */