.blog-post-grid{display:grid;grid-template-columns:repeat(var(--blog-item-per-row),minmax(0,1fr));grid-gap:var(--blog-item-gap)}.blog-post-item{display:flex;flex-direction:column;position:relative;overflow:hidden;transition:all .3s ease-in-out}.blog-post-img{position:relative}.blog-post-img .blog-link-arrow{display:none}.blog-post-img .media{border-radius:calc(var(--block-radius) - .5rem)}.blog-post-img .media img{transition:all .4s cubic-bezier(.39,.58,.57,1)}.blog-post-img:hover .media img{transform:rotate(2deg) scale(1.1)}.blog-post-img .button{position:absolute;inset-block-start:60%;inset-inline-start:50%;transform:translate(-50%,-50%);opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.165,.84,.44,1)}.blog-post-img:hover .button{inset-block-start:50%}.blog-post-item:hover .button,.search-result-item:focus-within .button,.blog-post-img .button:focus-visible{opacity:1;visibility:visible}.blog-post-content{padding-block:.25rem;position:relative}.blog-post-content>*{margin-block-end:1rem;margin-block-start:1rem}.blog-post-text{font-size:var(--font-size-sm)}.blog-posts-meta-item{background-color:rgb(var(--foreground-rgb-color));padding:.5rem 1rem;display:inline-block;border-radius:999rem;font-size:var(--font-size-xs);margin:0 .2rem .5rem}.search-blog-result .blog-posts-meta{display:none}.blog-post-tags span{display:inline-block;font-size:var(--font-size-xs);border:.0625rem solid rgb(var(--border-rgb-color));padding:.25rem .75rem;border-radius:1.25rem;margin:.313rem .313rem 0rem 0rem}.blog-btn-wrapper{margin-block:2rem}.blog-detail-rightbar-img img{border-radius:var(--block-radius)}@media screen and (min-width:1039px){.blog-post-content{padding-block:1.25rem;position:relative}.blog-post-grid:is(.blog-post-odd) .blog-post-item{padding-inline:3rem}.blog-post-grid:is(.blog-post-odd) .blog-post-item+.blog-post-item{border-left:.0625rem solid rgb(var(--border-rgb-color))}.blog-post-grid:is(.blog-post-odd) .blog-post-item:nth-child(odd) .blog-post-img{order:1}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/blog-posts.css.map */