body{margin:0;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}*{margin:0;padding:0;box-sizing:border-box}@media screen and (min-width:600px){html::-webkit-scrollbar{width:8px}html::-webkit-scrollbar-track{background-color:transparent;border-radius:10px}html::-webkit-scrollbar-thumb{background-color:#000;border-radius:10px}}@media screen and (min-width:600px){#friendslist::-webkit-scrollbar{width:4px}#friendslist::-webkit-scrollbar-track{background-color:transparent;border-radius:10px}#friendslist::-webkit-scrollbar-thumb{background-color:#000;border-radius:10px}}@media screen and (min-width:600px){#addedtolist::-webkit-scrollbar{width:4px}#addedtolist::-webkit-scrollbar-track{background-color:transparent;border-radius:10px}#addedtolist::-webkit-scrollbar-thumb{background-color:#000;border-radius:10px}}.conversation{color:#f8f8ff;height:100%;display:grid;grid-template-rows:50px 12fr auto;min-height:100vh}.hnav{display:flex;padding:10px;justify-content:space-between;border-radius:0 0 20px 20px;box-shadow:1px 4px 13px #000;align-items:center;position:-webkit-sticky;position:sticky;top:0;z-index:3}.hnav img{max-height:40px;border-radius:10%}.lnav{display:grid;grid-template-columns:6fr auto;width:100%;padding:15px;position:-webkit-sticky;position:sticky;bottom:0;z-index:3}.lnav form{min-height:30px;margin:0 15px}.lnav input{width:100%;height:100%;border:2px solid;text-align:center;border-radius:10px;outline:0}.dark .lnav input:focus{border:3px solid #f8f8ff}.light .lnav input:focus{border:3px solid #111213}.send{place-self:center;display:none}.messagesCnt h6{padding:10px}.messageFrom{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:20px;display:grid;grid-template-columns:minmax(20px,60px) auto minmax(20px,50px);align-items:center;grid-auto-flow:dense;justify-self:end;cursor:pointer;z-index:2}.messageFrom p{border-radius:25px;background-color:#03010d;padding:15px;grid-column:2}.messageFrom img{grid-column:3}.messageTo{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:20px;display:grid;grid-template-columns:minmax(20px,60px) auto minmax(20px,50px);align-items:center;cursor:pointer;z-index:2}.messageTo p{border-radius:50px;background-color:#f44336}.messagesCnt img{width:60px;border-radius:50%;padding:10px}p{word-break:break-all;padding:10px;border-radius:50px;position:relative}.messagesCnt{display:grid}@-webkit-keyframes typping{0%{opacity:1}50%{opacity:0}to{opacity:1}}@keyframes typping{0%{opacity:1}50%{opacity:0}to{opacity:1}}#istypiing{place-self:center;-webkit-animation:typping 2s infinite;animation:typping 2s infinite}@media screen and (min-width:760px){.lnav input{min-height:50px}.send{display:block}}.thumbup{position:absolute;bottom:-50%;background-color:#656060;border-radius:15px;padding:5px;font-size:12px;display:flex;align-items:center;transition:all .5s cubic-bezier(.65,.05,.36,1)}.thumbup svg{font-size:12px;color:#bd960e}.showThumb{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.hideThumb{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}#browse{width:30px;height:30px;-webkit-transform:translateX(-60px);transform:translateX(-60px);position:absolute;z-index:99;opacity:0}#wallper{border-radius:0;object-fit:cover;padding:0}#wallper,.eror{position:fixed;width:100%;height:100%}.eror{display:grid;justify-items:center}#cats,.eror{align-items:center}#cats{width:100%;height:100%;display:flex;justify-content:space-around}#cats svg{font-size:20vw}#backhome{border:solid;border-radius:10px;padding:10px;cursor:pointer}.light{background-color:#f8f8ff;color:#111213}.dark,.light{transition:all .4s cubic-bezier(.45,.05,.55,.95)}.dark{color:#f8f8ff;background-color:#111213}.dark .nav{background-color:rgb(12 12 15);color:#f8f8ff}.light .nav{background-color:#f8f8ff;color:#111213}.dark .friendsList{background-color:#111213;color:#f8f8ff}.light .friendsList{background-color:#f8f8ff;color:#111213}.dark input{color:#f8f8ff}.light #istypiing{color:#111213}.dark #istypiing{color:#f8f8ff}.addFriend{position:fixed;bottom:14px;right:14px;display:flex;flex-wrap:wrap;flex-direction:column;flex-direction:column-reverse;align-items:center;height:200px;justify-content:space-between}.svgs{box-shadow:0 0 4px 0;border-radius:50%;padding:5px;position:absolute;transition:all .4s cubic-bezier(.65,.05,.36,1);z-index:5}.myfriend{border-bottom:1px solid;display:flex;margin:3%;padding:30px;cursor:pointer}.friendInfo{width:100%;display:grid;justify-items:start;margin:10px}.myfriend img{border-radius:50%;width:60px;height:60px;place-self:center}.friendInfo h6{overflow:hidden;width:90%;text-overflow:ellipsis;color:grey;margin-top:5px}@-webkit-keyframes sk{0%{opacity:1}50%{opacity:0}to{opacity:1}}@keyframes sk{0%{opacity:1}50%{opacity:0}to{opacity:1}}.skeleton{-webkit-animation:sk 2s infinite;animation:sk 2s infinite}.dark .skel{background-color:#f8f8ff}.light .skel{background-color:#111213}.nav{height:8%;min-height:64px;width:100%;box-shadow:-1px 4px 20px #000;justify-items:center;grid-template-columns:1fr 3fr 1fr;border-radius:10px;padding:10px}.nav,.search{display:grid;align-items:center}.search{padding:5px;min-height:44px;grid-template-columns:5fr 1fr;border-radius:20px;cursor:pointer;border:solid}.search input{text-align:center;background-color:transparent;border:0;outline:0;height:100%}.settings{position:relative;display:flex}@media screen and (min-width:760px){.nav{padding:0}.search{padding:10px;margin:10px}}svg{font-size:30px;cursor:pointer}.login{position:fixed;width:100%;height:100%;display:grid;align-items:center;justify-items:center}.login img{position:absolute;height:100%}.loginButton{padding:15px;border:solid;cursor:pointer;border-radius:50px;display:flex;align-items:center;justify-content:space-evenly;min-width:200px;font-weight:700;align-self:end;margin-bottom:10px;z-index:4}.searchfriendCnt{height:100vh;display:grid;justify-items:center}.searchfriend{padding:5px;border-radius:20px;align-items:center;cursor:pointer;display:flex;justify-content:space-between;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:15px auto auto;border:solid}.searchfriend input{text-align:center;background-color:transparent;border:0;outline:0}#back{position:absolute;top:10px;left:10px}.friend{display:grid;justify-items:center;padding:25px;border-radius:15px;box-shadow:1px 1px 3px 2px #000}.friend img{border-radius:50%}#addFriendButton{padding:10px;width:100%;text-align:center;margin-top:15px;border-radius:10px;cursor:pointer;transition:all .1s linear}.dark #addFriendButton:hover{color:#111213;background-color:#f8f8ff}.light #addFriendButton:hover{color:#f8f8ff;background-color:#111213}@-webkit-keyframes loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loading{-webkit-animation:loading 2s infinite;animation:loading 2s infinite}.toast{position:fixed;width:80%;height:6%;bottom:10px;border-radius:50px;border:solid;display:grid;justify-items:center;align-items:center;transition:all .8s cubic-bezier(.68,-.55,.27,1.55);-webkit-transform:translateY(150%);transform:translateY(150%)}