*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--app-background:#eae6df;--app-background-deeper:#d1d7db;--app-body-background:#ededed}.app{background-color:#eae6df;background-color:var(--app-background);background-image:linear-gradient(180deg,#eae6df,#d1d7db);background-image:linear-gradient(180deg,var(--app-background),var(--app-background-deeper));display:grid;height:100vh;place-items:center}.app__body{background-color:#ededed;background-color:var(--app-body-background);box-shadow:-1px 4px 20px -6px rgba(0,0,0,.7);display:flex;height:90vh;max-width:1600px;width:90vw}.sidebarChat{border-bottom:1px solid #f6f6f6;cursor:pointer;display:flex;padding:20px}.sidebarChat:hover{background-color:#ebebeb}.sidebarChat__info{margin-left:15px}.sidebarChat__info h2{font-size:16px}.sidebarChat__info p{color:gray;font-size:14px;font-style:italic}.sidebar{border-right:1px solid #d3d3d3;display:flex;flex:.3 1;flex-direction:column}@media screen and (max-width:650px){.sidebar{display:none;flex:0 1}}.sidebar__header{background-color:var(--app-body-background);border-bottom:1px solid #d3d3d3;padding:20px}.sidebar__header,.sidebar__headerRight{display:flex;justify-content:space-between}.sidebar__headerRight{align-items:center;min-width:5vw}.sidebar__search{align-items:center;background-color:#f6f6f6;display:flex;height:39px;padding:10px}.sidebar__searchContainer{align-items:center;background-color:#fff;border-radius:5px;display:flex;height:35px;padding:0 15px 0 5px;width:100%}.sidebar__searchContainer .searchIcon{color:rgba(0,0,0,.54);padding:10px}.sidebar__searchContainer input{border:none;margin-left:10px;outline:none;width:100%}.sidebar__chats{background-color:#fff;flex:1 1;overflow-x:hidden;overflow-y:auto}.chat{display:flex;flex:.7 1;flex-direction:column}@media screen and (max-width:650px){.chat{flex:1 1}}.chat__header{align-items:center;background-color:var(--app-body-background);border-bottom:1px solid #d3d3d3;display:flex;padding:20px}.chat__headerInfo{flex:1 1;padding-left:20px}.chat__headerInfo h3{font-size:16px;font-weight:500}.chat__headerInfo p{color:gray;font-size:12px;font-style:italic}.chat__headerRight{display:flex;justify-content:space-between;min-width:100px}.chat__body{background:#efeae2;flex:1 1;position:relative}.chat__body .background,.chat__body .content{bottom:0;left:0;position:absolute;right:0;top:0}.chat__body .background{background-image:url(/static/media/background.39f53e74f66d348d9f7c.png);opacity:.4;z-index:1}.chat__body .content{overflow-x:hidden;overflow-y:auto;padding:30px 70px;z-index:2}.chat__body .content .messages{margin-bottom:20px}.chat__body .content .messages .message{background-color:#fff;border-radius:7.5px;box-shadow:0 1px .5px rgba(11,20,26,.13);margin-bottom:3px;max-width:65%;padding:8px 10px;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.chat__body .content .messages .message .text{font-size:14px}.chat__body .content .messages .message .timestamp{bottom:0;color:gray;float:right;font-size:11px;margin:10px 0 0 5px;position:relative;right:0}.chat__body .content .messages .message:after{clear:both;content:"";display:table}.chat__body .content .messages .message.own{background-color:#d9fdd3;margin-left:auto}@media screen and (max-width:650px){.chat__body .content{padding:25px}.chat__body .message{max-width:85%!important}}.chat__footer{align-items:center;background-color:var(--app-body-background);border-top:1px solid #d3d3d3;display:flex;justify-content:space-between;padding:15px 10px}.chat__footer form{display:flex;flex:1 1}.chat__footer form input{border:none;border-radius:8px;flex:1 1;margin:0 10px;outline:none;padding:10px 20px}.chat__footer form button{display:none}
/*# sourceMappingURL=main.3fc815ce.css.map*/