.article--indent-for-social{position:relative;display:grid;grid-template-columns:1fr 200px;grid-template-areas:"content social";gap:5rem}.article__content{grid-area:content}.article__meta{grid-area:social;position:relative}.article__meta__sticky{position:sticky;top:1.25rem}html[dir=rtl] .article__meta__sticky{right:0}html[dir=ltr] .article__meta__sticky{left:0}.article__meta-tags .tags{display:flex;flex-wrap:wrap;gap:.625rem}.article__meta-tags a.button{padding:5px 14px;font-size:16px}.article__meta-social+.article__meta-tags{margin-top:var(--gutter-large)}.article__meta .social-icons svg path{fill:var(--color-text-main);transition:all .1s linear}.no-touchevents .article__meta .social-icons a:hover svg path{fill:var(--color-accent-main)}.article__intro{margin-bottom:var(--gutter-large)}.article__featured-image{position:relative;text-align:center;margin-top:var(--gutter-large)}.article__featured-image svg{max-height:25rem}@media screen and (max-width: 1023px){.article--indent-for-social{grid-template-areas:"content" "social";gap:0;grid-template-columns:100%;display:block}.article__content{padding-left:0;padding-right:0;width:100%}.article--indent-for-social .article__meta{position:fixed;bottom:20px;left:50%;transform:translate(-50%);width:auto;background:#eaeef8;box-shadow:0 4px 20px #00000026;padding:12px 16px;border-radius:50px;z-index:9999;transition:all .3s ease;opacity:0;pointer-events:none}.article--indent-for-social .article__meta.is-visible{opacity:1;pointer-events:auto}.article--indent-for-social .article__meta.is-visible.hide-at-footer{opacity:0;pointer-events:none;transform:translate(-50%) translateY(20px)}.article--indent-for-social .article__meta__sticky{position:static;display:flex;align-items:center;justify-content:center;gap:12px}.article--indent-for-social .article__meta-social>span:first-child{display:none}.article--indent-for-social .social-icons{display:flex;gap:10px;margin:0}.article--indent-for-social .article__meta .social-icons.gutter-top--small{padding-top:0;margin-top:0}.article--indent-for-social .social-icons a{padding:6px;display:flex;align-items:center;justify-content:center;margin:0;transition:opacity .2s ease}.article--indent-for-social .article__meta .social-icons svg path{fill:var(--main-button-text-color, #fff)}.article--indent-for-social .article__meta-tags{display:none}.article--indent-for-social .article__meta .social-icons svg{width:22px;height:22px}}@media screen and (min-width: 1024px){.article--indent-for-social{grid-template-columns:25px 1fr 30px 60px 25px;grid-template-areas:". content . social .";gap:0;max-width:100%;margin:0 auto}.article__meta{grid-area:social;padding:0;margin:0}.article--indent-for-social .article__meta-social>span:first-child{display:none}.article__meta .social-icons{flex-direction:column;gap:10px;margin:0}.article__meta .social-icons a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-secondary-background-main);border-radius:50%;transition:all .2s ease;margin:0}.article__meta .social-icons a:hover{transform:translateY(-2px);background:var(--color-accent-main)}.no-touchevents .article--indent-for-social .article__meta .social-icons a:hover svg path{fill:var(--color-foreground-accent-main)}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/section-main-article.css.map */