.community-join-banner{border-left:3px solid var(--cds-interactive-01);background:var(--cds-ui-01)}.community-join-banner__content{display:flex;align-items:center;justify-content:space-between;gap:1rem}@media(max-width:768px){.community-join-banner__content{flex-direction:column;align-items:flex-start;gap:.75rem}}.community-join-banner__text{display:flex;align-items:flex-start;gap:.75rem;flex:1 1}.community-join-banner__icon{margin-top:.125rem;color:var(--cds-interactive-01);flex-shrink:0}.community-join-banner__actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}@media(max-width:768px){.community-join-banner__actions{align-self:stretch;justify-content:flex-start}}.community-join-banner__loading{width:16px;height:16px;margin-right:.5rem}.community-join-banner__success{display:flex;align-items:center;gap:.75rem;color:var(--cds-support-02)}.community-join-banner__success svg{flex-shrink:0}.community-join-banner__success span{font-size:.875rem;line-height:1.4}.community-join-banner__error{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--cds-support-01)}.community-join-banner__error span{font-size:.875rem}@media(max-width:768px){.community-join-banner__error{flex-direction:column;align-items:flex-start;gap:.5rem}}.community-join-banner--success{border-left-color:var(--cds-support-02);background:var(--cds-notification-background-success)}.community-join-banner--error{border-left-color:var(--cds-support-01);background:var(--cds-notification-background-error)}.community-join-banner:not(.community-join-banner--success):not(.community-join-banner--error){transition:box-shadow .2s ease}.community-join-banner:not(.community-join-banner--success):not(.community-join-banner--error):hover{box-shadow:0 2px 8px rgba(0,0,0,.1)}.community-join-banner button:focus-visible{outline:2px solid var(--cds-focus);outline-offset:2px}