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}*{box-sizing:border-box}body{margin:0}:focus{outline:none}a{text-decoration:none}li{list-style:none}.app-container{display:grid;grid-template-rows:38px minmax(0,1fr);height:100vh}.app-main{display:grid;grid-template-columns:260px auto}@media (max-width:768px){.app-main{display:flex;flex-direction:column}}.login__container{width:100%;height:100vh;background-color:#f8f8f8;display:flex;justify-content:center;align-items:center}.login__content{background-color:#fff;padding:100px;border-radius:5px;box-shadow:0 1px 3px #000,0 1px 2px #000}.login__content--logo{display:flex;flex-direction:column;justify-content:center;align-items:center}.login__content--logo img{height:100px}.login__content--logo button{background-color:#0a8d48;color:#fff;border:none;height:40px;border-radius:4px;cursor:pointer;font-size:15px;padding:10px;margin-top:20px}.header__container{background-color:#350d36;color:#fff;height:38px;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 1px 0 0 hsla(0,0%,100%,.589)}.header__main{display:flex;margin:0 16px}@media (max-width:768px){.header__main{display:none}}.header__search--input{min-width:300px;margin:0 16px}.header__search--input>input{width:100%;border-radius:6px;background-color:transparent;border:none;padding:4px 8px;color:#fff;box-shadow:inset 0 0 0 1px #684a68}.header__user--container{display:flex;align-items:center;padding-right:16px;position:absolute;right:0}.header__user--name{padding-right:16px}.img-dropdown{width:29px;height:30px;object-fit:cover;border-radius:3px;border:2px solid #fff;cursor:pointer}.sidebar__container{background-color:#3f0e40}.sidebar__container__workspace{color:#fff;height:64px;display:flex;align-items:center;padding-left:19px;justify-content:space-between;border-bottom:1px solid #532753}@media (max-width:768px){.sidebar__container__workspace{display:none}}.sidebar__container__workspace--message{width:36px;height:36px;display:flex;justify-content:center;align-items:center;background-color:#fff;fill:#3f0e40;color:#3f0e40;border-radius:50%;margin-right:20px;cursor:pointer}.sidebar__main{padding-top:20px}@media (max-width:768px){.sidebar__main{display:none}}.sidebar__main--items{color:#bcabbc;display:grid;grid-template-columns:15% auto;height:28px;align-items:center;padding-left:19px;cursor:pointer}.sidebar__main--items:hover{background-color:#350d36}.sidebar__channel{color:#bcabbc;margin-top:10px}.sidebar__channel--new{display:flex;justify-content:space-between;height:20px;padding:0 0 19px 12px}.sidebar__channel--list-name{height:28px;display:flex;align-items:center;padding-left:19px;cursor:pointer}.sidebar__channel--list-name:hover{background-color:#350d36}.MuiSvgIcon-root{cursor:pointer}.body__container{display:grid;height:95vh;grid-template-rows:60px minmax(0,1fr);min-height:0}.body__header{padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(167,164,164,.856)}.body__header__channel--name{font-weight:700}.body__header__channel--info{font-weight:400;color:#606060;font-size:13px;margin-top:8px}.body__header__channelDetails{display:flex;align-items:center;color:#606060}.body__header__channelDetails>div{margin-right:10px}.body__message{display:flex;flex-direction:column;overflow-y:scroll}.chatInput__container{padding:0 20px 10px}.chatInput__input{border:1px solid #8d8d8e;border-radius:4px}.chatInput__input>form{display:flex;height:42px;align-items:center;justify-content:space-between;padding:0 10px}.chatInput__input>form>input{flex:1 1;border:none;font-size:13px}.chatInput__input>form>input:focus{outline:none}.chatInput__button{background-color:#007a5a;border-radius:2px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer}.chatInput__button .MuiSvgIcon-root{width:18px;color:#d9d9d9}.chatInput__button:hover{background-color:#148567}.chatMessage__container{padding:8px 20px;display:flex}.chatMessage__container:hover{background-color:hsla(0,0%,71.4%,.541)}.chatMessage__userPic{margin-right:8px}.chatMessage__userPic>img{width:36px;height:36px;border-radius:2px;overflow:hidden;object-fit:cover;display:flex;align-items:center}.chatMessage__messageContent--name{font-weight:900;font-size:15px;line-height:1.4}.chatMessage__messageContent--name>span{font-weight:400;color:rgb 97,96,97;margin-left:8px;font-size:12px}.select-channel{display:flex;justify-content:center;align-items:center;flex-direction:column}.select-channel>img{width:200px;height:auto}.select-channel>p{font-size:24px;font-weight:600;margin-top:20px}
/*# sourceMappingURL=main.8152d2ce.chunk.css.map */