.brew-guide{--brew-guide-gap: 30px;--brew-guide-focus-ring: 1px}.brew-guide .sitewide--title-wrapper{margin-bottom:var(--brew-guide-gap)}.brew-guide__tool{display:grid;grid-template-columns:minmax(0,560px) minmax(0,320px);gap:var(--brew-guide-gap) 80px;align-items:start;margin-bottom:60px}@media(max-width:767px){.brew-guide__tool{grid-template-columns:minmax(0,1fr);margin-bottom:40px}}.grind-selector.hidden,.grind-selector .coffee-group.hidden{display:none}.grind-selector label{display:block;margin:0 0 10px;font-family:var(--header-font-stack);font-weight:var(--header-font-weight);font-size:11px;line-height:1.4;text-transform:uppercase;color:var(--text-color)}.grind-selector label.disabled{opacity:.5}.grind-selector label .optional{font-family:var(--body-font-stack);font-weight:var(--body-font-weight);text-transform:none;opacity:.7}.grind-selector label .optional.hidden{display:none}.brew-guide__select{position:relative;margin-bottom:25px}.brew-guide__select:after{content:"";position:absolute;top:50%;right:16px;width:7px;height:7px;margin-top:-6px;border-right:1px solid var(--text-color);border-bottom:1px solid var(--text-color);transform:rotate(45deg);pointer-events:none}.brew-guide__select:has(select:disabled):after{opacity:.5}.grind-selector select,.coffee-field input{display:block;width:100%;box-sizing:border-box;margin:0;padding:10px 40px 10px 15px;border:1px solid var(--border-color);border-radius:0;background:transparent;font:inherit;color:var(--text-color);transition:border-color .15s ease-in-out;-webkit-appearance:none;appearance:none}@media(max-width:767px){.grind-selector select,.coffee-field input{font-size:16px}}.grind-selector select:hover,.coffee-field input:hover,.grind-selector select:focus,.coffee-field input:focus{border-color:var(--text-color)}.grind-selector select:focus-visible,.coffee-field input:focus-visible{outline:var(--brew-guide-focus-ring) solid var(--text-color);outline-offset:0}.grind-selector select:disabled{opacity:.5;cursor:not-allowed;background:transparent;border-color:var(--border-color)}.coffee-field input::placeholder{color:var(--text-color-transparent6)}.coffee-field{position:relative;margin-bottom:25px}.coffee-options{display:none;position:absolute;top:100%;left:calc(-1 * var(--brew-guide-focus-ring));right:calc(-1 * var(--brew-guide-focus-ring));z-index:20;max-height:240px;overflow-y:auto;margin:-1px 0 0;padding:0;list-style:none;background-color:var(--body-color);border:1px solid var(--text-color)}.coffee-options.visible{display:block}.coffee-options li{margin:0;padding:8px 15px;color:var(--text-color);cursor:pointer}.coffee-options li.active,.coffee-options li:hover{background-color:var(--text-color);color:var(--body-color)}.coffee-options li.empty{cursor:default;opacity:.6}.coffee-options li.empty:hover{background-color:transparent;color:var(--text-color)}.grind-recipe{display:none;color:var(--text-color)}.grind-recipe.visible{display:block;margin-top:10px;padding:20px;border:1px solid var(--text-color)}.grind-recipe pre{margin:0;padding:0;background:transparent;border:0;font:inherit;line-height:1.7;white-space:pre-wrap;color:inherit}.grind-recipe .coffee-recommendation{margin:0 0 15px;padding-bottom:15px;border-bottom:1px solid var(--border-color);line-height:1.6}.grind-recipe .coffee-recommendation:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}.gif-display:empty{display:none}.gif-display img{display:block;width:100%;max-width:320px;height:auto}@media(min-width:768px){.gif-display{position:sticky;top:120px}}.loading-spinner{display:block;width:32px;height:32px;margin:40px 0;border:1px solid var(--border-color);border-radius:50%;border-top-color:var(--text-color);animation:brew-guide-spin 1s linear infinite}@keyframes brew-guide-spin{to{transform:rotate(360deg)}}.brew-guide__notes{max-width:760px}.brew-guide__notes .brew-guide__heading{margin:40px 0 15px;font-size:var(--body-font-size-16-to-em);font-weight:var(--section-title-weight);text-transform:uppercase}.brew-guide__notes .brew-guide__heading:first-child{margin-top:0}.brew-guide__accordion{border-bottom:1px solid var(--border-color)}.brew-guide__heading+.brew-guide__accordion{border-top:1px solid var(--border-color)}.brew-guide__accordion summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;cursor:pointer;list-style:none}.brew-guide__accordion summary::-webkit-details-marker{display:none}.brew-guide__notes .brew-guide__accordion summary h3{margin:0;font-size:var(--body-font-size-14-to-em);line-height:1.4}.brew-guide__accordion summary:after{content:"";flex:none;width:11px;height:11px;background:linear-gradient(var(--text-color),var(--text-color)) center / 100% 1px no-repeat,linear-gradient(var(--text-color),var(--text-color)) center / 1px 100% no-repeat}.brew-guide__accordion[open] summary:after{background:linear-gradient(var(--text-color),var(--text-color)) center / 100% 1px no-repeat}.brew-guide__accordion>:last-child{margin-bottom:20px}.brew-guide__notes .brew-guide__spec{list-style:none;margin:0 0 15px;padding:15px 20px;border-left:1px solid var(--text-color)}.brew-guide__notes .brew-guide__spec li{margin:0}.brew-guide__notes .brew-guide__spec .brew-guide__spec-title{font-weight:var(--header-font-weight)}
/*# sourceMappingURL=/cdn/shop/t/22/assets/brew-guide.css.map */