#content{container:content/inline-size}.blog-content{padding-block:1.875rem}.blog-content .section__inner{--content-gap: 1.875rem;--sidebar-width: 18.75rem;--content-width: calc(100% - var(--sidebar-width) - var(--content-gap));padding:1rem;border:1px solid var(--primary-color-500);border-radius:1rem;display:grid;grid-template-columns:var(--sidebar-width) var(--content-width);gap:var(--content-gap)}@container content ( width <= 53.125rem ){.blog-content .section__inner{grid-template-columns:1fr}.blog-content .section__inner .blog-content__sidebar{display:none}}.blog-content__main{container:blog-main/inline-size}.blog-content__posts-list{--post-per-col: 1;display:grid;gap:1.25rem;grid-template-columns:repeat(var(--post-per-col), 1fr)}@container blog-main ( width > 34.375rem ){.blog-content__posts-list{--post-per-col: 2}}@container blog-main ( width > 53.125rem ){.blog-content__posts-list{--post-per-col: 3}}.blog-content .post{margin:0}.blog-content .post{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:.3125rem .3125rem}.blog-content .post__thumbnail{display:block;width:100%;aspect-ratio:3/2}.blog-content .post__thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:.625rem}.blog-content .post__title{font-weight:700;color:var(--gray-color-900);-webkit-transition:color 300ms;transition:color 300ms;font-size:1rem;line-height:1.5;text-align:left;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;text-wrap:pretty;-webkit-line-clamp:2;-webkit-box-orient:vertical}.blog-content .post__title:hover{color:var(--primary-color-500)}.blog-content .post__excerpt{color:var(--gray-color-700);font-size:.875rem;line-height:1.5;text-align:left;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;text-wrap:pretty;-webkit-line-clamp:3;-webkit-box-orient:vertical}.blog-content__load-more-btn{display:block;padding:.625rem 1.25rem;line-height:1;border:.0625rem solid var(--primary-color-500);border-radius:.625rem;text-transform:none;font-weight:400;color:var(--primary-color-600);margin:1.25rem auto 0;-webkit-transition:background-color 300ms,color 300ms;transition:background-color 300ms,color 300ms}.blog-content__load-more-btn:hover{background-color:var(--primary-color-500);color:var(--secondary-color-500)}.blog-content__load-more-btn.loading{pointer-events:none;-webkit-animation:loading 1.5s infinite;animation:loading 1.5s infinite}.blog-content__load-more-btn.hide{display:none}@-webkit-keyframes loading{0%,100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:.5}}@keyframes loading{0%,100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:.5}}
/*# sourceMappingURL=gpw-blog-page.min.css.map */