.main-blog{background:linear-gradient(180deg,#fff 15rem,#f3f2f1 15rem);padding-block:4rem 8rem}.main-blog .grid{align-items:stretch;justify-content:flex-start;margin-inline:.7rem}.main-blog .grid>.grid__item{display:flex;flex:1}.main-blog .grid.mobile-2>.grid__item{flex:0 0 50%}.section-main-blog .page-width{max-width:120rem}@media(min-width:90em){.section-main-blog .page-width{max-width:var(--page-width)}}.blog-hero{display:grid;grid-template-columns:1fr;grid-template-rows:1fr}.blog-hero>*{grid-area:-1 / 1}.blog-hero .section-header{color:rgb(var(--color-background));max-width:66rem;padding:1.4rem 2.6rem;position:relative;place-self:center center;z-index:1}.blog-hero .section-heading{font-size:clamp(3rem,5vw,5rem);-webkit-hyphens:auto;hyphens:auto;margin-bottom:2rem}.blog-hero .section-subheading{line-height:1.4;max-width:50ch;text-wrap:balance}.featured-media>.media{padding-bottom:100%}.blog-tags{align-items:center;display:flex;gap:1.5rem;overflow:hidden;overflow-x:auto;padding-inline:2.5rem;position:relative;scroll-snap-align:start;scroll-snap-type:x mandatory;scroll-padding-inline:2.5rem;margin-top:-3.2rem;z-index:2}.blog-tags::-webkit-scrollbar{height:.4rem;width:.4rem;display:none}.blog-tag{color:rgb(var(--color-brand-primary));font-size:1rem;font-weight:var(--font-body-weight-bold);letter-spacing:.01em;scroll-snap-align:start;text-align:center;text-decoration:none;text-transform:uppercase}.blog-tag>.circle{background-color:rgb(var(--color-brand-primary));border-radius:50%;display:grid;margin:0 auto 1rem;padding:1.6rem;place-items:center center;transition:all var(--duration-default) ease}.blog-tag>.circle>svg{height:auto;max-width:3rem}.blog-tag:hover>.circle{background-color:#4f698e;box-shadow:0 0 40px rgba(var(--color-foreground),.3)}.blog-tag[aria-current]>.circle{background-color:rgb(var(--color-brand-primary));box-shadow:0 0 40px rgba(var(--color-foreground),.3)}.blog-tag[aria-current]{color:rgb(var(--color-brand-primary))}.recipe-search{display:grid;grid-template-columns:3fr 1fr;grid-template-rows:1fr;margin:0 auto}.recipe-search input[type=text]{-webkit-appearance:none;appearance:none;border:0;border-radius:var(--button-radius);font-family:var(--font-body-family);font-weight:var(--font-body-weight);grid-column:1 / 3;grid-row:1;padding:1.5rem}.recipe-search input[type=submit]{grid-column:2 / 3;grid-row:1;margin:.5rem}.recipe-search input[type=submit]:hover{opacity:.8}.featured-articles-slider{margin-block-start:4rem}.featured-articles-slider .grid{justify-content:flex-start}.featured-articles .card-article .media{border-radius:var(--button-radius);overflow:hidden;z-index:1}.featured-articles .card-article{margin-inline:1.4rem}.slider-controls{align-items:center;display:grid;grid-template-columns:4fr 1fr;padding-inline:1.4rem;gap:1rem}.slider-controls .slider-dots{align-items:center;display:flex}.slider-controls .slider-dot{-webkit-appearance:none;appearance:none;background:#f3f2f1;border:0;flex:1;height:.4rem}.slider-controls .slider-dot.is-active{background:rgb(var(--color-base-brand-primary));border-radius:var(--button-radius);height:.6rem}.slider-controls .slider-buttons{gap:1rem;justify-content:flex-end}.slider-controls .slider-button{background:#f3f2f1;border-radius:5rem}.slider-controls .slider-button svg>path+path{fill:rgb(var(--color-base-brand-primary))}.pagination>.pagination__list{display:flex;font-weight:var(--font-heading-weight);gap:2rem;justify-content:center}.pagination__list .pagination__item{display:inline-block;padding:1rem;text-decoration:none}@media(min-width:40em){.main-blog{padding-block-end:8rem}.blog-hero{overflow:hidden}.blog-hero>*{max-height:67.5rem}.recipe-search{max-width:80%}.featured-media>.media{padding-bottom:calc(100% / (21/9))}.blog-tags{gap:2rem;margin-top:-5rem;justify-content:center}.blog-tag>.circle{padding:2.5rem}.blog-tag>.circle>svg{max-width:4rem}.slider .card-inner{display:grid;grid-template-columns:1fr 1fr}.slider .card-article{margin:0;padding:4rem 1.4rem}.slider .card .card-content{padding:0 4rem;place-self:center stretch}.slider-controls{padding-inline:4rem}.main-blog .grid.grid--3-col-desktop>.grid__item{flex:0 0 calc(100% / 3)}}
/*# sourceMappingURL=/cdn/shop/t/255/assets/section-main-blog.css.map */