.card__img{visibility:hidden;background-size:cover;background-position:center;background-repeat:no-repeat;width:100%;height:200px}.card__img--hover{transition:0.2s all ease-out;background-size:cover;background-position:center;background-repeat:no-repeat;width:100%;position:absolute;height:235px;top:0}
.card.post-card{transition:all .4s cubic-bezier(0.175,0.885,0,1);background-color:#1a1b1e;position:relative;border-radius:12px;overflow:hidden;box-shadow:0px 13px 10px -7px rgba(0,0,0,0.3)}
.card.post-card:hover{box-shadow:0px 30px 18px -8px rgba(0,0,0,0.3);transform:scale(1.05,1.05)}.card__info{z-index:2;background-color:#1a1b1e;border-bottom-left-radius:12px;border-bottom-right-radius:12px;padding:16px 24px 24px 24px}.card__category{text-transform:uppercase;font-size:13px;letter-spacing:1px;font-weight:500;color:rgba(255,255,255,0.5)}.card:hover .card__img--hover{height:100%;opacity:0.3}.card:hover .card__info{background-color:transparent;position:relative}.card:hover .card__info-hover{opacity:1}.post-card-tag{background-color:#1a1b1e;color:rgba(255,255,255,0.7)}.post-card-tag:hover{background-color:#d9f85f;color:#000}pre[class*="language-"]{border:1px solid rgba(255,255,255,0.08);border-radius:12px}div.code-toolbar>.toolbar{opacity:0;transition:opacity 0.2s}
div.code-toolbar:hover>.toolbar{opacity:1}
div.code-toolbar>.toolbar>.toolbar-item>button{background:rgba(255,255,255,0.1);color:rgba(255,255,255,0.6);border-radius:6px;padding:4px 10px;font-size:0.75rem;border:none;cursor:pointer;transition:all 0.2s}
div.code-toolbar>.toolbar>.toolbar-item>button:hover{background:#d9f85f;color:#000}.line-numbers .line-numbers-rows{border-right:1px solid rgba(255,255,255,0.08)}