.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}.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}.stepper-indicator{display:flex;align-items:flex-start;gap:8px;width:100%;min-height:34px}.stepper-indicator .stepper-left{width:24px;align-self:stretch}.stepper-indicator .stepper-left .stepper-number{width:24px;height:24px;background:#393939;border-radius:12px;display:flex;justify-content:center;align-items:center;color:#f4f4f4;font-size:14px;font-family:IBM Plex Sans,sans-serif;font-weight:400;line-height:18px;letter-spacing:.16px;margin-bottom:2px;cursor:pointer;transition:background-color .2s ease-out,color .2s ease-out;flex-shrink:0}.stepper-indicator .stepper-left .stepper-line{width:2px;height:calc(100% - 32px);background:#393939;margin:4px 11px}.stepper-indicator .stepper-right{flex:1;padding-top:2px;margin-bottom:14px;display:flex;flex-direction:column;gap:8px;cursor:pointer}.stepper-indicator .stepper-right .stepper-label{color:#f4f4f4;font-size:14px;font-family:IBM Plex Sans,sans-serif;font-weight:400;line-height:20px;letter-spacing:.16px}.stepper-indicator .stepper-right .stepper-content{padding:6px 8px;border-radius:4px;border:1px solid #525252;color:#c6c6c6;font-size:12px;font-family:IBM Plex Sans,sans-serif;font-weight:400;line-height:16px;letter-spacing:.32px;max-height:0;overflow:hidden;transition:max-height .3s ease-out,opacity .3s ease-out,padding .3s ease-out;opacity:0}.stepper-indicator.active .stepper-left .stepper-number{background:#f4f4f4;color:#161616}.stepper-indicator.active .stepper-right .stepper-content{max-height:500px;opacity:1;padding:6px 8px}.stepper-indicator:last-child .stepper-left .stepper-line{display:none}