.article-hero[data-v-88d7ca6e]{background-color:var(--surface-primary)}.article-hero.tutorial[data-v-88d7ca6e]{padding-block:var(--top-block-bottom-margin)}@media (width>=1200px){.article-hero.tutorial .article-hero__inner[data-v-88d7ca6e]{max-width:792px;margin-inline:auto}}.article-hero__inner[data-v-88d7ca6e]{align-items:center;gap:var(--content-gap-l);width:100%;padding-block:var(--container-padding-inline);flex-direction:column;display:flex}@media (width>=1200px){.article-hero__inner[data-v-88d7ca6e]{max-width:996px;margin-inline:auto}}.article-hero__text[data-v-88d7ca6e]{text-align:center;gap:var(--title-gap-big);width:100%;display:grid}.article-hero__head[data-v-88d7ca6e]{flex-direction:column;align-items:center;gap:20px;width:100%;display:flex}.article-hero__tags[data-v-88d7ca6e]{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.article-hero__link[data-v-88d7ca6e]{transition:var(--transition)}.article-hero__link[data-v-88d7ca6e]:hover{opacity:.7}.article-hero__link .icon-wrapper[data-v-88d7ca6e]{justify-content:center;align-items:center;width:24px;height:24px;display:flex}.article-hero__title[data-v-88d7ca6e]{text-align:center;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.article-hero__meta[data-v-88d7ca6e]{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.article-hero__meta-group[data-v-88d7ca6e]{align-items:center;gap:8px;display:flex}.article-hero__divider[data-v-88d7ca6e]{background:var(--surface-line);width:1px;height:24px}.article-hero__author[data-v-88d7ca6e]{align-items:center;gap:8px;display:flex}.article-hero__avatar[data-v-88d7ca6e]{border-radius:50%;flex-shrink:0;width:32px;height:32px;overflow:hidden}.article-hero__avatar img[data-v-88d7ca6e]{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}