body{background-image:url(b8b6cf7fd91ca9c89064.jpg);background-size:50%;height:100%;margin:0 auto;position:absolute;width:100%}#root{height:100%;justify-content:center}#root,.modal-container{align-items:center;display:flex;flex-direction:column}.modal-container{box-sizing:border-box;max-width:600px;padding:20px 35px;transform:translateY(-100vh);transition:all .8s ease-out}.modal-btn-submit,.modal-container{background-color:#fff;border:1.5px solid gray;border-radius:15px;width:100%}.modal-btn-submit{color:gray;cursor:pointer;font-size:1.7rem;margin-top:30px;max-width:400px;padding:10px;transition:1s}.modal-btn-submit:hover{background-color:gray;border:1.5px solid #000;color:#fff;transition:1s}.exit-chat-btn{background-color:#fff;border:1.5px solid gray;border-radius:15px;color:gray;cursor:pointer;font-size:1.1rem;margin-top:50px;max-width:150px;padding:10px;width:100%}.exit-chat-btn:hover{background-color:gray;border:1.5px solid #000;color:#fff;transition:1s}.modal-input-container{width:100%}.conatiner{align-items:start;flex-direction:row-reverse;max-width:1000px;transform:translateY(100vh);transition:all .8s ease-out}.conatiner,.modal-form{display:flex;width:100%}.modal-form{align-items:center;flex-direction:column}.modal-title{color:gray;font-size:2rem;font-weight:600;margin:0 0 40px}.modal-input{border:1.5px solid gray;box-sizing:border-box;padding:10px;width:100%}.modal-input:focus{outline:none}.send-message-input{border:1.5px solid gray;border-radius:15px;box-sizing:border-box;color:gray;font-size:1.4rem;padding:15px 10px;width:100%}.send-message-input::placeholder{color:gray}.send-message-input:focus{outline:none}.chat-container{background-color:#fff;border:1.5px solid gray;border-radius:15px;display:flex;flex-direction:column-reverse;height:800px;justify-content:space-between;max-width:800px;padding:20px;width:100%}.messages-list{list-style:none;padding:0}.date-name{color:gray;font-size:1rem}.messages-list-container{height:100%;max-height:800px;overflow-y:scroll}.essage-elem{align-items:start;display:flex;flex-direction:column}.message-elem_current-user .date-name{color:#e83b5d}.message-elem_current-user{align-items:end;display:flex;flex-direction:column}.message-time{margin-left:10px}.message{font-size:1.3rem}.list-users-exit-btn{text-align:center}.list-users-container{background-color:#fff;border:1.5px solid gray;border-radius:15px;border-bottom-right-radius:0;border-right:none;border-top-right-radius:0;box-sizing:border-box;margin-top:38px;max-height:400px;max-width:300px;overflow-y:scroll;padding:15px 25px;width:100%}.list-users{list-style:none;padding:0}.list-user-elem{color:gray;display:flex;font-size:1.3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:250px}.list-user-elem:not(:last-child){margin-bottom:10px}.list-user-elem_current-user{color:#e83b5d}.list-user-elem:before{border:1.5px solid gray;border-radius:50%;content:"";display:flex;margin-right:10px;min-height:20px;min-width:20px}.tooltip{display:block;font-family:inherit;font-size:.875rem;font-style:normal;font-weight:400;letter-spacing:normal;line-break:auto;line-height:1.5;max-width:176px;position:absolute;text-align:left;text-decoration:none;text-shadow:none;text-transform:none;white-space:normal;word-break:normal;word-spacing:normal;z-index:999;word-wrap:break-word;background-clip:padding-box;background-color:#df8a8a;border-radius:.9rem}.tooltip--top{margin-bottom:.5rem}.arrow{display:block;height:1px;position:absolute;width:1px}.tooltip--top>.arrow{bottom:calc(-.5rem + -1px)}.arrow:after,.arrow:before{border-color:transparent;border-style:solid;content:"";display:block;position:absolute}.tooltip--top>.arrow:before{bottom:2px}.tooltip--top>.arrow:after{border-top-color:#da7a7a;border-width:.5rem .5rem 0;bottom:2px}.tooltip-header{background-color:#da7a7a;border-bottom-left-radius:calc(.9rem - 1px);border-bottom-right-radius:calc(.9rem - 1px);border-top-left-radius:calc(.9rem - 1px);border-top-right-radius:calc(.9rem - 1px);color:#faebd7;font-size:1rem;margin:0;padding:8px 12px}