*{margin:0;padding:0;box-sizing:border-box;transition:all .3s ease-in-out}body{width:100%;height:100vh}a{text-decoration:none;color:#fff}.app{background:url(/assets/all-bg-CgOrNDrf.jpg) no-repeat;background-position:center;background-size:cover}.chat-app-div{width:100%;height:100vh;display:flex;align-items:center;justify-content:center}.chat-app{width:90%;height:86%;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:4rem;border:2px solid white;display:flex;align-items:center;justify-content:center}.chat-app-left{height:100%;width:25%}.chat-app-left2{height:100%;width:33%}.chat-app-chat{height:100%;width:73%}.chat-app-chat2{height:100%;width:67%}.hide{display:none}.chat-app-right{height:100%;width:30%}@media (max-width : 600px){.chat-app-left{display:none}.chat-app-chat{width:100%}.chat-app-chat2{display:none}.chat-app-left2{width:100%}.chat-app-right{position:absolute;width:100%;background-color:#000;border-radius:2rem}}.left-outer-div{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.left-inner-div{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.left-top-block{color:#fff;height:10%;padding:1rem;width:100%;display:flex;align-items:center;justify-content:space-between}.left-top-block-logo-text{font-family:Bitcount Prop Single,system-ui;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"slnt" 0,"CRSV" .5,"ELSH" 0,"ELXP" 0;width:2rem}.left-top-block-logo-text{font-size:2rem;margin-left:1rem}.left-top-menu-container{position:relative;display:inline-block}.left-top-menu-container span i{font-size:1.8rem;cursor:pointer}.left-top-menu-container-menu-list{position:absolute;color:#fff;width:9rem;height:8rem;top:100%;right:25%;display:none;z-index:100000;border:2px solid black;border-radius:1rem;background-color:#000}.left-top-menu-container-menu-list p{cursor:pointer;font-size:1.3rem}.menu-list-hrline{width:90%}.left-top-menu-container:hover .left-top-menu-container-menu-list{display:block;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.serch-box-div{height:10%;width:100%;display:flex;align-items:center;justify-content:center}.src-all-contacts{width:10%;height:99%;display:flex;align-items:center;justify-content:center;padding-right:2rem}.src-all-contacts i{font-size:2rem;color:#fff}.searchbox{width:90%;height:99%;padding:1rem;display:flex;align-items:center;justify-content:center}.searchbox-input{width:90%;height:80%;border-radius:2rem;border:2px solid white;background:transparent;padding:1rem;color:#fff;font-size:1.3rem}.searchbox-input::placeholder{color:#fff}.left-user-div{width:100%;height:78%;display:flex;align-items:center;justify-content:center}.left-chat{width:98%;height:98%;display:flex;flex-direction:column;align-items:center;justify-content:start;overflow-y:scroll;scrollbar-width:none;gap:1.5rem}.left-chat-user{color:#fff;width:90%;min-height:5rem;display:flex;align-items:center;justify-content:center;gap:1rem;font-family:Bitcount Prop Single,system-ui;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"slnt" 0,"CRSV" .5,"ELSH" 0,"ELXP" 0}.left-chat-user-avatar{width:20%;display:flex;align-items:center;justify-content:center}.left-chat-user-avatar-img{aspect-ratio:1/1;width:3.5rem;object-fit:cover;border:2px solid rgb(147,7,207);border-radius:50%}.left-chat-user-info{width:90%;display:flex;flex-direction:row;align-items:start;justify-content:space-between}.green{color:green}.grey{color:gray}.left-chat-user-name{font-size:1.3rem;text-align:left}.left-chat-user-nickname{font-style:italic}.left-chat-user-unread{font-size:1rem;width:20%;display:flex;align-items:center;justify-content:center}.left-chat-user-unread-count{display:flex;align-items:center;justify-content:center;background-color:#8a2be2;border-radius:50%;width:2rem;height:2rem}.all-contacts-div{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.all-contacts-list{width:99%;height:90%;display:flex;flex-direction:column;align-items:start;justify-content:start;gap:.3rem;overflow-y:scroll;scrollbar-width:none}.all-contacts-list-user{width:90%;height:6rem;display:flex;align-items:center;justify-content:start;gap:1rem;color:#fff;padding:1rem;font-family:Bitcount Prop Single,system-ui;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"slnt" 0,"CRSV" .5,"ELSH" 0,"ELXP" 0}.all-contacts-user-img-div{width:15%;height:99%;display:flex;align-items:center;justify-content:center}.all-contacts-list-user img{width:3.5rem;aspect-ratio:1/1;border-radius:50%;object-fit:cover;border:2px solid rgb(147,7,207)}.all-contacts-list-user-name{width:70%;height:98%;display:flex;flex-direction:column;align-items:start}.all-contacts-list-name{font-size:1.4rem}.all-contacts-list-click-chat{font-style:italic}.all-contact-list-back{position:sticky;width:99%;height:5%;padding-left:1rem}.all-contact-list-back span{color:#fff;cursor:pointer;display:flex;align-items:center;gap:.6rem;font-family:Bitcount Prop Single,system-ui;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"slnt" 0,"CRSV" .5,"ELSH" 0,"ELXP" 0}.chat-div{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.chat{height:99%;width:99%;display:flex;flex-direction:column;align-items:center;justify-content:center}.chat-header{color:#fff;width:99%;height:9%;display:flex;align-items:center;justify-content:space-between;padding:1rem;font-family:Bitcount Prop Single,system-ui;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"slnt" 0,"CRSV" .5,"ELSH" 0,"ELXP" 0}.chat-header-left{display:flex;align-items:center;justify-content:center;gap:1rem}.chat-header-left-username{font-size:1.3rem}.chat-selected-user-status{font-size:.8rem}.chat-header-left img{aspect-ratio:1/1;width:3.5rem;object-fit:cover;border-radius:50%;border:2px solid rgb(147,7,207)}.chat-header-left-name{display:flex;flex-direction:column;align-items:start;gap:.3rem}.chat-header-right{width:16%;display:flex;align-items:center;justify-content:space-around;font-size:1.6rem;text-shadow:0 0 10px rgb(0,0,0)}.chat-header-right span{cursor:pointer;transition:all .3s ease-in-out}.chat-header-right span:hover{transform:scale(1.1)}.chat-header-bottom-line{margin-top:.7%;width:95%;height:.3%;background-color:#fff;border-radius:5rem}.chat-chatbox{width:99%;height:79%}.chat-send-div{width:99%;height:10%;display:flex;align-items:center;justify-content:center;font-family:Bitcount Prop Single,system-ui;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"slnt" 0,"CRSV" .5,"ELSH" 0,"ELXP" 0}.chat-send{padding:1rem;width:98%;height:98%;display:flex;align-items:center;justify-content:space-around;gap:.3rem}.chat-send input{height:80%;width:85%;padding:1rem;background:transparent;color:#fff;border:2px solid white;border-radius:5rem;font-size:1.35rem}.chat-send input::placeholder{color:#fff;font-family:Bitcount Prop Single,system-ui;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"slnt" 0,"CRSV" .5,"ELSH" 0,"ELXP" 0}.chat-send span{color:#fff;font-size:1.7rem;display:flex;align-items:center;justify-content:center;width:3.5rem;background-color:#8a2be2;height:3.5rem;border-radius:50%}.chat-send-emoji{position:relative;display:inline-block}.emoji-picker{position:absolute;bottom:120%;right:0;z-index:1000;border-radius:1rem;box-shadow:0 0 10px #0006}.chat-send-msg-send{padding-top:.4rem;padding-right:.2rem}.chat-chatbox{width:100%;height:80%;padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:start;gap:1rem;overflow-y:scroll;scrollbar-width:none;scroll-behavior:smooth}.chat-msg-1{width:fit-content;max-width:60%;background-color:#fff;color:#000;display:flex;justify-content:flex-end;align-self:flex-start;border-radius:2rem;padding:1rem;margin:.5rem 0}.chat-msg-2{width:fit-content;max-width:60%;background-color:#9c46f3;color:#fff;display:flex;justify-content:flex-start;align-self:flex-end;border-radius:2rem;padding:1rem;margin:.5rem 0}.no-user-chat-div{height:90%;width:90%;display:flex;align-items:center;justify-content:center;gap:2rem}.no-user-chat-div p{font-size:2rem;color:#fff}@media (max-width : 450px){.chat-header{padding:.3rem;width:85%}.chat-header-left{width:50%;justify-content:start}.chat-header-left img{width:2.7rem}.chat-header-left p{font-size:1.1rem}.chat-header-right{font-size:1.15rem;width:50%;justify-content:end;gap:.6rem}.chat-chatbox p{font-size:1.1rem}.chat-send-div{width:100%}}.user-profile-div{font-family:Bitcount Prop Single,system-ui;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"slnt" 0,"CRSV" .5,"ELSH" 0,"ELXP" 0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .3s ease-in-out}.user-profile{width:98%;height:98%;display:flex;flex-direction:column;align-items:center;justify-content:center}.user-profile-header{width:100%;height:10%;border-top-right-radius:4rem;display:flex;align-items:center;justify-content:end}.user-profile-header i{margin-right:1.5rem;font-size:2rem}.user-profile-header i:hover{transform:scale(1.1)}.user-profile-pic-div{width:100%;height:40%;display:flex;flex-direction:column;align-items:center;justify-content:center}.user-profile-pic-div img{aspect-ratio:1/1;width:10rem;border-radius:50%;border:2px solid rgb(191,0,249)}.user-profile-pic-div p{font-size:2.5rem}.user-profile-info-div{width:100%;height:50%;border-bottom-right-radius:4rem;display:flex;flex-direction:column;align-items:center;justify-content:start;gap:2rem}.user-profile-info{width:70%;display:flex;flex-direction:row;align-items:center;justify-content:start;gap:.4rem;font-size:1.2rem}.user-profile-info-div button{width:70%;height:10%;border-radius:4rem;border:none;background-color:#bf00f9;text-align:center;font-size:1.4rem;font-family:Bitcount Prop Single,system-ui;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"slnt" 0,"CRSV" .5,"ELSH" 0,"ELXP" 0;color:#fff}.user-profile-info-div button:hover{transform:scale(1.1)}.login-div{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;font-family:Bitcount Prop Single,system-ui;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"slnt" 0,"CRSV" .5,"ELSH" 0,"ELXP" 0}.login{width:70%;height:75%;border-radius:4rem;border:2px solid black;background:transparent;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center}.login-left{height:99%;width:50%;padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.login-left-txt{font-size:2rem;color:#fff}.login-right{height:99%;padding:1rem;width:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.login-right form{height:95%;width:95%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.4rem;background-color:#fff;box-shadow:0 0 15px #b847da;border-radius:4rem}.login-right form input{width:70%;height:7%;border-radius:4rem;padding:1rem;color:#000;font-size:1.12rem;font-family:Bitcount Prop Single,system-ui;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"slnt" 0,"CRSV" .5,"ELSH" 0,"ELXP" 0}.login-right form button{font-family:Bitcount Prop Single,system-ui;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"slnt" 0,"CRSV" .5,"ELSH" 0,"ELXP" 0;width:70%;height:6%;background-color:#b847da;border-radius:4rem;font-size:1.4rem}.login-right form button:hover{transform:scale(1.1)}.not-registered p a{color:#bf00f9}.loading-login{width:100%;height:100vh;display:flex;align-items:center;justify-content:center}.loading-login p{font-size:5rem;font-family:Bitcount Prop Single,system-ui;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"slnt" 0,"CRSV" .5,"ELSH" 0,"ELXP" 0;color:#fff;animation:loading 1s infinite ease-in-out}@media (max-width : 450px){.login{border-radius:2rem;width:80%;height:70%;flex-direction:column}.login-left{display:flex;align-items:center;justify-content:center;height:10%;width:100%;margin-top:1rem}.login-right{height:90%;width:99%;padding:.2rem}.login-right form{border-radius:1rem;height:70%;gap:3rem}.login-right form input,.login-right form button{width:80%;height:3rem}}.register-div{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;font-family:Bitcount Prop Single,system-ui;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"slnt" 0,"CRSV" .5,"ELSH" 0,"ELXP" 0}.register{width:70%;height:75%;border-radius:4rem;border:2px solid black;background:transparent;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center}.register-left{height:99%;width:50%;padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.register-left-txt{font-size:2rem;color:#fff}.register-right{height:99%;padding:1rem;width:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.register-right form{height:95%;width:95%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.4rem;background-color:#fff;box-shadow:0 0 15px #b847da;border-radius:4rem}.register-right form input{width:70%;height:7%;border-radius:4rem;padding:1rem;color:#000;font-size:1.12rem;font-family:Bitcount Prop Single,system-ui;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"slnt" 0,"CRSV" .5,"ELSH" 0,"ELXP" 0}.register-right form button{font-family:Bitcount Prop Single,system-ui;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"slnt" 0,"CRSV" .5,"ELSH" 0,"ELXP" 0;width:70%;height:6%;background-color:#b847da;border-radius:4rem;font-size:1.4rem}.register-right form button:hover{transform:scale(1.1)}.register-status{font-family:Bitcount Prop Single,system-ui;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"slnt" 0,"CRSV" .5,"ELSH" 0,"ELXP" 0;width:70%;height:7%;border:2px solid black;border-radius:4rem;padding:.5rem}.already-registered p a{color:#bf00f9}.avatar-picker-div{width:66%;height:5%;display:flex;align-items:center;justify-content:space-between}.choose-avatar-p{width:40%;height:20%;text-align:center;cursor:pointer;color:#bf00f9}.avatar-picker-p{width:60%;height:20%;font-size:1rem}.avatar-picker-box{position:absolute;width:100%;height:100vh;background:transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center}.avatar-picker{width:40%;height:60%;background-color:#fff;border-radius:4rem;border:2px solid rgb(191,0,249);box-shadow:0 0 10px #bf00f9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}.avatar-picker i{font-size:2rem;width:87%;display:flex;flex-direction:row-reverse;margin-top:.9rem;justify-content:end}.avatars-div{height:90%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;overflow-y:scroll;gap:4rem;padding:2rem;scrollbar-width:none}.avatar-pics{aspect-ratio:1/1;width:10rem;border-radius:50%;border:2px solid rgb(191,0,249)}.avatar-pic-preview{width:60px;aspect-ratio:1/1}.loading{width:90%;height:90%;display:flex;align-items:center;justify-content:center}.loading p{font-size:5rem;font-family:Bitcount Prop Single,system-ui;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"slnt" 0,"CRSV" .5,"ELSH" 0,"ELXP" 0;color:#fff;animation:loading 1s infinite ease-in-out}@keyframes loading{0%{opacity:1}50%{opacity:0}to{opacity:1}}@media (max-width : 600px){.register{border-radius:1rem;width:80%;height:70%;flex-direction:column}.register-left{display:flex;align-items:center;justify-content:center;height:10%;width:100%;margin-top:1rem}.register-right{height:90%;width:99%;padding:.2rem}.register-right form{border-radius:1rem;gap:1rem}.register-right form input,.register-right form select,.avatar-picker-div{font-size:.8rem;width:83%;height:2.3rem}.avatar-picker-div p{font-size:.77rem}.register-right form button{width:80%;height:3rem}}