.BlogItem--Image{width:100%;height:auto}.BlogItemWrapper{display:block;width:100%;height:100%;position:relative}.BlogItemWrapper:focus-visible{outline:none!important;box-shadow:none!important}.BlogItemWrapper:focus-visible:after,body.user-is-tabbing .BlogItemWrapper:focus:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid #000;pointer-events:none;z-index:5}.BlogArticle--Wrapper{position:relative}.BlogArticle{width:50%;color:var(--primary_text)}.BlogArticle a{color:var(--primary_text)}.BlogItem--Wrapper{width:100%}.Article-Content{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.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_text)}.Blog-Item-description{color:var(--primary_text);text-align:start;padding:8px}.BlogArrow svg path{fill:var(--primary_text)}.BlogImgWrapper{display:flex}.articleTag{position:relative;padding:0 8px 0 19px;color:var(--primary_grey);word-break:initial}.Tag-item:before{content:"";position:absolute;width:11px;height:11px;left:0;top:50%;border-radius:20%;transform:translateY(-50%);background-color:var(--primary_grey)}.articleTags{display:flex;flex-wrap:wrap;word-break:break-word;position:relative}.ArticleHeader--Info{display:flex;color:var(--primary_grey);flex-wrap:wrap;position:relative;gap:12px}.articleItem{margin-bottom:16px;text-align:left}.articleItem:hover{text-decoration:underline}.BlogArticle .ArticleTitle{padding-top:8px;padding-bottom:8px}.Author-tag,.Date-tag{position:relative;padding-left:19px}@media screen and (min-width:1025px){.BlogItem:hover .BlogItem--Button .BlogArrow svg path{fill:var(--loader_color)}@-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)}.BlogArticle{width:33.3333%}.Blog-Item-description{padding:8px 16px 12px}.BlogArticle .ArticleTitle{padding-top:12px;padding-bottom:8px}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/component-blog_item.css.map */