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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.admin{background-color:rgba(0,0,0,.2);color:#fff;font-weight:600;margin:10px;padding:10px 20px;position:absolute;width:210px}.admin span{color:#ff0}.admin button{background-color:transparent;border-width:0;color:#fff;cursor:pointer;font-size:large;left:210px;position:absolute}.error-bar{background-color:red;color:#fff;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:large;height:40px;position:fixed;text-align:center;width:100%}.Auth,.error-bar{align-items:center;display:flex;font-weight:600;justify-content:center}.Auth{background-color:#7878d7;font-size:18px;height:100vh}.Auth,.Auth form{flex-direction:column}.Auth form{background-color:#fff;border-radius:10px;display:flex;gap:20px;margin-top:-2%;padding:40px 60px}.Auth form .green{color:green}.Auth form .blue{color:blue}@media screen and (max-width:600px){.Auth form{background-color:hsla(0,0%,100%,.3);display:flex;height:100%;justify-content:center;margin-top:-50%;padding-bottom:50%;text-align:center;width:100%}}.Auth button.google-auth{align-items:center;background-color:#5d4deb;border:none;color:#fff;cursor:pointer;display:flex;font-weight:700;gap:5px;height:40px;justify-content:center;margin:20px;outline:none}.Auth button.google-auth:hover{background-color:#584dce}.Auth button.google-auth:active,.home{background-color:#7878d7}.home{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}.home .container{display:flex;height:90%;width:60%}@media screen and (max-width:1080px){.home .container{height:100%;width:100%}}.home .container .sidebar{background-color:rgba(0,0,0,.4);flex:1 1}.home .container .sidebar nav{background-color:rgba(0,0,0,.2);color:#fff;padding:10px 20px}.home .container .sidebar nav .user{align-items:center;cursor:pointer;display:flex;flex-direction:row;gap:10px}.home .container .sidebar nav .user img{border-radius:100px;height:45px;width:45px}.home .container .sidebar nav .user .email{color:hsla(0,0%,100%,.5);font-size:12px}.home .container .sidebar nav .user .logout{align-items:center;background-color:transparent;border:none;color:hsla(0,0%,100%,.5);cursor:pointer;display:flex;flex-direction:column;font-size:20px;margin-left:auto}.home .container .sidebar nav .user .logout:hover{color:#fff}.home .container .sidebar .search{align-items:center;display:flex}.home .container .sidebar .search i{color:#fff;margin:0 10px;position:fixed}.home .container .sidebar .search input{background-color:transparent;border:none;border-bottom:1px solid hsla(0,0%,100%,.2);color:#fff;outline:none;padding:10px 40px;width:100%}.home .container .sidebar .search input::-webkit-input-placeholder{color:hsla(0,0%,100%,.3)}.home .container .sidebar .search input::placeholder{color:hsla(0,0%,100%,.3)}.home .container .sidebar .friends-list{margin-top:10%}.home .container .sidebar .friends-list .friend{align-items:center;color:#fff;cursor:pointer;display:flex;flex-direction:row;gap:10px;margin:10px 0;padding:5px 20px}.home .container .sidebar .friends-list .friend:hover{background-color:rgba(0,0,0,.2)}.home .container .sidebar .friends-list .friend img{border-radius:100px;height:42px;width:42px}.home .container .sidebar .friends-list .friend .block{align-items:center;background-color:transparent;border:none;color:hsla(0,0%,100%,.5);cursor:pointer;display:flex;flex-direction:column;font-size:23px;margin-left:auto}.home .container .sidebar .friends-list .friend .block:hover{color:#fff}.home .container .sidebar .friends-list .friend .email{color:hsla(0,0%,100%,.5);font-size:12px}.home .container .sidebar .friends-list .friend .time-stamp{align-items:end;border:none;color:hsla(0,0%,100%,.5);cursor:pointer;display:flex;flex-direction:column;font-size:12px;margin-left:auto}.home .container .sidebar .friends-list .friend-focused{align-items:center;background-color:hsla(0,0%,100%,.05);color:#fff;cursor:pointer;display:flex;flex-direction:row;gap:10px;margin:10px 0;padding:5px 20px}.home .container .sidebar .friends-list .friend-focused img{border-radius:100px;height:42px;width:42px}.home .container .sidebar .friends-list .friend-focused .block{align-items:center;background-color:transparent;border:none;color:hsla(0,0%,100%,.5);cursor:pointer;display:flex;flex-direction:column;font-size:23px;margin-left:auto}.home .container .sidebar .friends-list .friend-focused .block:hover{color:#fff}.home .container .sidebar .friends-list .friend-focused .email{color:hsla(0,0%,100%,.5);font-size:12px}.home .container .sidebar .friends-list .friend-focused .time-stamp{align-items:end;border:none;color:hsla(0,0%,100%,.5);cursor:pointer;display:flex;flex-direction:column;font-size:12px;margin-left:auto}.home .container .chat{background-color:rgba(0,0,0,.15);flex:2 1}.home .container .chat nav{background-color:rgba(0,0,0,.2);color:#fff;display:flex;flex-direction:row;padding:10px 20px}.home .container .chat nav button.back{background-color:transparent;border-width:0;color:rgba(0,0,0,.6);font-size:30px;margin-left:auto;margin-top:10px}.home .container .chat nav .blank{height:45px;width:100%}.home .container .chat nav .profile{align-items:center;cursor:pointer;display:flex;flex-direction:row;gap:10px}.home .container .chat nav .profile img{border-radius:100px;height:45px;width:45px}.home .container .chat nav .profile .email{color:hsla(0,0%,100%,.5);font-size:12px}.home .container .chat nav .profile .logout{align-items:center;background-color:transparent;border:none;color:hsla(0,0%,100%,.5);cursor:pointer;display:flex;flex-direction:column;font-size:20px;margin-left:auto}.home .container .chat nav .profile .logout:hover{color:#fff}.home .container .chat .messages{height:calc(90% - 71px);overflow-y:scroll;padding:10px 20px;scroll-behavior:smooth}.home .container .chat .messages .message{align-items:flex-start;display:flex;flex-direction:column}.home .container .chat .messages .message .text{background-color:#6666f6;border-radius:0 10px 10px 10px;color:#fff;padding:8px 12px;width:-webkit-max-content;width:max-content}.home .container .chat .messages .message .time{color:rgba(0,0,0,.8);font-size:13px;margin:5px 5px 15px}.home .container .chat .messages .mine-message{align-items:flex-end;display:flex;flex-direction:column}.home .container .chat .messages .mine-message .text{background-color:#a4a4f2;border-radius:10px 0 10px 10px;color:#000;font-weight:600;padding:8px 12px;width:-webkit-max-content;width:max-content}.home .container .chat .messages .mine-message .time{color:rgba(0,0,0,.5);font-size:13px;font-weight:600;margin:5px 5px 15px}.home .container .chat .send-input{align-items:center;display:flex}.home .container .chat .send-input input{background-color:#fff;border:none;border-bottom:1px solid hsla(0,0%,100%,.2);color:#000;font-size:17px;height:42px;outline:none;padding:5px 20px;width:100%}.home .container .chat .send-input input::-webkit-input-placeholder{color:rgba(0,0,0,.3)}.home .container .chat .send-input input::placeholder{color:rgba(0,0,0,.3)}.home .container .chat .send-input button{align-items:center;background-color:#7878d7;border-color:#fff;border-style:solid;border-width:10px 20px;color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:600;height:53px;justify-content:center;outline:none;width:100px}.home .container .chat .send-input button:hover{background-color:#5353db}.home .container .chat .send-input button:active{background-color:#7878d7}.none{display:none}.column{display:flex;flex-direction:column}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2)}::-webkit-scrollbar-track{background:transparent}
/*# sourceMappingURL=main.9e05944f.css.map*/