.article[data-v-d2ae9277]{box-shadow:0 14px 34px -28px #000000bf;display:flex;flex-direction:column;max-width:464px;transition:all .2s ease-in-out}.article.transition[data-v-d2ae9277]{view-transition-name:blogarticle}.article[data-v-d2ae9277]:hover{box-shadow:0 14px 34px -20px #000000bf;transform:perspective(500px) translateZ(5px)}.article a[data-v-d2ae9277]{color:#000;display:contents;text-decoration:none}.article .wrapper[data-v-d2ae9277]{display:flex;flex:1;flex-direction:column;padding:.5em 1em}.article__banner[data-v-d2ae9277]{align-items:center;background:#313131;display:flex;height:200px;justify-content:center;padding:0 1em;position:relative}.article__banner img[data-v-d2ae9277]{filter:brightness(.8);height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}.article__banner__title[data-v-d2ae9277]{color:#fff;font-size:2em;position:relative;text-align:center;z-index:1}.article__title[data-v-d2ae9277]{font-size:2em;margin-top:0;text-align:center}.article .date[data-v-d2ae9277]{color:#aaa}.article .description[data-v-d2ae9277]{flex:1;margin-top:.5em}.article .read-link[data-v-d2ae9277]{color:#aaa;margin-top:.5em;text-align:right;text-decoration:underline}.article__tags[data-v-d2ae9277]{left:0;padding:2px 4px;position:absolute;top:0;z-index:1}.article__tags span[data-v-d2ae9277]{background:#dbdbdbd9;border-radius:3px;color:#313131;font-size:.8em;margin-right:5px;padding:2px 8px}