.comic-follow{--follow-ink: color-mix(in oklab, var(--color-care) 76%, var(--color-text));--follow-muted: color-mix(in oklab, var(--color-text) 78%, var(--tint-hero));display:grid;gap:var(--space-md);align-self:start;min-width:0;padding:var(--space-md);border-radius:var(--radius-card);background:var(--tint-hero)}.comic-follow__eyebrow{color:var(--follow-ink);font-size:var(--text-sm);margin-block-end:var(--space-xs)}.comic-follow h2{font-size:var(--text-2xl)}.comic-follow__account{margin-block-start:var(--space-sm)}.comic-follow__handle{color:var(--follow-muted);font-size:var(--text-sm);overflow-wrap:anywhere}.comic-follow__followers{color:var(--follow-ink);font-size:var(--text-base);font-weight:700;margin-block-start:var(--space-3xs)}.comic-follow__copy>p:not(:first-child){margin-block-start:var(--space-sm);max-width:46ch;color:var(--follow-muted)}.comic-follow__link{margin-block-start:var(--space-md)}.comic-follow__copy>.comic-follow__coming-soon{color:var(--follow-ink);font-size:var(--text-sm)}.comic-follow__qr{text-align:center}.comic-follow__qr-crop{display:block;position:relative;width:12.5rem;max-width:100%;aspect-ratio:1;box-sizing:border-box;border:var(--space-xs) solid var(--color-surface);overflow:hidden;margin-inline:auto;background:var(--color-surface)}.comic-follow__qr-original{position:absolute;width:153.2%;max-width:none;height:auto;left:-26%;top:-64%}.comic-follow__qr-image{display:block;width:10rem;height:10rem;object-fit:contain;margin-inline:auto;background:var(--color-surface)}.comic-follow__qr-placeholder{width:10rem;aspect-ratio:1;margin-inline:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed color-mix(in oklab,var(--color-care) 45%,transparent);border-radius:12px;background:var(--color-background);color:var(--follow-ink)}.comic-follow__qr-placeholder>span:first-child{font-size:3rem;line-height:1.1}.comic-follow__qr-wordmark{font-size:var(--text-base);font-weight:600}.comic-follow__qr>p{margin-block-start:var(--space-xs);color:var(--follow-muted);font-size:var(--text-xs)}.comic-follow a:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}@media(min-width:60rem){.comic-follow{align-content:center;text-align:center}.is-ready .comic-follow{align-self:center}}@media(min-width:32rem)and (max-width:59.99rem){.comic-follow{grid-template-columns:minmax(0,1fr) 12.5rem;align-items:center;gap:var(--space-lg)}}@media(max-width:31.99rem){.comic-follow{text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/comic-follow.css.map */