.article-banner{position:relative;overflow:hidden}.article-banner .article-banner__subheading{display:flex;align-items:center;flex-wrap:wrap;gap:16px;font-size:calc(var(--body-font-size) * .875);font-weight:400;line-height:1.28;margin-top:16px;color:var(--color-text-secondary)}.article-banner .article-banner__info{display:flex;align-items:center;flex-wrap:wrap;column-gap:16px;row-gap:8px}.article-banner .article-banner__author{display:flex;justify-content:center;align-items:center;font-weight:600;color:var(--color-text-primary);gap:8px}.article-banner .article-banner__author-image{flex-shrink:0;width:32px;height:32px;border-radius:100%;border:1px solid var(--color-text-primary);background-color:#fff}.article-banner .article-banner__separator{position:relative;margin:0 3px;color:var(--color-text-secondary)}.article-banner .article-banner__heading-block{display:flex;justify-content:center;flex-direction:column;width:100%;margin-left:auto;margin-right:auto}.article-banner .article-banner__heading-block+.article-banner__image-container{margin-top:24px}.article-banner .article-banner__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.article-banner .article-banner__tag{padding:4px 12px;border-radius:calc(var(--global-border-radius) * 2);color:var(--color-text-primary);background-color:var(--color-background-secondary);font-size:calc(var(--body-font-size) * .875);font-weight:600;line-height:1.25;text-decoration:none;word-break:break-word;transition-property:background-color,color;transition-timing-function:var(--easing-ease);transition-duration:var(--timing-base)}.article-banner .article-banner__tag:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:-2px}@media (-moz-touch-enabled: 0),(hover: hover),(pointer: fine){.article-banner .article-banner__tag:hover{background-color:var(--color-text-primary);color:var(--color-background-secondary)}}.article-banner .article-banner__image-container{position:relative;margin:0 auto;padding-top:58.31%}.article-banner .article-banner__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:calc(var(--global-border-radius) * 2)}@media (min-width: 768px){.article-banner .article-banner__tags{margin-top:20px}.article-banner .article-banner__image-container{padding-top:50%}.article-banner .article-banner__heading-block+.article-banner__image-container{margin-top:32px}}@media (min-width: 1701px){.article-banner .article-banner__heading{font-size:calc(var(--heading-font-size) * 2.875);line-height:1.26}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/article-banner.build.css.map */