.steps-container{display:flex;padding-top:20px}.step{text-align:center;flex:1 1;cursor:default;position:relative}.step .line{height:0;border-width:1px;border-style:solid;position:absolute;top:calc(50% - 10px);left:calc(50% + 40px);width:calc(100% - 85px)}.step .circle{padding:16px 20px;display:inline-block;border-radius:50%;margin-bottom:12px}.step-active .circle{background:#3d84f5;color:#fff}.step-done .circle{background:#236ee8;color:#eee}.step-inactive .circle{background:#bbb;color:#000}.step-active .label{color:#000}.step-done .label{color:#222}.step-inactive .label{color:#888}.step-done .line{border-color:#3d84f5}.step-active .line,.step-inactive .line{border-color:#eee}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{max-width:100vw;font-size:16px;font-family:sans-serif}button,input{cursor:pointer}.App{width:100%;min-height:100vh;background-color:#1c2c4c;color:#4c768d;padding-top:60px}.nav-bar{padding:10px 30px;display:flex;align-items:center;justify-content:space-between;background-color:#4c768d;color:#242443;height:60px;position:fixed;left:0;top:0;width:100%;z-index:1}.sign-in{border:none;background-color:transparent}.sign-in>img{height:30px;width:auto}.sign-out{padding:5px 10px;border-radius:5px;color:#88dded;border:1px solid #1c2c4c;background-color:#1c2c4c;font-weight:600}.welcome{padding:30px;text-align:center;margin-top:40px;color:#7cc5d9}.welcome :is(h2,p,img){margin-bottom:20px}.messages-wrapper{padding:30px;margin-bottom:60px}.chat-bubble{border-radius:20px 20px 20px 0;padding:15px;background-color:#7cc5d9;color:#1c2c4c;width:-webkit-max-content;width:max-content;max-width:calc(100% - 50px);box-shadow:-2px 2px 1px 1px #4c768d;display:flex;align-items:flex-start;margin-bottom:20px}.chat-bubble.right{margin-left:auto;border-radius:20px 20px 0 20px;background-color:#fff;box-shadow:-2px 2px 1px 1px #88dded}.chat-bubble__left{width:35px;height:35px;border-radius:50%;margin-right:10px}.user-name{font-weight:700;margin-bottom:5px;font-size:.9rem;color:#1c2c4c}.user-message{word-break:break-all}.message-time{display:block;text-align:right}.send-message{position:fixed;bottom:0;width:75%;padding:20px 30px;background-color:#4c768d;display:flex}.send-message>input{height:40px;padding:10px;border-radius:5px 0 0 5px;border:none;flex-grow:1;background-color:#fff;color:#1c2c4c;font-size:1rem}.send-message>input:placeholder{color:#ddd}.send-message>:is(input,button):focus{outline:none;border-bottom:1px solid #7cc5d9}.send-message>button{width:70px;height:40px;padding:5px 10px;border-radius:0 5px 5px 0;color:#242443;border:1px solid #7cc5d9;background-color:#7cc5d9;font-weight:600}