.root{margin:0}#app{top:0}.main__window{margin-left:20%;margin-right:20%;display:flex;flex-direction:row;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.main__window aside nav{display:flex;flex-direction:row;height:58px}.main__window aside .friends{background-color:#111b21;-ms-overflow-style:none}.friends::-webkit-scrollbar{display:none}.active-chat{background-color:#1e2a31}.active-chat img{width:100%;height:calc(100vh - 68px)}.side-list{width:400px!important;min-width:400px!important;overflow-y:scroll;overflow-x:hidden;height:100vh;background-color:#111b21}main{width:100%;height:100vh;background-color:#111b21}.profile__links{display:flex;flex-direction:row;width:50%;justify-content:center;align-items:center}.friend__links{float:right;padding:15px}.user__profile{width:50%;height:100%;display:flex;flex-direction:row;align-items:center;cursor:pointer}.user_chat{height:58px}.friend__profile{float:left}.user__profile .img__circle{width:40px;height:40px;border-radius:50%;background-color:#000;margin-left:10%}.friend__profile .img__circle{width:40px;height:40px;border-radius:50%;background-color:#000;margin-left:3%}.profile__links i{margin-left:15%;color:#818181;font-size:1.4em;cursor:pointer}.friend__links svg path{fill:gray}.side-list::-webkit-scrollbar{width:6px!important;height:6px!important;background-color:transparent}.side-list::-webkit-scrollbar-thumb{height:6px!important;background:#373F44}.side-list::-webkit-scrollbar-track{margin-top:58px}.center{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;color:#fff}.friend__bar__chat{display:flex;flex-direction:row;width:100%;cursor:pointer}.friend__bar__chat .left{display:flex;flex-direction:row;width:80%}.friend__bar__chat .left .image{display:flex;flex-direction:row;justify-content:center;align-items:center;min-width:15%;padding:5px}.friend__bar__chat .left .details{display:flex;flex-direction:column}.friend__bar__chat{border-bottom:#222D34 .5px solid}.friend__bar__chat .left .details .username{display:flex;flex-direction:column;justify-content:flex-end;height:50%}.username b{color:#fff}.friend__bar__chat .left .details .current__msg{display:flex;flex-direction:column;justify-content:flex-end;height:50%}.friend__bar__chat .left .details .current__msg i{font-size:1em}.friend__bar__chat .left .details .current__msg p{font-size:1em;color:#689694}.friend__bar__chat .right{display:flex;flex-direction:column;width:20%}.friend__bar__chat .right .time,.friend__bar__chat .right .ticks{display:flex;flex-direction:column;justify-content:flex-start;width:100%;height:50%}.friend__bar__chat .left .image .img__circle{width:49px;height:49px;border-radius:50%;background-color:#000}.img__circle img{width:100%;height:100%}.ticks,.ticks svg path{margin-top:10%;margin-left:45%;fill:#8696a0!important}.time p{margin-top:20px!important;margin-left:35%!important;font-size:12px;color:#8696a0!important}p{color:#8696a0}.seen{color:#1e90ff}.sent,.received{color:gray}.search__bar.svelte-1vzjmpn.svelte-1vzjmpn{display:flex;flex-direction:row;align-items:center;background-color:#111b21}.search.svelte-1vzjmpn.svelte-1vzjmpn{display:flex;flex-direction:row;justify-content:center;align-items:center;height:50px;width:100%;border-radius:20px;margin:1% 4%;background-color:#202c33;transition:all .1s ease-in-out}.search.svelte-1vzjmpn input[type=search].svelte-1vzjmpn{color:#536169;border:none;width:70%;height:90%;outline:none;display:flex;align-items:center;justify-content:center}.search.svelte-1vzjmpn svg path.svelte-1vzjmpn{color:#536169!important;display:flex;align-items:center}