.blog-post-feed{overflow:hidden;padding:6rem 0;display:block;background-color:var(--color-light)}@media screen and (min-width: 750px){.blog-post-feed{padding:8rem 0}}.blog-post-feed__items{display:flex;flex-wrap:wrap;margin:-2rem}@media screen and (min-width: 750px){.blog-post-feed__items{margin:-3rem -2rem}}.blog-post-feed__item{width:100%;padding:2rem}@media screen and (min-width: 750px){.blog-post-feed__item{padding:3rem 2rem}}.blog-post-feed__navigation{margin-bottom:4rem}@media screen and (min-width: 750px){.blog-post-feed__navigation{margin-bottom:6rem}}.blog-post-feed__navigation .blog-post-feed__navigation__list{overflow-x:auto;white-space:nowrap;list-style:none;margin:0;padding:0;padding-bottom:2rem;margin-left:-3.8rem;margin-right:-3.8rem}@media screen and (min-width: 750px){.blog-post-feed__navigation .blog-post-feed__navigation__list{display:flex;flex-wrap:wrap;margin:-1rem -2rem;white-space:unset}}.blog-post-feed__navigation .blog-post-feed__navigation__item{display:inline-block;margin-right:3rem}.blog-post-feed__navigation .blog-post-feed__navigation__item:first-child{margin-left:3.8rem}.blog-post-feed__navigation .blog-post-feed__navigation__item:last-child{margin-right:3.8rem}@media screen and (min-width: 750px){.blog-post-feed__navigation .blog-post-feed__navigation__item{padding:1rem 2rem;margin:0}.blog-post-feed__navigation .blog-post-feed__navigation__item:first-child,.blog-post-feed__navigation .blog-post-feed__navigation__item:last-child{margin:0}}.blog-post-feed__load__finished{text-align:center}.blog-post-feed__load__finished p{color:var(--color-subdued)}.blog-post-feed__navigation__btn{text-decoration:none;color:currentColor;position:relative;display:inline-block}.blog-post-feed__navigation__btn:after{content:"";position:absolute;left:0;width:100%;height:.1rem;background-color:currentColor;bottom:-.1rem;opacity:0;transition:opacity .4s}.blog-post-feed__navigation__btn.is-active:after{opacity:1}.blog-post-feed__actions{margin-top:6rem}@media screen and (max-width: 749px){.blog-post-feed__container{padding:0 3.8rem}}@media screen and (min-width: 750px){.blog-post-feed__item{width:50%}.blog-post-feed__actions{margin-top:8rem}}@media screen and (min-width: 990px){.blog-post-feed__item{width:33.33%}.blog-post-feed__actions .button{padding-left:4rem;padding-right:4rem}}
/*# sourceMappingURL=/cdn/shop/t/263/assets/blog-post-feed.css.map */