.blog-tags{display:flex;flex-wrap:nowrap;column-gap:20px;overflow-x:scroll;scrollbar-width:none}.blog-tags .button-tags-blog{padding:6px 12px}.blog-tags .button-tags-blog a{font-size:16px;line-height:20px;width:max-content}.blog-posts-articles,.blog-posts-articles-first{display:grid;row-gap:32px}.blog-posts .article-single{border-radius:0 0 16px 16px;transition:all .15s linear}.blog-posts .article-single:hover{background-color:var(--white-color)}.blog-posts .article-single .article-image{overflow:hidden;position:relative}.blog-posts .article-single:hover .article-image img{transform:scale(1.05)}.blog-posts .article-single .article-image img{width:100%;display:block;aspect-ratio:4 / 3;object-fit:cover;object-position:center center;background-color:var(--white-color);transition:transform .15s linear;transform-origin:center}.blog-posts-articles-first{margin-bottom:32px}.blog-posts-articles .article-content{padding:16px}.blog-posts-articles .article-content .title-article{color:var(--primary-color);margin-bottom:16px}.blog-posts-articles .article-content .title-article a{text-decoration:none}.blog-posts-articles .article-content .tags-article{margin-bottom:12px;display:flex;gap:10px}.blog-posts-articles .article-content .tags-article .tag{font-size:12px;line-height:16px;padding:4px 8px;background-color:#e0e0e0;border-radius:12px;color:var(--body-color)}.blog-posts-articles .article-content .excerpt-article{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-bottom:8px}@media only screen and (min-width: 750px){.blog-posts-articles,.blog-posts-articles-first{grid-template-columns:repeat(2,1fr);column-gap:40px;row-gap:80px}.blog-posts-articles>:nth-child(odd),.blog-posts-articles-first>:nth-child(odd){grid-column:1 / 2}.blog-posts-articles>:nth-child(2n),.blog-posts-articles-first>:nth-child(2n){grid-column:2 / -1}.blog-posts-articles-first{margin-bottom:80px}.blog-posts-articles.blog-posts-articles-first .article-content{padding:32px 16px}.blog-posts-articles .article-content .tags-article,.blog-posts-articles .article-content .excerpt-article{margin-bottom:16px}}@media only screen and (min-width: 1200px){.headline-medium-articles{font-size:var(--headline-medium-size);line-height:var(--headline-medium-height)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/blog-posts.css.map */