body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.form{background-color:#fff}.content{align-items:"center";display:flex;justify-content:center;height:70vh}.form{border-radius:10px;padding:2rem;margin:2rem;box-shadow:0 0 10px 0 rgba(0,0,0,.2)}.title{color:#3498db}.secondary-action{padding:1rem 0}.link{font-weight:700}.link:active,.link:focus,.link:visited{color:#3498db}.button,.button:hover{background-color:#3498db!important}.gsi-material-button{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-appearance:none;background-color:#f2f2f2;background-image:none;border:none;border-radius:20px;box-sizing:border-box;color:#1f1f1f;cursor:pointer;font-family:"Roboto",arial,sans-serif;font-size:14px;height:40px;letter-spacing:.25px;outline:none;overflow:hidden;padding:0;position:relative;text-align:center;transition:background-color .218s,border-color .218s,box-shadow .218s;vertical-align:middle;white-space:nowrap;width:40px;max-width:400px;min-width:min-content}.gsi-material-button .gsi-material-button-icon{height:20px;min-width:20px;width:20px;margin:0;padding:10px}.gsi-material-button .gsi-material-button-content-wrapper{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;height:100%;justify-content:space-between;position:relative;width:100%}.gsi-material-button .gsi-material-button-contents{flex-grow:1;font-family:"Roboto",arial,sans-serif;font-weight:500;overflow:hidden;text-overflow:ellipsis;vertical-align:top}.gsi-material-button .gsi-material-button-state{transition:opacity .218s;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0}.gsi-material-button:disabled{cursor:default;background-color:hsla(0,0%,100%,.3803921568627451)}.gsi-material-button:disabled .gsi-material-button-state{background-color:rgba(31,31,31,.12156862745098039)}.gsi-material-button:disabled .gsi-material-button-contents,.gsi-material-button:disabled .gsi-material-button-icon{opacity:1%}.gsi-material-button:not(:disabled):active .gsi-material-button-state,.gsi-material-button:not(:disabled):focus .gsi-material-button-state{background-color:#001d35;opacity:1%}.gsi-material-button:not(:disabled):hover{box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15)}.gsi-material-button:not(:disabled):hover .gsi-material-button-state{background-color:#001d35;opacity:1%}@media screen and (min-width:768px){.content{justify-content:flex-end}.form{min-width:24rem}}.search-bar-container{width:80%;margin:auto;display:flex;flex-direction:column;align-items:center}.input-wrapper{background-color:grey;width:100%;border-radius:10px;height:2.5rem;padding:0 15px;box-shadow:8px 8px,8px #db0707;display:flex;align-items:center}input{background-color:initial;border:none;height:100%;font-size:1.25rem;width:100%;margin-left:5px}input:focus{outline:none}#search-icon{color:#4169e1}.results-list{width:17rem;background-color:#3498db;display:flex;flex-direction:column}.search-result{padding:10px 20px;background-color:#3498db;border:1px solid hsla(0,0%,98%,.986);border-radius:10px}.search-result:hover{cursor:pointer}body{font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0;align-items:center;justify-content:center;height:100vh;flex-direction:column}.chat-container,body{display:flex;overflow:hidden}.chat-container{min-width:100vw;min-height:100vh;max-width:100vw;max-height:100vh;margin:20px;border:1px solid #ccc;background-color:#000;box-shadow:0 4px 8px rgba(0,0,0,.1);border-radius:8px}.users-list{flex:1 1;border-right:1px solid #ccc;padding:20px;box-sizing:border-box;background-color:#000;color:#fff;border-top-left-radius:8px;border-bottom-left-radius:8px;display:flex;flex-direction:column;justify-content:space-between}.users-list-container{height:100%;overflow-y:scroll;scrollbar-color:grey grey}.users-list h2{font-size:1.5rem;margin-bottom:10px}.users-list ul{list-style:none;padding:0;margin:0}.user-item{display:flex;align-items:center;margin-bottom:8px;cursor:pointer;background-color:#3498db}.user-item.active{background-color:#cdebff;color:#4f4f4f;border-radius:5px}.user-item img{width:40px;height:40px;border-radius:50%;margin-right:10px}.user-item span{font-weight:700}.separator{height:1px;background-color:#ccc;margin:10px 0}.chat-area{flex:3 1;display:flex;flex-direction:column;padding:20px;box-sizing:border-box;border-top-right-radius:8px;border-bottom-right-radius:8px}.message{margin-bottom:5px;border-radius:5px}#chat-messages{display:flex;flex-direction:column;overflow-y:scroll;scrollbar-color:grey grey}.message p{padding:0 12px;border-radius:15px;word-wrap:break-word}.green-dot{position:relative;left:0;margin-left:30px;height:10px;width:10px;background-color:green;border-radius:50%;border:2px solid #fff}.sender{background-color:#3498db;color:#fff;align-self:flex-end}.receiver{background-color:#ecf0f1;color:#333;align-self:flex-start}.message-input{margin-top:auto;display:flex;color:#fff;background-color:grey}.message-input input{padding:10px;border:1px solid #3498db;border-radius:5px}.message-input button{padding:10px;border:none;background-color:#3498db;color:#fff;border-radius:5px;cursor:pointer}.user-form{max-width:400px;padding:40px;box-sizing:border-box;background-color:#fff;box-shadow:0 4px 8px rgba(0,0,0,.1);border-radius:8px}.user-form h2{font-size:1.5rem;margin-bottom:20px;text-align:center}.user-form label{display:block;margin-bottom:8px}.user-form input{width:100%;padding:10px 0;border:1px solid #ccc;border-radius:5px;margin-bottom:20px}.user-form button{padding:12px;border:none;background-color:#3498db;color:#fff;border-radius:5px;cursor:pointer;width:100%}.hidden{display:none}a.logout{color:#fff;text-decoration:none}
/*# sourceMappingURL=main.e38b261d.chunk.css.map */