.follow-directory{max-width:760px;margin:auto}.beta-site.x-square .follow-directory{max-width:none;margin:0;padding:0}.beta-site.x-square .follow-directory.beta-follow>[data-column-list]{margin-inline:0}.follow-accounts{padding:0;list-style:none}.follow-directory-intro{padding:24px 16px}.follow-directory-intro>p:first-child{color:var(--ink-3);font-size:12px}.follow-directory-intro h1{margin:7px 0 10px;font-size:26px;font-weight:750;line-height:1.4}.follow-directory-intro>p:last-child{color:var(--ink-3);margin:0;font-size:14px;line-height:26px}.follow-list-heading{margin:22px 16px 14px;font-size:15px;font-weight:700}.follow-brand-card,.follow-account{border:0;border-bottom:1px solid var(--line);background:var(--bg);border-radius:0;margin:0;transition:background .15s}.follow-brand-main{grid-template-columns:40px minmax(0,1fr);gap:0 12px;padding:16px 16px 14px;display:grid}.follow-brand-header{display:contents}.follow-brand-header>.follow-avatar{grid-area:1/1}.follow-brand-header>div:nth-child(2){grid-column:2;min-width:0}.follow-brand-header h2{overflow-wrap:anywhere;margin:0;font-size:18px;font-weight:700;line-height:24px}.follow-avatar{background:var(--bg-sunk);border-radius:10px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.follow-brand-avatar{color:#0f1419;background:#ffd600;font-size:15px;font-weight:800}.follow-account-meta{color:var(--ink-3);margin-top:3px;font-size:13px;line-height:20px}.follow-brand-tag{display:none}.follow-account-reason{overflow-wrap:anywhere;color:var(--ink);grid-column:2;margin:7px 0 0;font-size:15px;line-height:25px}.follow-expand{white-space:nowrap;color:var(--ink-3);cursor:pointer;background:0 0;border:0;margin-left:5px;padding:0;font-size:13px;display:inline}.follow-expand:hover{color:var(--ink)}.follow-brand-channels{border:1px solid var(--line);background:var(--bg-sunk);border-radius:10px;margin:0 16px 14px 68px;padding:12px}.follow-channels-heading{color:var(--ink-3);justify-content:space-between;gap:8px;margin-bottom:8px;font-size:12px;line-height:20px;display:flex}.follow-channels-heading>span:last-child{color:var(--ink-4);font-size:11px}.follow-brand-contacts{flex-wrap:wrap;gap:8px;display:flex}.follow-brand-contacts a{border:1px solid var(--line);background:var(--surface);min-height:36px;color:var(--ink);overflow-wrap:anywhere;border-radius:999px;align-items:center;gap:7px;max-width:100%;padding:6px 11px;font-size:13px;display:inline-flex}.follow-brand-contacts a span{color:var(--ink-3)}.follow-brand-contacts a:hover{border-color:var(--ink-4)}.follow-brand-card button:focus-visible,.follow-brand-card a:focus-visible,.follow-account a:focus-visible{outline-offset:3px;outline:2px solid #ffd600}.follow-recommendation{color:var(--ink-3);align-items:flex-start;gap:8px;margin:0 16px 16px 68px;font-size:13px;line-height:22px;display:flex}.follow-recommendation-logo{color:#0f1419;background:#ffd600;border-radius:50%;flex:0 0 20px;place-items:center;width:20px;height:20px;margin-top:1px;font-size:12px;font-weight:800;line-height:1;display:grid}.follow-recommendation p{text-decoration:underline;-webkit-text-decoration-color:var(--line-strong,#cfd9de);text-decoration-color:var(--line-strong,#cfd9de);text-underline-offset:4px;text-decoration-thickness:1px}.follow-recommendation strong{font-weight:400}.follow-account{grid-template-columns:40px minmax(0,1fr) auto;gap:12px;padding:16px;display:grid}.follow-account-copy{overflow-wrap:anywhere;min-width:0}.follow-account-copy h2{margin:0;font-size:18px;font-weight:700;line-height:24px}.follow-account-copy>p{margin:7px 0;font-size:15px;line-height:25px}.follow-account-copy>p:first-of-type{color:var(--ink-3);font-size:13px;line-height:20px}.follow-account-copy button{align-items:center;gap:6px;min-height:36px;font-size:13px;display:inline-flex}.follow-account-copy small{color:var(--ink-4);margin-top:6px;font-size:12px;line-height:20px;display:block}.follow-account-copy .follow-recommendation{margin:12px 0 0}.follow-account-link{color:#0f1419;white-space:nowrap;background:#ffd600;border-radius:999px;align-self:start;align-items:center;gap:6px;min-height:36px;padding:7px 12px;font-size:13px;display:inline-flex}.follow-disclaimer{color:var(--ink-4);align-items:flex-start;gap:8px;margin:0;padding:20px 16px;font-size:12px;line-height:22px;display:flex}.follow-suggest{border-block:1px solid var(--line);background:var(--bg-sunk);justify-content:space-between;align-items:center;gap:12px;margin:0;padding:16px;display:flex}.follow-suggest strong{font-size:15px;font-weight:700}.follow-suggest p{color:var(--ink-3);margin-top:3px;font-size:13px;line-height:22px}.follow-suggest>a{white-space:nowrap;color:#0f1419;background:#ffd600;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700}@media (hover:hover) and (pointer:fine){.follow-brand-card:hover,.follow-account:hover{background:var(--bg-sunk)}html[data-theme=dark] .follow-brand-card:hover,html[data-theme=dark] .follow-account:hover{background:#20232b}}@media (width<=600px){.follow-directory-intro{padding:23px 12px}.follow-directory-intro h1{font-size:24px}.follow-list-heading{margin-inline:12px}.follow-brand-main{grid-template-columns:36px minmax(0,1fr);padding:14px 12px 12px}.follow-avatar{width:36px;height:36px}.follow-brand-header h2,.follow-account-copy h2{font-size:17px;line-height:24px}.follow-account-meta{font-size:12px}.follow-brand-channels{margin:0 12px 12px 60px;padding:10px}.follow-channels-heading>span:last-child{display:none}.follow-brand-contacts a{gap:5px;padding:6px 9px;font-size:12px}.follow-recommendation{margin:0 12px 14px 60px}.follow-account{grid-template-columns:36px minmax(0,1fr);padding:14px 12px}.follow-account-link{grid-column:2;justify-self:start}.follow-disclaimer{padding:18px 12px}.follow-suggest{flex-wrap:wrap;padding:16px 12px}}.beta-site.x-square .follow-directory.beta-follow,.beta-site.x-square .follow-directory.beta-follow>.follow-directory-intro,.beta-site.x-square .follow-directory.beta-follow>.follow-disclaimer,.beta-site.x-square .follow-directory.beta-follow>.follow-suggest{margin-inline:0}.follow-disclaimer>svg{flex:0 0 16px;margin-top:3px}.follow-disclaimer>span{min-width:0}
