*,body{margin:0}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{background-color:#ffffbf}.chat{display:flex;flex-direction:column;flex:0.65 1;height:100vh;background-color:#fcf7d5}@media (max-width:768px){.chat{flex:0.5 1;overflow:scroll}}.chat__mic{margin-left:15px;padding:2px}.chat__header{padding:20px;display:flex;flex-direction:row;flex-wrap:wrap;border-bottom:1px solid #d3d3d3;background-color:#ffffbf}.chat__header>h4{font-weight:500;font-size:medium;color:grey}.chat__headerRoomname{display:flex;position:relative;flex:1 1}.chat__headerRoomname>form>input{width:100%;outline:none;background-color:#ffffbf;border-width:0;margin-left:2px;padding:2px;font-size:medium}.chat__headerRoomname>form>button{position:absolute;right:10px;top:-12px;transform:scale(1.25);color:red}.chat__name{color:#000}.chat__input{display:flex;align-items:center;padding:10px 20px;border-top:1px solid #d3d3d3;background-color:#ffffbf}.chat__input>form{flex:1 1}.chat__messages{flex:1 1;overflow:scroll}.chat__messages::-webkit-scrollbar{display:none}.chat__messages{-ms-overflow-style:none;scrollbar-width:none}.chat__input>form>input{width:98%;outline-width:0;border:1px solid #d3d3d3;border-radius:999px;padding:10px;font-size:medium}.chat__input>form>button{display:none}.message{display:flex;align-items:center;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;justify-content:space-between;margin:15px}.message>p{background-color:#fff;font-size:medium;padding:15px;border-radius:20px;margin:10px auto 10px 10px}.message>small{font-size:10px;bottom:-8px}.message>small,.message__name{color:grey;position:absolute;right:0}.message__name{font-size:8px;top:1px}.message__sender{margin-left:auto}.message__sender>.message__photo{order:1;margin:15px}.message__photo{order:0;cursor:pointer}.message__sender>p{background-color:#fcad36;color:#fff}.imessage{display:flex}@media (max-width:768px){.imessage{flex-direction:column;overflow:scroll}}.sidebar{flex:0.35 1;height:100vh;display:flex;flex-direction:column;background-color:#ffffbf;border-right:1px solid #d3d3d3}@media (max-width:768px){.sidebar{flex:0.5 1;overflow:scroll}}.sidebar__header{display:flex;align-items:center;padding:10px;height:50px}.sidebar__header>img{width:10%;height:45px}.sidebar__avatar{cursor:pointer;margin:10px}.sidebar__input{display:flex;align-items:left;justify-content:left;flex:1 1;background-color:#e1e1e1;color:grey;border-radius:5px;padding:5px}.sidebar__newChat{color:#fabc5f;transform:scale(1.25)}.sidebar__newChat:hover{color:#fff}.sidebar__input>input{border:none;font-size:medium;background:transparent;outline-width:0;width:100%}.sidebar__chats{overflow:scroll}.sidebar__chats::-webkit-scrollbar{display:none}.sidebar__chats{-ms-overflow-style:none;scrollbar-width:none}.sidebarChat{display:flex;align-items:center;padding:20px;border-bottom:1px solid #d3d3d3;cursor:pointer}.sidebarChat:hover{background-color:#fabc5f;color:#fff}.sidebarChat__info{margin-left:15px;position:relative;width:100%}.sidebarChat__info>small{position:absolute;top:5px;right:0}.sidebarChat__info>p{color:#6b6764}.login{display:grid;place-items:center;height:100vh;width:100%}.login>div>img{object-fit:contain;height:150px}.login>button{width:20%;border-radius:10px;padding:15px;background-color:#fabc5f;color:#eff2f5;font-weight:800;font-size:medium;top:-150px}@media (max-width:768px){.login>button{width:50%;border-radius:10px;padding:10px;background-color:#fabc5f;color:#eff2f5;font-weight:800;font-size:small;top:2px}}.login>button:hover{background-color:#dcdcdc;color:#575451}.login__logo{margin-bottom:-150px}.login__logo>h1{align-items:center;color:#575451;font-family:"Thonburi-Bold"}
/*# sourceMappingURL=main.9eadd59c.chunk.css.map */