#root,body,html{height:100%}body{background-color:#1c1c1e;box-sizing:border-box;color:#fff;font-family:Poppins,sans-serif;margin:0;padding:0}h1{font-size:42px;margin:0 0 25px}.App{align-items:center;display:flex;height:100%;justify-content:center}.chat-window{background-color:#000;border-radius:15px;display:flex;height:80%;width:60%}.join-chat-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.chat-window-input{margin-bottom:10px;margin-left:auto;margin-right:auto;outline:none;padding:0 0 0 15px;width:185px}.chat-window-btn,.chat-window-input{border:0;border-radius:5px;font-family:Poppins,sans-serif;height:40px}.chat-window-btn{background-color:#007bff;color:#fff;cursor:pointer;font-weight:700;width:200px}.chat-window-btn:hover{filter:brightness(90%)}.chat-container{flex-direction:column;height:100%}.chat-container,.chat-header{display:flex;justify-content:space-between;width:100%}.chat-header{background-color:#000;border-bottom:1px solid grey;border-top-left-radius:15px;border-top-right-radius:15px;font-weight:700;height:40px}.chat-action{align-items:center;display:flex;justify-content:center;margin-left:10px}.chat-action-btn{border-radius:50%;cursor:pointer;height:12px;margin:0 4px;width:12px}.red{background-color:red}.yellow{background-color:orange}.green{background-color:green}.chat-header-title{display:grid;place-content:center;width:100%}.chat-body{background-color:#000;display:flex;flex-direction:column;height:100%;overflow:auto;padding:0 25px;scroll-behavior:smooth!important;scrollbar-width:none}.chat-body::-webkit-scrollbar{display:none}.chat-bubble{align-items:flex-start;border-radius:5px;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-top:5px;max-width:50%;overflow-wrap:break-word;text-align:left;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;word-break:break-word}.chat-bubble p{margin:0}.chat-bubble-message{border-radius:10px;font-size:14px;padding:5px 8px}.chat-bubble-meta{display:flex;margin-top:2px;width:100%}.you-meta{justify-content:flex-end}.other-meta{justify-content:flex-start}.chat-bubble-time{font-size:10px;margin-left:5px!important;margin-right:5px!important}.chat-bubble-author{font-size:10px}.you{align-self:flex-end}.other{align-self:flex-start}.you-message{background-color:#007bff;border-bottom-right-radius:0}.other-message{background-color:#1c1c1e;border-bottom-left-radius:0}.chat-footer{border-top:1px solid grey;display:flex;height:60px;position:relative;width:100%}.emoji-picker-btn{background-color:initial;border:0;cursor:pointer;outline:none;width:50px}.chat-input{background-color:#000;border:0;border-bottom-left-radius:15px;border-bottom-right-radius:15px;color:#fff;font-family:Poppins,sans-serif;outline:none;padding-left:15px;width:100%}.chat-send-btn{background-color:#007bff;border:0;border-bottom-right-radius:15px;color:#fff;cursor:pointer;font-size:22px;width:50px}@media screen and (max-width:768px){.chat-window{border-radius:0;height:100%;width:100%}.chat-window-input{height:50px;width:calc(90% - 15px)}.chat-window-btn{width:90%}.chat-input,.chat-send-btn{border-radius:0}}em-emoji-picker{border:0;bottom:55px;left:5px;position:absolute;width:300px}
/*# sourceMappingURL=main.d2187aa4.css.map*/