@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap";.signUp_Container{width:100%;height:100vh;background-color:#151515;display:flex;align-items:center;justify-content:center}.signUp_witdhContainer{max-width:1600px;width:100%;display:flex;align-items:center;justify-content:center}.signUp_Container-Left{width:50%;height:100vh;padding:5% 2%;background-color:#282829;display:flex;align-items:center;justify-content:center}.signUp_Container-Right{width:50%;height:100vh;display:flex;padding:5% 2%;background-color:#282829;justify-content:center;align-items:center}.signUp_Container-Right_logo{width:300px;height:300px}.SignUp_form{width:400px;display:flex;justify-content:center;align-items:center;flex-direction:column}.formTitle{font-size:36px;color:#fff;font-weight:700}.formSubtitle{font-size:14px;padding:5px;color:#fff;font-weight:500;text-align:center}.pageSelect{width:100%;display:flex;justify-content:center;align-items:center;margin-top:10px}.activeSelect{padding:6px 10px;margin:0 2px;font-size:17px;color:#fff;font-weight:600;cursor:pointer;border-bottom:1px solid white}.passivSelect{padding:8px 10px;font-size:15px;margin:0 2px;color:#575050;font-weight:500;cursor:pointer}.Container{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#111}.widthContainer{display:flex;max-width:1600px;width:100%;height:100vh;padding:2%}.leftBox{width:20%;height:100%;margin-right:1%;background-color:#151515;border-radius:10px;display:flex;flex-direction:column;transition:width .5s ease}.rightBox{width:40%;height:100%;background-color:#151515;border-radius:10px;position:relative;flex-grow:1;display:flex;flex-direction:column;overflow:hidden}.chatHeader{display:flex;flex-direction:row;align-items:center}.profilPhoto{width:30px;height:30px;border-radius:20px;margin-right:10px}.chatHeaderLogo{width:25px;height:25px;border-radius:20px}.leftTopBox{width:100%;display:flex;justify-content:center;margin-top:5px}.leftTopLine{width:90%;height:.5px;background-color:#484848;margin:0% 5%}.messageContent{color:#f7dfdf;font-size:15px;margin-left:41px}.aiName,.userName{font-size:17px;padding-bottom:5px}.leftMidBox{width:100%;display:flex;flex-grow:1;justify-content:center;margin-top:10px}.messageContainer{animation:fadeIn .5s forwards ease-in-out;opacity:0;transform:translateY(10px)}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}.leftBottomBox{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:10px}.leftButton{display:flex;flex-direction:row;align-items:center;width:90%;height:40px;margin:7px 0;cursor:pointer;background-color:transparent;border:none}.leftButton:active{opacity:.8}.leftButtonIcon{color:#fff;width:22px;height:22px;margin:5px}.leftButtonText{color:#fff;font-size:15px;margin:0 8px;min-width:150px;text-align:left}.openClose{position:absolute;width:5px;height:25px;top:50%;left:10px;cursor:pointer;margin:3px}.openClose:hover{background-color:#6096ff;border:1px solid #6096FF;border-radius:3px}.leftBox.collapsed{width:5%}.leftBox.collapsed{width:50px}.leftBox.collapsed .leftButtonText{display:none}.leftBox.collapsed .leftButton{display:flex;align-items:center;justify-content:center}.leftBox.collapsed .leftTopBox{justify-content:center;align-items:center;margin-top:5px}.rightBoxTop{width:94%;height:100%;margin:1% 3%;display:flex;flex-direction:column;justify-content:space-between}.rightBoxTop.closeRightBoxTop{display:none}.rightBoxBottom{width:94%;min-height:75px;margin:1% 3%;flex:1}.rbtconTitle{margin:5px -15px;width:90%}.rbtconTitleText{font-size:18px;font-weight:500;color:#fff;opacity:.7}.rbtconSubtitle{height:100%;justify-content:center;flex-direction:column;display:flex;align-items:center;margin-top:8%}.rbtconSubtitleLogo{width:65px;height:65px;opacity:.7}.rbtconSubtitleText{color:#fff;font-size:20px;font-weight:600;padding:10px}.rbtcolTitleText{font-size:12px;color:#fff;font-weight:400}.rbtcolColonium{display:flex;flex-direction:row}.rightBoxHidden{width:94%;margin:35px 3% 10px;height:1%;flex-direction:column;display:none;overflow-y:auto;scrollbar-color:#ff0000}.rightBoxHidden::-webkit-scrollbar{width:3px}.rightBoxHidden::-webkit-scrollbar-thumb{background-color:#6096ff;border-radius:20px;border:3px solid #adc6f8}.rightBoxHidden.aiActive{display:flex!important;height:100%!important;border-radius:10px;background-color:#151515;padding-bottom:80px;position:relative}.aiBox{width:90%;margin:15px 5%;display:flex;flex-direction:column}.aiName{color:#6096ff;font-weight:600}.aiChat{color:#fff;font-weight:400;margin-left:5px;font-size:15px;display:flex;flex-direction:row}.userBox{width:90%;margin:15px 5%;display:flex;flex-direction:column}.userName{color:#adc6f8;font-weight:600}.userChat{color:#fff;font-weight:400;margin-left:5px;font-size:15px}.RightBoxBottomInputBox{width:100%;height:55px;border-radius:15px;background-color:#191919;display:flex;align-items:center}.RightBoxBottomInputBox button{background-color:transparent;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;width:30px;height:30px}.RightBoxBottomInputBox button:active{opacity:.8}.inputLeftIcon{width:16px;height:16px;margin-left:15px}.inputLeftIcon:hover{background-color:gray}.inputRightIcon{width:22px;height:18px;position:relative;margin-right:15px}.inputMid{flex-grow:1}.inputMid textarea{width:96%;margin:15px 2% 0;height:35px;color:#fff;background-color:transparent;border:none;outline:none;font-size:14px}.inputMid textarea:focus+.inputLeftIcon{color:#00f!important}.secondWindow{position:absolute;top:15px;right:20px;background-color:transparent;border:none;cursor:pointer}.secondWindow:active{opacity:.8}.secondWindowButtom{color:#fff;height:20px;width:20px}.suggestionBox{width:260px;height:60px;background-color:#1e1f20;margin:10px 15px 10px 0;border-radius:10px;display:flex;border:none;cursor:pointer}.suggestionBox:active{opacity:.9}.suggestionLogoBox{width:60px;height:60px;display:flex;align-items:center;justify-content:center}.suggestionLogo{color:#fff;width:25px;height:25px}.suggestionText{width:200px;height:60px;padding:10px;display:flex;align-items:center;margin-left:-10px}.suggestionTextContent{color:#fff;font-size:11px;text-align:left}.rightAdditional{width:0%;transition:width .5s ease;border-radius:10px!important;background-color:#151515;border-radius:15px;margin-left:15px;overflow:hidden}.rightAdditional.expanded{width:30%;transition:width .5s ease;border-radius:10px;margin-left:15px;background-color:#151515}.rightAdditionalContainer.expanded{width:100%;height:100%;border-radius:10px}.rightAdditionalLink{display:none}.rightAdditionalLink.expanded{width:100%;display:flex;height:40px;align-items:center;border-radius:10px;margin-top:5px}.rightAdditionalLinkItem{width:50%;display:flex;align-items:center;justify-content:center}.rightAdditionalLinkItem button{background-color:transparent;border:none;font-size:18px;font-weight:600;color:#fff;cursor:pointer}.rightAdditionalLinkItem button:active{opacity:.8}.rightAdditionalContent{width:100%;height:93%;background-color:#151515;display:flex;flex-direction:row}.rightAdditionalLeftContent{width:100%;height:100%;background-color:#fff;margin-right:2px;transition:width .5s ease}.rightAdditionalLeftContent.rightOpen{width:0%}.rightAdditionalRightContent{width:0%;height:100%;background-color:#151515;transition:width .5s ease}.rightAdditionalRightContent.rightOpen{width:100%}textarea{overflow:scroll;scrollbar-width:none;-ms-overflow-style:none}textarea::-webkit-scrollbar{display:none}.rightContent{padding:5px;width:100%;display:flex;flex-direction:column}.rightContent p{font-size:11px}.rightContent b{font-weight:600}.numItalic{display:inline;font-style:italic}.comanderPhoto{width:200px;height:200px;margin:10px;border-radius:15px}.LoadingLogo{animation:spin 6s ease-in-out infinite;width:30px;height:30px}.loadingContainer{display:flex;height:30px;width:30px;position:absolute;justify-content:center;align-items:center;bottom:20%;left:50%;transform:translate(-50%)}@keyframes spin{0%{transform:rotate(0)}25%{transform:rotate(180deg)}50%{transform:rotate(360deg)}75%{transform:rotate(540deg)}to{transform:rotate(720deg)}}*{padding:0;margin:0;box-sizing:border-box;font-family:Quicksand,sans-serif;font-weight:400}