.tg-join[data-v-84af0dc8]{container-type:inline-size}.tg-join--surface[data-v-84af0dc8]{overflow:hidden;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-default)}.tg-join__body[data-v-84af0dc8]{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:var(--space-12);color:var(--text-primary);text-align:start;text-decoration:none;transition:background-color var(--motion-fade)}.tg-join--surface .tg-join__body[data-v-84af0dc8]{padding:var(--space-12) var(--space-16)}.tg-join__body[data-v-84af0dc8]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}@media(hover:hover){.tg-join--surface .tg-join__body[data-v-84af0dc8]:hover{background:var(--surface-raised)}.tg-join__body:hover .tg-join__btn[data-v-84af0dc8]{background:color-mix(in srgb,var(--action) 8%,transparent)}}.tg-join__line[data-v-84af0dc8]{color:var(--text-primary);font-size:var(--type-size-body-sm);font-weight:var(--font-weight-medium);line-height:var(--type-lh-body-sm);text-wrap:pretty}.tg-join__btn[data-v-84af0dc8]{pointer-events:none;white-space:nowrap}@container (max-width: 279.98px){.tg-join__body[data-v-84af0dc8]{grid-template-columns:32px minmax(0,1fr)}.tg-join__btn[data-v-84af0dc8]{grid-column:1/-1}}@container (min-width: 480px){.tg-join__btn[data-v-84af0dc8]{min-width:120px;padding-inline:var(--space-20)}}