.br-ingredient-categories{background:var(--bt-color-bg-page);padding-block:0 160px}.br-ingredient-categories__inner{padding-inline:var(--bt-layout-inset)}.br-ingredient-categories__header{display:flex;flex-direction:column;align-items:flex-start;row-gap:var(--bt-space-5);max-width:860px;margin-bottom:96px}.br-ingredient-categories__kicker,.br-ingredient-categories__heading,.br-ingredient-categories__intro,.br-ingredient-categories__title,.br-ingredient-categories__body{margin:0}.br-ingredient-categories__kicker,.br-ingredient-categories__heading,.br-ingredient-categories__intro,.br-ingredient-categories__title,.br-ingredient-categories__body,.br-ingredient-categories__item{color:var(--bt-color-text-primary)}.br-ingredient-categories__heading,.br-ingredient-categories__intro,.br-ingredient-categories__title,.br-ingredient-categories__body{text-wrap:pretty}.br-ingredient-categories__intro{max-width:760px}.br-ingredient-categories__layout{display:grid;grid-template-columns:minmax(240px,.55fr) minmax(360px,1fr) minmax(320px,.85fr);grid-template-areas:"tabs panels media";align-items:start;column-gap:clamp(32px,4vw,72px)}.br-ingredient-categories__media-stack{grid-area:media;display:flex;flex-direction:column;gap:var(--bt-space-4)}.br-ingredient-categories__media{overflow:hidden;width:100%;aspect-ratio:4 / 5;margin:0;border-radius:var(--bt-radius-md);background:var(--bt-color-bg-alt)}.br-ingredient-categories__image{display:block;width:100%;height:100%;object-fit:cover}.br-ingredient-categories__tabs{grid-area:tabs;display:flex;flex-direction:column;align-items:stretch}.br-ingredient-categories__tab{width:100%;padding:var(--bt-space-3) var(--bt-space-4);border:0;border-bottom:1px solid var(--bt-color-border-default);background:transparent;color:var(--bt-color-text-primary);text-align:left;cursor:pointer}.br-ingredient-categories__tab.is-active{border-radius:var(--bt-radius-sm);background:var(--bt-color-action-primary-bg);color:var(--bt-color-action-primary-text)}.br-ingredient-categories__tab:focus-visible{outline:2px solid var(--bt-color-focus);outline-offset:3px}.br-ingredient-categories__tab:focus:not(:focus-visible){outline:none}.br-ingredient-categories__panels{grid-area:panels}.br-ingredient-categories__panel{display:flex;flex-direction:column;align-items:flex-start;row-gap:var(--bt-space-6)}.br-ingredient-categories__items{display:flex;flex-direction:column;gap:var(--bt-space-3);margin:0;padding:0;list-style:none}.br-ingredient-categories__ingredients{display:grid;width:100%;grid-template-columns:1fr;gap:var(--bt-space-1);margin:0;padding:0;list-style:none}.br-ingredient-categories__ingredient{display:flex;flex-direction:column;gap:var(--bt-space-1);padding-block:var(--bt-space-1)}.br-ingredient-categories__ingredient:first-child{padding-block-start:0}.br-ingredient-categories__ingredient:last-child{padding-block-end:0}.br-ingredient-categories__ingredient-name,.br-ingredient-categories__ingredient-description{margin:0;color:var(--bt-color-text-primary);text-wrap:pretty}.br-ingredient-categories__item{text-wrap:pretty}.br-ingredient-categories--enhanced .br-ingredient-categories__media[hidden],.br-ingredient-categories--enhanced .br-ingredient-categories__panel[hidden]{display:none}.br-ingredient-categories--marquee{padding-block:56px 72px;overflow:hidden;background:var(--bt-color-bg-alt)}.br-ingredient-categories__marquee-header{margin-bottom:var(--bt-space-7);padding-inline:var(--bt-layout-inset)}.br-ingredient-categories__marquee-heading{margin:0;color:var(--bt-color-text-primary);text-wrap:pretty}.br-ingredient-categories__marquee-heading span{color:var(--bt-color-text-accent)}.br-ingredient-categories__marquee-link{display:inline-block;margin-top:var(--bt-space-4);padding-bottom:2px;border-bottom:1px solid var(--bt-color-border-strong);color:var(--bt-color-link);text-decoration:none;white-space:nowrap;transition:color var(--bt-duration-normal) var(--bt-ease-default),border-color var(--bt-duration-normal) var(--bt-ease-default)}.br-ingredient-categories__marquee-link:hover{border-color:var(--bt-color-link-hover);color:var(--bt-color-link-hover)}.br-ingredient-categories__marquee-viewport{padding-left:var(--bt-layout-inset);overflow:hidden}.br-ingredient-categories__marquee-track{display:flex;width:max-content;animation:br-ing-scroll 55s linear infinite}.br-ingredient-categories__marquee-set{display:flex;flex:none}.br-ingredient-categories__marquee-card{display:flex;flex:none;flex-direction:column;width:280px;margin-right:var(--bt-space-5)}.br-ingredient-categories__marquee-media{aspect-ratio:4 / 3;overflow:hidden;border-radius:var(--bt-radius-lg);background:var(--bt-color-bg-slot)}.br-ingredient-categories__marquee-image{display:block;width:100%;height:100%;object-fit:cover}.br-ingredient-categories__marquee-copy{margin-top:var(--bt-space-4)}.br-ingredient-categories__marquee-title,.br-ingredient-categories__marquee-body{margin:0}.br-ingredient-categories__marquee-body{margin-top:var(--bt-space-1);color:var(--bt-color-text-secondary)}@keyframes br-ing-scroll{to{transform:translate(-50%)}}@media(prefers-reduced-motion:no-preference){.br-ingredient-categories--enhanced .br-ingredient-categories__media,.br-ingredient-categories--enhanced .br-ingredient-categories__panel{animation:br-ingredient-categories-fade .18s ease-out}@keyframes br-ingredient-categories-fade{0%{opacity:0}to{opacity:1}}}@media(max-width:900px){.br-ingredient-categories{padding-block:0 128px}.br-ingredient-categories--marquee{padding-block:56px 72px}.br-ingredient-categories--marquee .br-ingredient-categories__marquee-header{padding-inline:var(--bt-layout-inset-tablet)}.br-ingredient-categories--marquee .br-ingredient-categories__marquee-viewport{padding-left:var(--bt-layout-inset-tablet)}.br-ingredient-categories__header{margin-bottom:72px}.br-ingredient-categories__layout{display:flex;flex-direction:column;align-items:stretch;row-gap:0}.br-ingredient-categories__tabs{order:1}.br-ingredient-categories__media-stack{order:2}.br-ingredient-categories__panels{order:3;margin-block-start:var(--bt-space-7)}.br-ingredient-categories__tabs{flex-direction:row;gap:var(--bt-space-6);padding-block:var(--bt-space-3) var(--bt-space-2);background:var(--bt-color-bg-page);overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--bt-layout-inset) * -1);padding-inline:var(--bt-layout-inset);scroll-padding-inline:var(--bt-layout-inset)}.br-ingredient-categories__tabs::-webkit-scrollbar{display:none}.br-ingredient-categories--enhanced .br-ingredient-categories__tabs{position:sticky;top:var(--br-ingredient-categories-header-offset, var(--bt-space-8));z-index:2}.br-ingredient-categories__tab{flex:0 0 auto;width:auto;padding:var(--bt-space-2) 0;border-radius:0;border-bottom:4px solid transparent;color:var(--bt-color-text-secondary);white-space:nowrap}.br-ingredient-categories__tab.is-active{border-radius:0;border-bottom-color:var(--bt-color-action-primary-bg);background:transparent;color:var(--bt-color-text-primary)}.br-ingredient-categories__media{aspect-ratio:16 / 11}.br-ingredient-categories--enhanced .br-ingredient-categories__media-stack{flex-direction:row;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.br-ingredient-categories--enhanced .br-ingredient-categories__media-stack::-webkit-scrollbar{display:none}.br-ingredient-categories--enhanced .br-ingredient-categories__media{flex:0 0 100%;scroll-snap-align:start}.br-ingredient-categories--enhanced .br-ingredient-categories__media{animation:none}}@media(max-width:749px){.br-ingredient-categories{padding-block:0 96px}.br-ingredient-categories--marquee{padding-block:var(--bt-space-7) var(--bt-space-8)}.br-ingredient-categories--marquee .br-ingredient-categories__marquee-header{padding-inline:var(--bt-layout-inset)}.br-ingredient-categories--marquee .br-ingredient-categories__marquee-viewport{padding-right:0;padding-left:var(--bt-layout-inset)}.br-ingredient-categories__header{row-gap:var(--bt-space-4);margin-bottom:48px}.br-ingredient-categories__panels{margin-block-start:var(--bt-space-6)}.br-ingredient-categories__panel{row-gap:var(--bt-space-5)}.br-ingredient-categories__marquee-media{border-radius:var(--bt-radius-lg)}}@media(prefers-reduced-motion:reduce){.br-ingredient-categories__marquee-track{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/64/assets/br-ingredient-categories.css.map */