.BlogItem--Image{width:100%;height:auto;display:block;transform:scale(1);transition:transform .5s cubic-bezier(.22,.61,.36,1);will-change:transform}.BlogItemWrapper{display:block;width:100%;height:100%;position:relative;text-decoration:none}.BlogImgWrapper{display:flex;position:relative;overflow:hidden;isolation:isolate}.BlogOverlay__title{text-align:center}.BlogOverlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;gap:.5rem;padding:2.5rem 1rem 3rem;color:var(--background_color);background:linear-gradient(to top,#0000007a,#0000 60%);opacity:.95;transition:background .5s cubic-bezier(.22,.61,.36,1),opacity .5s cubic-bezier(.22,.61,.36,1);will-change:opacity,background}.BlogOverlay__title,.BlogOverlay__cta,.BlogOverlay__tags,.BlogTag{transform:translateY(.25rem);opacity:.96;transition:transform .45s cubic-bezier(.22,.61,.36,1),opacity .45s cubic-bezier(.22,.61,.36,1);will-change:transform,opacity}.BlogOverlay__cta .blogArrow,.BlogOverlay__cta .BlogArrow{display:inline-flex;transform:translate(0);transition:transform .4s cubic-bezier(.22,.61,.36,1);will-change:transform}.BlogItem{transition:transform .5s cubic-bezier(.22,.61,.36,1),box-shadow .5s cubic-bezier(.22,.61,.36,1);will-change:transform,box-shadow}.BlogItemWrapper:hover .BlogItem,.BlogItemWrapper:focus-within .BlogItem{box-shadow:0 10px 28px #0000001f}.BlogItemWrapper:hover .BlogItem--Image,.BlogItemWrapper:focus-within .BlogItem--Image{transform:scale(1.04)}.BlogItemWrapper:hover .BlogOverlay,.BlogItemWrapper:focus-within .BlogOverlay{background:linear-gradient(to top,#000000a3,#0000 65%);opacity:1}.BlogItemWrapper:hover .BlogOverlay__tags,.BlogItemWrapper:focus-within .BlogOverlay__tags{opacity:1;transition-delay:40ms}.BlogItemWrapper:hover .BlogOverlay__title,.BlogItemWrapper:focus-within .BlogOverlay__title{opacity:1;transition-delay:80ms}.BlogItemWrapper:hover .BlogOverlay__cta,.BlogItemWrapper:focus-within .BlogOverlay__cta{opacity:1;transition-delay:.12s}.BlogItemWrapper:hover .BlogOverlay__cta .blogArrow,.BlogItemWrapper:focus-within .BlogOverlay__cta .blogArrow,.BlogItemWrapper:hover .BlogOverlay__cta .BlogArrow,.BlogItemWrapper:focus-within .BlogOverlay__cta .BlogArrow{transform:translate(4px)}.BlogArticle--Wrapper{position:relative}.BlogArticle{width:50%;color:var(--primary_text)}.BlogArticle a{color:var(--primary_text)}.BlogItem--Wrapper{width:100%;padding:0 8px}.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)}.BlogArrow svg path{fill:var(--primary_text)}.Article-Content{padding:0 4px}.articleTag{padding:4px 8px;background-color:var(--loader_color)}.articleTags{display:flex;gap:8px 4px;justify-content:center;flex-wrap:wrap;word-break:break-word}.ArticleHeader--Info{display:flex;justify-content:center;color:var(--primary_text);opacity:.6}.articleItem{margin-bottom:16px;text-align:left}.articleItem:hover{text-decoration:underline}@-webkit-keyframes run{0%{transform:translate(5px)}50%{transform:translate(10px)}to{transform:translate(0)}}@media screen and (min-width:768px){.BlogArticle{width:25%}.BlogItem--Wrapper{padding:0 10px}.BlogArticle--Wrapper{padding:0 18px}}@media screen and (min-width:1025px){.BlogArticle--Wrapper{padding:0 22px}.BlogItem:hover .BlogItem--Button .BlogArrow svg path{fill:var(--loader_color)}.BlogItem:hover .BlogItem--Button .BlogArrow,.BlogItem--Button:hover .arrow{animation:run .8s ease-in-out}}@media screen and (min-width:1440px){.BlogArticle--Wrapper{padding:0 48px}}@media(prefers-reduced-motion:reduce){.BlogItem,.BlogItem--Image,.BlogOverlay,.BlogOverlay__title,.BlogOverlay__cta,.BlogOverlay__tags,.BlogTag,.BlogOverlay__cta .blogArrow,.BlogOverlay__cta .BlogArrow{transition:none;transform:none;animation:none}.BlogItem{transform:none}.BlogItemWrapper:hover .BlogItem,.BlogItemWrapper:focus-within .BlogItem{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/component-blog_item.css.map */