.blog-grid--inner{background:var(--background);padding:var(--header-height) 0}blog-grid{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem 0}.blog-grid--categories{display:flex;align-items:center;gap:1.5rem;flex-wrap:nowrap;white-space:nowrap;overflow-x:auto;padding:0 var(--container-gutter-small)}.blog-grid--category a{display:inline-flex;align-items:center}.blog-grid--category a:before{content:"";display:block;width:0;height:.5rem;background:currentColor;border-radius:100%;transition-property:width,margin;transition-duration:var(--transition-duration);transition-timing-function:var(--transition-ease)}.blog-grid--category a.active:before{width:.5rem;margin-right:.5rem}.blog-grid--posts{display:flex;flex-direction:column;gap:2.5rem;transition:opacity var(--transition-duration) var(--transition-ease)}blog-grid.loading .blog-grid--posts{opacity:0;pointer-events:none}@media(min-width:768px){blog-grid{position:relative;flex-direction:row;align-items:flex-start;padding:3.75rem 0}.blog-grid--categories{position:sticky;top:calc(var(--header-height) + 3.75rem);width:20%;height:fit-content;flex-shrink:0;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:left}.blog-grid--posts{display:grid;grid-template-columns:repeat(2,1fr);padding:0 var(--container-gutter)}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/blog-grid.css.map */