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