*{padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#root{background-color:#e9e9e9;font-family:Roboto,sans-serif;height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{min-height:100%}.centercenter{align-items:center;display:flex;justify-content:center}hr{border:1.34px solid #e9e9e9}a,button,input{border:none;color:#fff;text-decoration:none}a:hover,button:hover{cursor:pointer}input{color:#000}#login{background-color:#fff;min-height:100vh}#login,.signin{align-items:center;display:flex;flex-direction:column;justify-content:center}.signin{background:#0e2d3d;border:1px solid #393939;border-radius:7px;box-shadow:0 0 3px #000;margin:20px 0;max-width:300px;padding:12px 20px 51px}.signin h1{margin:0 auto}.signin img{border-radius:151px;width:136px}.file{cursor:pointer}#select-file{display:none}.signin label{margin:8px auto}.signin input{border:1.5px solid grey;border-radius:4px;color:#000;height:25px;width:260px}.signin button{background-color:#7dd9c2;margin-top:5px;width:267px}.create-button,.signin button{border:1.5px solid grey;border-radius:4px;height:30px}.create-button{align-items:center;background-color:#6caffe;color:#000;display:flex;font-weight:700;justify-content:center;margin:29px 0;padding:1px 53px}.home{background-color:#e9e9e9;display:flex;min-height:100%}.icons{margin-left:8px}.icons,.icons *{border-radius:100px}.icons *{background-color:#eee;color:#b9b9b9;font-size:1.3em;margin:0 3px;padding:12px}.contacts{background:#fff;display:flex;flex:1 1;flex-direction:column;min-height:100vh;min-width:300px}.contact{align-items:center;background:transparent;border-radius:10px;color:#000;display:flex;justify-content:space-between;margin:2px 6px;padding:9px 6px;transition:all .4s}.contact:hover{background-color:#e4e4e4;color:#000}.active{background-color:#0069ff!important;box-shadow:0 0 5px #000000a1;color:#fff!important}.contact-detail{margin-left:18px}.profile-img-container{align-items:center;box-shadow:0 0 4px 1px #0000003b;display:flex;height:60px;justify-content:center;min-width:60px;width:7%}.profile-img-container img{display:block;height:auto}.name-text{font-size:.93em;font-weight:bolder;text-align:left}.greeting-text{color:#bbb;font-size:.8em;margin-bottom:4px}.modal-container{background-color:rgba(0,0,0,.3);display:flex;height:100vh;left:0;position:absolute;top:0;width:100vw}.modal,.modal-container{align-items:center;justify-content:center}.modal{background-color:#fff;border-radius:10px;box-shadow:0 0 6px 1px #00000063;color:#000;padding:8px 2px}.question-mark-icon{text-align:right;width:100%}.question-mark-icon *{color:grey;cursor:pointer;margin-left:3px}.modal input{border-radius:100px;box-shadow:0 0 11px 1px #00000054;height:16px;padding:6px;width:290px}.copyId{display:flex}.copyId div{background:transparent;color:#00000088;cursor:pointer;font-size:1em;margin:0 10px}.error-display{color:red;margin:6px 0;min-height:16px;width:267px}.primary{background:blue;border-radius:5px;margin:7px 7px 0;padding:7px 20px}.secondary{background:#0000ffa8;border:3px solid blue;border-radius:5px;cursor:pointer;margin:7px 7px 0;padding:4px 13px}.modal{background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);display:flex;flex-direction:column;gap:16px;padding:20px;position:relative;width:320px}.question-mark-icon{align-items:center;display:flex;justify-content:space-between}.question-mark-icon svg{color:#555;cursor:pointer;height:24px;width:24px}.question-mark-icon svg:hover{color:#000}.confirmation-info{align-items:center;display:flex;flex-direction:column;gap:8px;text-align:center}.profile-img-container{border:2px solid #ddd;border-radius:50%;height:80px;overflow:hidden;width:80px}.profile-img-container img{height:100%;object-fit:cover;width:100%}.confirmation-info p{color:#333;font-size:.95rem;margin:0;word-break:break-all}.confirmation-buttons{display:flex;gap:12px;justify-content:flex-end}.confirmation-buttons button{border:none;border-radius:4px;cursor:pointer;font-size:.9rem;padding:8px 16px}.confirmation-buttons button:disabled{background:#ccc;cursor:not-allowed}.confirmation-buttons button:first-child{background:#007bff;color:#fff}.confirmation-buttons button:first-child:hover:not(:disabled){background:#0056b3}.confirmation-buttons button:last-child{background:transparent;border:1px solid #bbb;color:#555}.confirmation-buttons button:last-child:hover{background:#f5f5f5}@media (max-width:768px){.chat-container{height:auto!important;overflow-y:visible!important;padding-bottom:70px}.chat-input{bottom:0}.chat-input input{width:80vw!important}}@media (max-width:604px){.chat-input input{width:62vw!important}}.chats{flex:2 1;height:100vh;overflow-y:auto}.chat-container{height:77%;min-height:433px;overflow-x:hidden;overflow-y:auto}.chat-container::-webkit-scrollbar{width:10px}.chat-container::-webkit-scrollbar-track{background:#d1d1d1}.chat-container::-webkit-scrollbar-thumb{background:#888;border-radius:5px}.chat-container::-webkit-scrollbar-thumb:hover{background:#555}.simple-watermark{color:#999;min-height:250px}.simple-watermark,.watermark{align-items:center;display:flex;font-size:2em;height:100%;justify-content:center;text-align:center}.watermark{color:#80808038;min-height:312px}.watermark span{-webkit-transform:rotate(339deg);transform:rotate(339deg);z-index:-1}.mine{display:flex;justify-content:flex-end}.mine span{background-color:#4784de;border-radius:150px;border-top-right-radius:15px;color:#fff;margin:5px 7px;padding:3px 11px}.other{display:flex;justify-content:flex-start}.other span{background-color:#fff;border-radius:150px;border-top-left-radius:15px;color:#000;margin:5px 7px;padding:3px 11px}.chat-input{align-items:center;bottom:0;display:flex;justify-content:center;position:fixed;width:-webkit-fill-available}.form-msg-container{align-items:center;background:#fff;border-radius:61px;display:flex;font-family:Roboto,sans-serif;height:47px;justify-content:space-around;margin-bottom:8px;width:88%}.timestamp{font-size:.5em;margin:0 0 0 8px!important;padding:0!important}.chat-input input{color:#000;font-size:1em;margin:10px 5px;padding-left:9px;width:81%}.chat-input input:focus-visible{outline:none}.chat-input button{align-items:center;background:#4784de;border:2px solid #e9e9e9;border-radius:136px;display:flex;font-size:large;height:45px;justify-content:center;margin-left:9px;width:45px}.month-change{margin-top:10px;text-align:center}.month-change span{background-color:#fff;border-radius:24px;color:#00000073;padding:7px}.header{align-items:center;background-color:#fff;border-left:2.8px solid #e9e9e9;color:#000;display:flex;height:78px;justify-content:flex-end}.header button{background:transparent;color:red;font-size:1.1em;font-weight:700}.header a{margin:0 13px}.header a img{border-radius:200px;height:85px;transition:all .6s}.header a img:hover{-webkit-transform:scale(1.07);transform:scale(1.07)}
/*# sourceMappingURL=main.b0fd9bf5.css.map*/