@layer components{.relatedPosts-list{flex-wrap:wrap;display:flex}.relatedPosts>.relatedPosts-list>div{cursor:pointer;vertical-align:bottom;background:#363636;width:calc(33.333% - 6px);height:200px;margin:3px;transition:all .3s;display:inline-block;position:relative;overflow:hidden}.relatedPosts>.relatedPosts-list .cover{opacity:.4;object-fit:cover;width:100%;height:100%;transition:all .6s}.relatedPosts>.relatedPosts-list .content{width:100%;padding:0 1rem;position:absolute;top:50%;transform:translateY(-50%)}.relatedPosts>.relatedPosts-list .content .date{color:var(--light-grey);font-size:90%}.relatedPosts>.relatedPosts-list .content .title{color:var(--heo-fontcolor);-webkit-line-clamp:2;-webkit-line-clamp:4;text-align:center;font-size:.9rem;font-weight:700;line-height:1.5}.relatedPosts>.relatedPosts-list>div:hover .cover{opacity:.8;transform:scale(1.1)}}