.BlogItem--Image{width:100%;height:auto}.BlogItemWrapper{display:block;width:100%;height:100%;position:relative}.BlogArticle--Wrapper{position:relative}.BlogArticle{width:50%}.BlogItem--Wrapper{width:100%}.BlogItem--Button{background-color:transparent;border:none;width:100%;padding:8px 0;cursor:pointer;display:flex;justify-content:center;align-items:center}.BlogArrow svg{margin-left:6px;width:15px;height:22px;fill:var(--primary_color)}.BlogArrow svg path{fill:var(--primary_color)}.BlogImgWrapper{display:flex;overflow:hidden}.BlogImgWrapper img{transition:transform .5s ease-in}.BlogImgWrapper:hover img{transform:scale(1.1)}.articleTags{display:flex;flex-wrap:wrap;word-break:break-word}.articleTag{display:flex;align-items:center;padding:4px 0}.articleTag+.articleTag:before{content:"";display:block;width:4px;height:4px;margin-left:8px;margin-right:8px;background:var(--text_1);border-radius:50%}.Article--Date{color:var(--text_2);display:flex;align-items:center;padding:4px 0}.articleTags+.Article--Date:before{content:"";display:block;width:4px;height:4px;margin-left:8px;margin-right:8px;background:var(--text_1);border-radius:50%}.ArticleHeader--Info{display:flex;align-items:center;color:var(--text_1);flex-wrap:wrap}.articleItem{margin-bottom:16px;text-align:left}.Article--TextWrapper{margin:12px 0;text-align:left}.MainBlog--FirstArticle{width:100%}@media screen and (min-width: 768px){.BlogArticle{width:25%}.MainBlog--FirstArticle{width:100%}}@media screen and (min-width: 1025px){.Article--Heading{margin-bottom:12px}.Article--TextWrapper{margin:16px 0}.BlogImgWrapper:after{opacity:0;content:"";top:0;left:0;position:absolute;width:100%;height:100%;z-index:1;background-color:var(--loader_color);transition:opacity .2s ease}.BlogItem:hover .BlogItem--Image{z-index:1}@-webkit-keyframes run{0%{transform:translate(5px)}50%{transform:translate(10px)}to{transform:translate(0)}}.BlogItem:hover .BlogItem--Button .BlogArrow,.BlogItem--Button:hover .arrow{animation:run .8s ease-in-out}.BlogItem--Button:hover .BlogArrow svg path{fill:var(--loader_color)}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/component-blog_item.css.map */