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