.how-to-brew{--gutter: 15px;--gap: 12px;--image-radius: var(--border-radius);--slide-width: 72%;display:block;background:var(--amala-cream);color:var(--amala-dark-green);padding:3rem 0}@media(min-width:768px){.how-to-brew{--gap: 24px;padding:5rem 0}}.how-to-brew__title{font-family:var(--font-title);font-weight:400;font-size:var(--font-size-header-2);line-height:.9;text-align:center;max-width:16ch;text-transform:uppercase;color:var(--amala-dark-green);margin:0 auto 2rem}@media(min-width:768px){.how-to-brew__title{font-size:var(--font-size-title-4);max-width:16ch;margin-bottom:3rem}}.how-to-brew__track{display:grid;grid-auto-flow:column;grid-auto-columns:var(--slide-width);gap:var(--gap);list-style:none;margin:0 calc(-1 * var(--gutter));padding:0 var(--gutter);scroll-padding-inline:var(--gutter);overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.how-to-brew__track::-webkit-scrollbar{display:none}@media(min-width:768px){.how-to-brew__track{grid-auto-flow:row;grid-template-columns:repeat(4,1fr);margin:0;padding:0;overflow:visible}}.how-to-brew__step{scroll-snap-align:start;min-width:0}.how-to-brew__image{aspect-ratio:14 / 15;border-radius:var(--image-radius);overflow:hidden;background:var(--amala-pale-teal);margin-bottom:1rem}.how-to-brew__image img,.how-to-brew__image .how-to-brew__placeholder{display:block;width:100%;height:100%;object-fit:cover}.how-to-brew__step-title{font-family:var(--font-header);font-weight:700;font-style:italic;font-size:var(--font-size-lg);line-height:1;text-transform:uppercase;color:var(--amala-dark-green);margin:0 0 .75rem}.how-to-brew__step-text{font-family:var(--font-body);font-size:var(--font-size-xs);line-height:1.4;margin:0}.how-to-brew__controls{display:flex;justify-content:space-between;margin-top:1.5rem}@media(min-width:768px){.how-to-brew__controls{display:none}}.how-to-brew__arrow{position:relative;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:none;color:var(--amala-dark-green);cursor:pointer}.how-to-brew__arrow>svg{grid-area:1 / 1}.how-to-brew__arrow:disabled{cursor:default}:is(.how-to-brew__arrow:first-of-type,.how-to-brew__arrow:last-of-type) .how-to-brew__arrow-icon{margin-left:-45%}.how-to-brew__arrow-shape{width:100%;height:100%;fill:var(--amala-orange);stroke:var(--amala-orange);stroke-width:1;transition:fill .2s ease}.how-to-brew__arrow:disabled .how-to-brew__arrow-shape{fill:transparent}.how-to-brew__arrow-icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.how-to-brew__cta{display:flex;justify-content:center;margin-top:2rem}@media(min-width:768px){.how-to-brew__cta{margin-top:3rem}}
/*# sourceMappingURL=/cdn/shop/t/71/assets/component-product-how-to-brew.css.map */