.blog-filterable{position:relative}.blog-filterable__wrapper{display:flex;flex-direction:column}.blog-filterable__header{text-align:center}.blog-filterable__heading{margin:0}.blog-filterable__filters{display:flex;flex-wrap:wrap;gap:1.2rem;justify-content:center;align-items:center;margin:2rem 0}@media screen and (max-width:749px){.blog-filterable__filters{gap:1rem}}.filter-button{display:flex;align-items:center;gap:.8rem;padding:.8rem 1.2rem;border:.2rem solid rgb(var(--color-foreground));background-color:transparent;color:rgb(var(--color-foreground));font-family:var(--font-heading-family);font-size:1.8rem;font-weight:500;line-height:1;text-transform:uppercase;text-decoration:none;border-radius:var(--buttons-radius);cursor:pointer;transition:all .2s ease;white-space:nowrap}@media screen and (max-width:749px){.filter-button{padding:0 1rem;font-size:1.4rem;gap:.6rem}}.filter-button:hover{background-color:var(--yellow);color:rgb(var(--color-background));text-decoration:underline}.filter-button:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}.filter-button--active{background-color:var(--yellow);text-decoration:none}.filter-button__icon{display:flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;flex-shrink:0}@media screen and (max-width:749px){.filter-button__icon{width:2rem;height:2rem}}.filter-button__icon img,.filter-button__icon svg{width:100%;height:100%}.filter-button__text{line-height:1}.filter-button__text-only{display:flex;align-items:center;justify-content:center;min-width:3.2rem;padding:.3rem .8rem 0}.blog-filterable__active-label{font-family:var(--font-heading-family);font-size:clamp(2rem,3vw,3rem);text-transform:uppercase;letter-spacing:.02em;margin:0;padding:0}.blog-filterable__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;list-style:none;margin:0;padding:0}@media screen and (min-width:750px){.blog-filterable__grid{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:990px){.blog-filterable__grid{grid-template-columns:repeat(4,1fr)}}.blog-filterable__grid-item{display:flex}.blog-filterable__grid-item .blog-card{width:100%}.blog-filterable__empty{grid-column:1 / -1;text-align:center;padding:6rem 2rem;color:rgb(var(--color-foreground));font-size:2rem}
/*# sourceMappingURL=/cdn/shop/t/135/assets/section-main-blog-filterable.css.map */