body{background:#fff!important}.step-indicator{display:flex;justify-content:space-between;margin:0 auto 2em}.step{flex:1;text-align:center;position:relative}.step-number{width:30px;height:30px;background-color:#ccc;color:var(--alt-text-color);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;transition:1s all}.step.active .step-number{background-color:var(--primary-color)}.step-label{font-size:12px;margin-top:5px}.step:not(:last-child)::after{content:'';position:absolute;top:15px;left:calc(50% + 15px);width:calc(100% - 30px);height:2px;background-color:#ccc}.step.active:not(:last-child)::after{background-color:var(--primary-color);transition:.5s all}#community-creation-core{margin:0 5em}@media (max-width:766px){#community-creation-core{margin:0 2em}}#community-back-btn,#community-next-btn{transition:.3s opacity ease-in-out}#community-next-btn{margin-top:1em}[id^=community-screen-]{transition:transform .5s ease-in-out,opacity .5s ease-in-out}[id^=community-screen-]:not(:first-child){transform:translateX(50%);opacity:0}[id^=community-screen-].fade-out-left{opacity:0;transform:translateX(-50%)}[id^=community-screen-][id^=community-screen-].fade-out-right{opacity:0;transform:translateX(50%)}.fade-out-left.fade-in-right,[id^=community-screen-].fade-in-right{opacity:1;transform:translateX(0)}[id^=community-screen-].fade-in-left{opacity:1;transform:translateX(0)}[id^=community-screen-]:not(:last-of-type)>div{border-top:1px solid #ccc;padding:1.5em 1em;width:100%}[id^=community-screen-]>div:last-child{margin-bottom:.5em}[id^=community-screen-]>div>:first-child{margin-top:0}[id^=community-screen-]>div>:last-child{margin-bottom:0}[id^=community-screen-] h2{font-size:var(--font-size-content-header);color:var(--primary-header-color)}[id^=community-screen-] p,[id^=community-screen-] ul{font-size:var(--font-size-content);color:var(--primary-text-color);margin-top:.5em;margin-bottom:.5em}#community-confirmation{border-top:1px solid #ccc;border-bottom:1px solid #ccc}#community-confirmation>div{display:flex}#community-confirmation>div:first-child{text-wrap:nowrap}[id^=community-confirm-]{flex-grow:1;text-align:right}#community-screen-loading{padding-top:3em}