.community-gate{background:#4b83ff0f;border:1px solid #4b83ff47;border-radius:14px;grid-template-columns:40px minmax(0,1fr);align-items:start;gap:12px;padding:16px;display:grid}.community-gate__icon{color:#bbd0ff;background:#4b83ff1f;border-radius:11px;place-content:center;width:40px;height:40px;display:grid}.community-gate__copy{min-width:0}.community-gate__copy strong{color:#e0e6ee;font-size:13px;line-height:1.5}.community-gate__copy p{color:#bcc5d2;margin:5px 0 0;font-size:12px;line-height:1.6}.community-gate__action{background:var(--button-sheen,var(--control-sheen)), var(--button-bg,var(--control-bg));color:#bbd0ff;box-shadow:var(--button-shadow,var(--control-shadow));transition:background-color var(--control-duration) ease, color var(--control-duration) ease, box-shadow var(--control-duration) ease, opacity var(--control-duration) ease;--button-bg:var(--control-bg);--button-hover:var(--control-hover);--button-pressed:var(--control-pressed);--button-fg:var(--control-fg);--button-sheen:var(--control-sheen);border-radius:var(--control-radius);white-space:normal;text-align:start;border:0 #4b83ff59;grid-column:2;justify-content:center;justify-self:start;align-items:center;gap:9px;min-width:0;max-width:100%;height:auto;min-height:44px;padding:10px 14px;font-size:12px;font-weight:700;display:inline-flex}.community-gate__action:is([aria-pressed=true],[aria-selected=true]){--button-bg:var(--control-selected-bg);--button-fg:var(--control-selected-fg)}@media (hover:hover){.community-gate__action:not(:disabled):not([aria-disabled=true]):not([aria-selected=true]):hover{background-color:var(--button-hover,var(--control-hover));color:var(--button-fg,var(--control-fg));filter:none}}.community-gate__action:not(:disabled):not([aria-disabled=true]):not([aria-selected=true]):active{background-color:var(--button-pressed,var(--control-pressed));box-shadow:none;filter:none}.community-gate__action:focus-visible{outline:2px solid var(--control-focus);outline-offset:2px;filter:brightness(1.1)}.community-gate__action:disabled,.community-gate__action[aria-disabled=true]{background:var(--control-disabled-bg);color:var(--control-disabled-fg);box-shadow:none;filter:none;opacity:1;cursor:not-allowed}.community-gate__action svg{flex-shrink:0}@media not screen and (width>=630px){.community-gate{padding:14px}.community-gate__action{text-align:center;grid-column:1/-1;justify-content:center;justify-self:stretch}}
