*{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.App{background-color:#dadbd3;display:grid;height:100vh;place-items:center}.app__body{background-color:#ededed;box-shadow:-1px 4px 20px -6px #000;display:flex;height:90vh;width:90vw}.sidebar{background-color:#fff;flex:0.35 1;overflow-x:auto;overflow-y:scroll}.sidebar__header{background-color:#ededed;border-right:.0625rem solid #d3d3d3;display:flex;justify-content:space-between;padding:.625rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.sidebar__header .MuiAvatar-img{border-radius:40rem;height:2.45rem;width:2.5rem}.sidebar__headerRight{align-items:center;display:flex;justify-content:space-evenly;min-width:10vw}.sidebar__headerRight svg{color:#5c5b5b;font-size:1.12rem}.sidebar__headerRight .space{margin-right:.5rem}.sidebar__headerRight .spaceI{height:1rem;width:.1rem}.sidebar__search{align-items:center;background-color:#f6f6f6;display:flex;height:2.5rem;padding:.625rem}.sidebar__searchContainer{align-items:center;background-color:#fff;border-radius:.7rem;display:flex;height:2.187rem;width:100%}.sidebar__searchContainer svg{margin-left:4px;width:1.3rem!important}.sidebar__searchContainer input::-webkit-input-placeholder{word-wrap:break-word;font-size:.9rem!important;white-space:pre-wrap;word-break:break-word}.sidebar__searchContainer input{border:0;margin-left:.312rem;outline:0;width:100%}.sidebar__Chats{background-color:#fff;display:flex;flex-direction:column}.sidebar__chat{align-items:center;border-bottom:.0625rem solid #eaeaea;display:flex;padding:.625rem}.sidebar__chat:hover{background-color:#ebebeb;cursor:pointer}.sidebar__chatInfo{margin-left:.937rem}.sidebar__chatInfo h2{font-size:1rem}.sidebar__chatInfo p{font-size:.75rem}.sidebar__chat>h2{cursor:pointer;font-size:1.125rem;margin-left:.625rem}.sidebar__chat>.MuiAvatar-circular{height:1.875rem;width:1.875rem}.text__color{color:#201e1e;text-decoration:none}@media(max-width:700px){.sidebar__searchContainer svg{margin-top:.3rem}}@media(max-width:420px){.sidebar__searchContainer input::-webkit-input-placeholder{bottom:.01rem;font-size:.8rem!important;font-size:1rem!important;position:relative}}@media(max-width:300px){.sidebar__searchContainer input::-webkit-input-placeholder{bottom:.2rem;font-size:1rem!important;position:relative}.sidebar__header .MuiAvatar-img{border-radius:7rem;height:3.2rem;position:relative;right:.9rem;width:3.3rem}.sidebar__headerRight .space{left:.9rem;position:relative}.sidebar__headerRight .spaceI{left:.5rem;position:relative}}.chat{display:flex;flex:0.65 1;flex-direction:column}.chat .chat__header{align-items:center;border-bottom:1px solid #d3d3d3;display:flex;padding:.625rem}.chat__headerInfo{flex:1 1;margin-left:.625rem}.chat__headerInfo h3{font-size:1rem}.chat__headerInfo p{font-size:.75rem}.header__right{align-items:center;display:flex}.header__right svg{font-size:1.125rem}.chat__body{background-color:#000;background-image:url(/WhatsApp-Web-Clone/static/media/bgimg.bded4f44087fb4e89252.png);flex:1 1;overflow-y:auto;padding:1.562rem .625rem}.chat__body .chat__message{background-color:#fff;border-radius:.31rem;font-size:.875rem;margin-bottom:1.875rem;padding:.31rem;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.chat__name{font-size:.54rem;font-weight:700;left:.112rem;position:absolute;top:-1.125rem;width:5.7rem}.chat__time{font-size:.625rem;margin-left:.625rem}.chat__reciever{background-color:#d6f8c6!important;margin-left:auto}.chat__footer{align-items:center;display:flex;padding:.625rem}.chat__footer svg{color:gray;padding:.625rem}.chat__footer form{flex:1 1}.chat__footer form input[type=text]{border:0;border-radius:.312rem;height:2.5rem;outline:0;padding-left:.43rem;width:99%}.chat__footer .icon{height:2.5rem;margin-left:.687rem;width:5%}.chat__footer .sicon{height:2.5rem}.chat__footer .micon{margin-right:.625rem}.login__wrapper{display:grid;height:100vh;place-items:center}.login{background-color:#dfdfdf;border-radius:1.25rem;padding:1.25rem;text-align:center;width:25rem}.login img{width:6.25rem}.login h2{margin:1.25rem 0}.login button{background-color:#3fc350;border:0;color:#fff;cursor:pointer;letter-spacing:.125rem;margin-top:.625rem;padding:.625rem 1.25rem;text-transform:uppercase}
/*# sourceMappingURL=main.ef3df2b7.css.map*/