*{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";color:#e8e8e8;border-color:beige;margin:0;padding:0;box-sizing:border-box}input,button{background:#101010}body{background:#101010;overflow-x:hidden}*::-webkit-scrollbar-thumb{background-color:#323232;border-radius:14px}*::-webkit-scrollbar{border-radius:14px;width:6px;background:transparent}button:hover{cursor:pointer}.input label{pointer-events:none!important}.loader-center{display:flex;align-items:center;justify-content:center;min-height:90vh;flex-direction:column}.notfound-container{background-color:#000;color:#fff;height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column}.notfound-content{text-align:center;animation:fadeIn 1s ease-in-out}.notfound-title{font-size:3rem;margin:0;color:#4169e1;text-shadow:0 0 20px royalblue}.notfound-subtitle{font-size:1.5rem;margin-bottom:20px;color:#ccc}.notfound-link{display:inline-block;padding:12px 24px;color:#4169e1;border:2px solid royalblue;text-decoration:none;border-radius:9px;transition:background .3s ease,color .3s ease}.notfound-link:hover{background:#4169e1;color:#000}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}:root{--svg-fill: white}.signup-component .input input:empty~label,.signup-component .input label{all:unset;position:absolute;font-size:16px;padding:0 4px;background:transparent!important;left:18px;top:17px;transition:all .4s ease;will-change:font,left,top;color:#767676}.signup-component .input input:focus~label{left:18px;top:-1px;font-size:12px;color:#fff;background:#191919!important}.signup-component .input input:not(:placeholder-shown)~label{left:18px;top:-1px;font-size:12px;color:#fff;background:#191919!important}.input{position:relative;margin:18px 0;padding:8px;background:transparent!important}.sign-lines>span{opacity:0;border-radius:24px;transition:all .8s ease}.sign-lines{position:relative;overflow:hidden}.sign-lines:hover span{opacity:1;transition:all .8s ease}.sign-lines>span:nth-child(1){position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,#0c002b 1%,#17c1ff);animation:anim1 9s linear infinite}.sign-lines>span:nth-child(2){position:absolute;top:0;right:0;width:.05em!important;height:100%;background:linear-gradient(180deg,#0c002b 1%,#17c1ff);animation:anim2 9s linear infinite;animation-delay:13.5s}.sign-lines>span:nth-child(3){position:absolute;bottom:0;left:0;width:100%;height:.05em;background:linear-gradient(90deg,#0c002b 1%,#17c1ff);animation:anim1 9s linear infinite;animation-delay:13.5s}.sign-lines>span:nth-child(4){position:absolute;top:0;left:0;width:1px;height:100%;background:linear-gradient(180deg,#0c002b 1%,#17c1ff);animation:anim2 9s linear infinite}.inner-signup.lines>span:nth-child(2){width:.05em}.signup-component{position:relative}.sign-text{position:absolute;top:50px;right:90px}.sign-right{z-index:23;all:unset;min-width:400px;padding-left:50px;margin-right:100px;position:absolute;overflow:hidden;top:130px;right:9%;float:right;border-radius:5px;background-color:#191919;box-shadow:0 0 16px 1px #393939;transition:all .4s ease}.sign-right:hover{box-shadow:0 0 22px 4px #141414;transform:translate(3px)}.singup-logo{z-index:12;position:absolute;top:360px;left:446px}.singup-logo svg{fill:var(--svg-fill)}.inner-signup{border-radius:3px;background:#191919;padding:14px}.back{position:absolute;top:100px;left:17%;border-radius:3px;padding:0;border:1px solid #013448}.back:hover{border-color:transparent}.image-svg{width:700px;height:462px;padding:50px 20px 20px}.image-svg svg g path{transition:ease all .4s}.image-svg:hover{--svg-fill: white}.image-svg:hover svg g path:nth-child(n+1):nth-child(-n+7),.image-svg:hover svg g path:nth-child(42),.image-svg:hover svg g path:nth-child(10){transition:ease all .4s;fill:#02a2dc}.image-svg svg g path:nth-child(n+17):nth-child(-n+28),.image-svg svg g path:nth-child(n+30):nth-child(-n+41){fill:#bfeeff}.sign-power-text{position:absolute;right:10px;top:680px}.sign-power-text h1{font-size:12px;font-weight:600}.sign-power-text h1 svg{width:16px;height:16px;margin-left:8px}@media only screen and (max-width: 1000px){.sign-right{right:-100%}.singup-logo svg{display:none}}@media only screen and (max-width: 600px){.sign-right{right:1%}}@media only screen and (max-width: 700px){.sign-right{right:1%}}@media only screen and (max-width: 900px){.sign-right{right:1%}}.landing-page-component{width:100vw;min-height:90vh;padding:6px}.lp-top-title{padding:10px;border-bottom:1px solid rgb(52,52,52)}.lp-top-inner h1{font-size:40px;background:linear-gradient(to left,#fffdfd 1%,#1a77ef 60%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.lp-top-inner span{-webkit-text-fill-color:white;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes appname{0%,to{background:linear-gradient(to left,#fffdfd,#1a77ef)!important}50%{background:linear-gradient(to right,#fffdfd,#1a77ef)!important}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5;color:#4169e1}}.lp-subtext{padding:10px}.lp-subtext-inner{position:relative}.lp-subtext-inner span{font-size:20px;font-weight:500}.lp-center-part-position{position:absolute;pointer-events:none;width:100%;height:100vh;top:-50px;background:linear-gradient(transparent 40%,#101010);z-index:99}.lp-center-part{background-color:#111;background-image:linear-gradient(32deg,rgba(0,0,0,.74) 30px,transparent);background-size:60px 60px;background-position:-5px -5px;padding:6% 0;display:flex;flex-direction:column;align-items:center;min-height:80vh;gap:66px}.lp-down-arrow{cursor:pointer;margin-top:90px;justify-self:end}.l-p-down-arrow-inner{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;animation-delay:.3s}.lp-second-center{margin:50px 0;display:flex;align-items:center;flex-direction:column;justify-content:center}.main-class-reactbits{padding:.125rem .5rem;background-color:#4e98ff;overflow:hidden;display:flex;justify-content:center;border-radius:.5rem}.main-class-reactbits *{color:#000}.split-level-class{overflow:hidden;padding-bottom:.125rem}.lp-grid-outer{padding:40px;display:flex;justify-content:center;align-items:center}.lp-grids{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;justify-content:center;padding:20px;gap:60px}.lp-each-grid{padding:16px;transition:.2s ease-in}.custom-class{transition:.2s ease-in}.custom-class:hover{background-color:#4169e1!important}.grid-svg{padding:8px}.grid-svg svg{transition:.2s ease-in}.grid-svg:hover svg{transform:scale(1.2)}.grid-title{font-size:23px;padding:8px}.grid-subtext{font-size:16px;padding:8px}.lp-join-text{padding:40px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:50px;margin:40px 0}.lp-shadow-effect{background-color:#2b2b2b;padding:35px;border-radius:9px;box-shadow:0 1px 16px 8px #0b103a74}.join-text-inner{font-size:26px}.lp-btn-started button{margin:0 30px;text-transform:none}.join-button{position:relative;margin:auto;padding:12px 18px;transition:all .2s ease;border:none;background:none;cursor:pointer}.join-button:before{content:"";position:absolute;top:0;left:0;display:block;border-radius:50px;background:#adadad;width:45px;height:45px;transition:all .3s ease}.join-button span{position:relative;font-family:Ubuntu,sans-serif;font-size:18px;font-weight:700;letter-spacing:.05em;color:#258cf4}.join-button svg{position:relative;top:0;margin-left:10px;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke:#234567;stroke-width:2;transform:translate(-5px);transition:all .3s ease}.join-button:hover:before{width:100%;background:#b3bbd4}.join-button:hover svg{transform:translate(0)}.join-button:active{transform:scale(.95)}.text-rotate{display:flex;flex-wrap:wrap;white-space:pre-wrap;position:relative;transition:all .1s ease;font-size:40px}.text-rotate-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-rotate-word{display:inline-flex;font-size:40px}.text-rotate-lines{display:flex;flex-direction:column;width:100%}.text-rotate-element{display:inline-block}.text-rotate-space{white-space:pre}.star-border-container{display:inline-block;padding:1px 0;position:relative;border-radius:20px;overflow:hidden}.border-gradient-bottom{position:absolute;width:300%;height:50%;opacity:.7;bottom:-11px;right:-250%;border-radius:50%;animation:star-movement-bottom linear infinite alternate;z-index:0}.border-gradient-top{position:absolute;opacity:1;width:300%;height:50%;top:-10px;left:-250%;border-radius:50%;animation:star-movement-top linear infinite alternate;z-index:0}.inner-content{position:relative;background:linear-gradient(to bottom,#060606,#111);border:1px solid #222;color:#fff;font-size:16px;text-align:center;padding:16px 26px;border-radius:20px;z-index:1}@keyframes star-movement-bottom{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes star-movement-top{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.parent-uibox{width:290px;height:300px;perspective:1000px}.card-uibox{height:100%;border-radius:50px;background:linear-gradient(135deg,#434343,#aec7b8);transition:all .5s ease-in-out;transform-style:preserve-3d;box-shadow:#05471100 40px 50px 25px -40px,#05471133 0 25px 25px -5px}.glass-uibox{transform-style:preserve-3d;position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:55px 100% 55px 55px;background:linear-gradient(0deg,#00000059,#050505d0);transform:translateZ(25px);border-left:1px solid white;border-bottom:1px solid white;transition:all .5s ease-in-out}.content-uibox{padding:100px 60px 0 30px;transform:translateZ(26px)}.content-uibox .title-uibox{display:block;color:#00894d;font-weight:900;font-size:20px}.content-uibox .text-uibox{display:block;color:#00894ec3;font-size:15px;margin-top:20px}.bottom-uibox{padding:10px 12px;transform-style:preserve-3d;position:absolute;bottom:20px;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between;transform:translateZ(26px)}.bottom-uibox .view-more{display:flex;align-items:center;width:40%;justify-content:flex-end;transition:all .2s ease-in-out}.bottom-uibox .view-more:hover{transform:translateZ(10px)}.bottom-uibox .view-more .view-more-button{background:none;border:none;color:#00c37b;font-weight:bolder;font-size:12px}.bottom-uibox .view-more .svg{fill:none;stroke:#00c37b;stroke-width:3px;max-height:15px}.bottom-uibox .social-buttons-container{display:flex;gap:10px;transform-style:preserve-3d}.bottom-uibox .social-buttons-container .social-button{width:30px;aspect-ratio:1;padding:5px;background:#fff;border-radius:50%;border:none;display:grid;place-content:center;box-shadow:#05471180 0 7px 5px -5px}.bottom-uibox .social-buttons-container .social-button:first-child{transition:transform .2s ease-in-out .4s,box-shadow .2s ease-in-out .4s}.bottom-uibox .social-buttons-container .social-button:nth-child(2){transition:transform .2s ease-in-out .6s,box-shadow .2s ease-in-out .6s}.bottom-uibox .social-buttons-container .social-button:nth-child(3){transition:transform .2s ease-in-out .8s,box-shadow .2s ease-in-out .8s}.bottom-uibox .social-buttons-container .social-button .svg{width:15px;fill:#00894d}.bottom-uibox .social-buttons-container .social-button:hover{transition:.2s all ease-in;background:#000}.bottom-uibox .social-buttons-container .social-button:hover .svg{transition:.2s all ease-in;fill:#fff}.bottom-uibox .social-buttons-container .social-button:active{background:#ffea00}.bottom-uibox .social-buttons-container .social-button:active .svg{fill:#000}.logo-uibox{position:absolute;right:0;top:0;transform-style:preserve-3d}.logo-uibox .circle{display:block;position:absolute;aspect-ratio:1;border-radius:50%;top:0;right:0;box-shadow:#64646f33 -10px 10px 20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#03e1b933;transition:all .5s ease-in-out}.logo-uibox .circle1{width:170px;transform:translateZ(20px);top:8px;right:8px}.logo-uibox .circle2{width:140px;transform:translateZ(40px);top:10px;right:10px;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);transition-delay:.4s}.logo-uibox .circle3{width:110px;transform:translateZ(60px);top:17px;right:17px;transition-delay:.8s}.logo-uibox .circle4{width:80px;transform:translateZ(80px);top:23px;right:23px;transition-delay:1.2s}.logo-uibox .circle5{width:50px;transform:translateZ(100px);top:30px;right:30px;display:grid;place-content:center;transition-delay:1.6s}.logo-uibox .circle5 .svg{width:20px;fill:#fff}.parent-uibox:hover .card-uibox{transform:rotate3d(1,1,0,30deg);box-shadow:#0547114d 30px 50px 25px -40px,#0547111a 0 25px 30px}.parent-uibox:hover .card-uibox .bottom-uibox .social-buttons-container .social-button{transform:translateZ(50px);box-shadow:#05471133 -5px 20px 10px}.parent-uibox:hover .card-uibox .logo-uibox .circle2{transform:translateZ(60px)}.parent-uibox:hover .card-uibox .logo-uibox .circle3{transform:translateZ(80px)}.parent-uibox:hover .card-uibox .logo-uibox .circle4{transform:translateZ(100px)}.parent-uibox:hover .card-uibox .logo-uibox .circle5{transform:translateZ(120px)}.login-component{max-height:100vw;margin-top:10px;max-width:100%;overflow:hidden}.content{position:relative;padding:6px;display:flex;align-items:center;justify-content:space-between;gap:140px;background:transparent}.text{position:absolute;top:10px;right:300px}.text h1{font-size:40px;font-weight:600}.power-text{position:absolute;bottom:10px;right:4px}.power-text h1{font-size:12px;font-weight:600}.power-text h1 svg{width:16px;height:16px;margin-left:8px}.left{border-radius:24px;position:relative;display:inline;background-position-x:50px;transition:.2s ease;max-height:calc(100vh - 30px);width:800px;margin-left:0;overflow:hidden;animation:image 210s linear infinite}@keyframes image{0%{background-position-x:10px}50%{background-position-x:1000px}to{background-position-x:10px}}.right-part{padding:0}.right{min-width:400px;padding-left:50px;margin-right:100px}.grid{border-radius:24px;transform:translate(-8%,-9%)}.grid-content{border-radius:24px;transform:translate(-8%,-9%);display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;background:transparent;padding:15px;gap:16px}.box{width:170px;height:170px;border-radius:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .3s ease}.box:hover{box-shadow:0 0 20px -1px #a1e0ff96}.b-content{background:#0000001a;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.inner-box{transition:all 1s ease;text-align:center}.inner-box:hover h3{color:#17c1ff;transition:all 1s ease}.inner-box:hover svg{fill:#17c1ff;transition:all 1s ease}.inner-box h3{color:#fff;transition:all 1s ease}.login-component .input input:empty~label{all:unset;position:absolute;font-size:16px;padding:0 4px;background:#101010;left:18px;top:17px;transition:all .4s ease;will-change:font,left,top;color:#767676}.login-component .input input:focus~label,.login-component .input input:valid~label{left:18px;top:-1px;font-size:12px;color:#fff}.eye{position:relative;right:35px;top:4px}h1{padding:8px;font-weight:500}.input{position:relative;margin:18px 0;padding:8px}.input input{font-size:15px;outline:none;min-width:300px;padding:10px;border-radius:8px;border:1px solid rgb(139,139,139)}input[type=submit]{min-width:322px}.btns{all:unset;display:inline-block;position:relative;background:#101010;padding:10px 30px;border-radius:20px;color:#999;text-transform:uppercase;text-decoration:none;letter-spacing:.08em;transition:.3s;font-size:1.5em;overflow:hidden;cursor:pointer;width:260px;text-align:center}.btncpy{all:unset;display:inline-block;position:relative;background:#101010;padding:8px 30px;border-radius:20px;color:#999;text-transform:uppercase;text-decoration:none;letter-spacing:.08em;transition:.3s;font-size:1.5em;overflow:hidden;cursor:pointer;width:260px;text-align:center}.btns:hover{color:var(--clr);text-shadow:0 0 15px var(--clr),0 0 40px var(--clr)}.btns>span{all:unset;position:relative;z-index:1}.btns:before{content:"";position:absolute;top:var(--y);left:var(--x);width:200px;transform:translate(-50%,-50%);height:150px;background:radial-gradient(var(--clr),transparent,transparent);transition:.9s,top 0s,left 0s;opacity:0}.btns:hover:before{opacity:1}.btns:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;background:#1a1a1a;border-radius:20px}.lines>span{opacity:0;border-radius:24px;transition:all .8s ease}.lines{position:relative;overflow:hidden}.lines:hover span{opacity:1;transition:all .8s ease}.lines>span:nth-child(1){position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,#0c002b 1%,#17c1ff);animation:anim1 9s linear infinite}.lines>span:nth-child(2){position:absolute;top:0;right:0;width:.01em;height:100%;background:linear-gradient(180deg,#0c002b 1%,#17c1ff);animation:anim2 9s linear infinite;animation-delay:13.5s}.lines>span:nth-child(3){position:absolute;bottom:0;left:0;width:100%;height:.05em;background:linear-gradient(90deg,#0c002b 1%,#17c1ff);animation:anim1 9s linear infinite;animation-delay:13.5s}.lines>span:nth-child(4){position:absolute;top:0;left:0;width:1px;height:100%;background:linear-gradient(180deg,#0c002b 1%,#17c1ff);animation:anim2 9s linear infinite}@keyframes anim2{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes anim1{0%{transform:translate(-100%)}to{transform:translate(100%)}}.to-login{float:right;font-size:13px;margin:8px;color:#999;cursor:pointer}.to-login:hover{text-decoration:underline}@media only screen and (max-width: 700px){.content{flex-direction:column-reverse}.left{display:none}.text{right:197px;top:10px}.right{float:left;position:relative;margin-left:130px;margin-top:150px}}.profile-component-container{background:url(/dark-abstract-3840x2160-contemporary-design-sleek-lines-26426343.jpg) center/cover;width:100vw;height:100vh}.prfile-inner-box{display:flex;align-items:flex-end;justify-content:center;height:100%}.profile-content{margin-bottom:60px;width:1200px;height:500px;background-color:transparent;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:10px;box-shadow:0 0 34px 4px #000000a8}.content-inner-profile{padding:30px;display:flex;align-items:center;justify-content:space-between;gap:20px;transition:.4s ease;opacity:1;visibility:visible}.content-inner-profile.close{opacity:0;visibility:hidden}.profile-left-side{margin-left:auto;margin-right:auto}.title-box-profile{margin-top:50px}.title-box-profile h1{font-size:44px}.profile-right-container{margin-left:40px}.profile-right-side{align-self:start;margin-top:20px;margin-left:auto;margin-right:auto}.image-box-profile{text-align:center;margin-right:4em}.image-box-profile img{width:200px;height:auto;aspect-ratio:1/1;border-radius:50%;object-fit:cover;overflow:hidden;cursor:pointer}.profile-line{width:2px;height:450px;transform:scaleY(1.1);background-color:#fff}.profile-fetch-additional-data{margin:auto}.profile-fetch-additional-data .data-btn{cursor:pointer;font-size:1.3em;outline:none;border-radius:9px;min-width:170px;min-height:60px;background:#32323274;padding:20px;border:1px solid transparent;transition:.4s ease}.profile-fetch-additional-data .data-btn:hover{background:#32323274;border-color:#3d72d3}.profile-fetch-additional-data button{font-size:1.3em}.data-table-profile{margin-top:40px;min-width:275px}.data-table-profile tr{display:flex;justify-content:space-between;width:100%;border-bottom:1px solid rgb(50,50,50)}.data-table-profile td{flex:1;padding:6px 0}.data-table-profile td:last-child{text-align:right}.profile-left-container{position:relative}.profile-edit-btn{cursor:pointer;border-radius:50%;padding:6px 7px;position:absolute;top:0;right:0;transition:.3s ease}.profile-edit-btn:hover{background-color:#5858587d}.profile-edit-tab .input input:empty~label{all:unset;position:absolute;font-size:16px;padding:0 4px;background:#101010;left:18px;top:17px;transition:all .4s ease;will-change:font,left,top;color:#767676}.profile-edit-tab .input input:focus~label,.profile-edit-tab .input input:valid~label{left:18px;top:-1px;font-size:12px;color:#fff}.profile-edit-tab{position:absolute;top:0;left:20%;background-color:#171717;border-radius:9px;padding:10px;min-height:25rem;min-width:700px;text-align:end}.profile-edit-tab span{padding:10px;font-size:20px;cursor:pointer}.profile-edit-tab-content .input{text-align:center}.profile-edit-tab-content .input button{width:230px}.profile-edit-tab-content .input .picture-select-btn{display:inline;cursor:pointer}.profile-edit-tab-content .input .picture-select-btn svg{transform:translate(-14px)}.profile-edit-tab-content .input img{width:100px;height:auto;aspect-ratio:1/1;border-radius:50%;object-fit:cover;overflow:hidden;cursor:pointer}.hidden-input-profile-page{display:none}.profile-page-edit-label{left:200px!important}.profile-page-go-back-btn{margin-top:10px;margin-left:10px;position:absolute;top:0}.profile-page-logout-user{text-decoration:none;margin-top:10px;margin-right:10px;position:absolute;top:0;right:0}.profile-page-logout-user button{min-width:80px;min-height:40px;border-radius:9px;cursor:pointer;outline:none;border:1px solid transparent;background-color:transparent;transition:.4s ease}.profile-page-logout-user button:hover{border-color:red;color:red}.profile-edit-tab-inner{position:relative}.profile-page-passtab{position:absolute;top:90px;left:20%;background-color:#2b2b2b;border-radius:9px;padding:15px;box-shadow:0 0 34px 4px #000000a8}.profile-password-btn{padding:10px 14px;margin:0 20px;background-color:#4169e1;border-radius:12px;border:none;color:#000;transition:40ms ease-in transform}.profile-password-btn:active{transform:scale(.9)}.setting-component{max-width:100vw}.setting-inner{padding:10px}.setting-inner h1{margin:20px 40px 0 90px}.s-option-title.admin{color:#4976ff}.s-option-title.admin:hover{text-decoration:underline}.s-flex-container{display:flex;flex-direction:row;min-height:60vh;align-items:center;justify-content:center;gap:100px}.s-chat-demo{border:1px solid gray;border-radius:9px;padding:3px}.s-chat-demo-inner{min-width:500px;background:url(/32947939_491362538070.jpg)center/cover;background-position-x:-10px}.s-selected-demo{border-bottom:1px rgb(62,62,62) solid}.s-selected-demo .s-selected-demo-inner{display:flex;align-items:center;padding:20px}.s-selected-demo .s-demo-image{border-radius:50%;background:#2f2f2f;padding:11px 13px 9px}.s-selected-demo .s-demo-title{margin:0 20px;font-size:24px}.s-options{padding:10px;border:1px solid #212121;min-width:400px}.s-each-options{position:relative;min-width:200px;padding:10px 6px;margin:14px}.s-opton-each-content{display:flex;align-items:center;justify-content:space-between}.s-save-settings button{padding:10px 14px;margin:0 20px;background-color:#4169e1;border-radius:12px;border:none;color:#000;transition:40ms ease-in transform}.s-save-settings button:active{transform:scale(.9)}.server-test-btn{padding:10px 14px;margin:30px 20px 0;background-color:#4169e1;border-radius:12px;border:none;color:#000;transition:40ms ease-in transform}.server-test-btn:active{transform:scale(.9)}.s-action-place button{padding:10px 14px;background:wheat;border-radius:12px;color:#000;transition:40ms ease-in transform}.s-action-place button:active{transform:scale(.9)}.s-select-popup{position:absolute;z-index:100;box-shadow:0 0 41px 3px #38405b;top:-100px;right:10%;transform:translate(50%,-50%);background:#333;margin-bottom:5%;padding:10px;border-radius:12px}.s-select-popup.bg{right:-100%}.s-select-colors{display:grid;grid-template-columns:repeat(5,1fr);align-items:center;justify-content:space-evenly}.s-show-colors{display:block;padding:10px;width:30px;height:30px;border-radius:50%;margin:10px 6px}.s-show-colors.selected{border:5px solid rgb(5,247,86)}.s-list-bgs-inner{display:grid;grid-template-columns:repeat(6,1fr);align-items:center;justify-content:center}.s-list-bgs-inner *{background-color:#fff}.s-bg-images-each{margin:10px 14px}.div-s-each-images-inner{padding:8px}.div-s-each-images-inner img,.div-s-each-images-inner div{height:100px;width:100px}.s-chat-demo-inner .wrapper{position:relative}.s-demo-type-interface{position:absolute;bottom:10px;left:10%}.s-demo-type-inner{background-color:#0d142e;min-width:400px;padding:8px;border-radius:9px}.s-demo-type-inner div:active{border:none;outline:none}.s-demo-type-inner.transparent{background-color:#050d2b63;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.s-select-custom input{border-radius:9px;outline:none;border:none;transition:.2s ease-in;min-height:30px}.s-select-custom img{height:100px;width:100px;border-radius:3px}.checkbox-wrapper-51 input[type=checkbox]{visibility:hidden;display:none}.checkbox-wrapper-51 .toggle{position:relative;display:block;width:42px;height:24px;cursor:pointer;-webkit-tap-highlight-color:transparent;transform:translateZ(0)}.checkbox-wrapper-51 .toggle:before{content:"";position:relative;top:1px;left:1px;width:40px;height:22px;display:block;background:#c8ccd4;border-radius:12px;transition:background .2s ease}.checkbox-wrapper-51 .toggle span{position:absolute;top:0;left:0;width:24px;height:24px;display:block;background:#fff;border-radius:50%;box-shadow:0 2px 6px #9a9999bf;transition:all .2s ease}.checkbox-wrapper-51 .toggle span svg{margin:7px;fill:none}.checkbox-wrapper-51 .toggle span svg path{stroke:#c8ccd4;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:0;transition:all .5s linear}.checkbox-wrapper-51 input[type=checkbox]:checked+.toggle:before{background:#1175c7}.checkbox-wrapper-51 input[type=checkbox]:checked+.toggle span{transform:translate(18px)}.checkbox-wrapper-51 input[type=checkbox]:checked+.toggle span path{stroke:#000;stroke-dasharray:25;stroke-dashoffset:25}.homepage-component{height:100vh}@keyframes backgroundCycle{0%{background-color:#000}25%{background-color:#4a4a4a}50%{background-color:#1c1c1c}75%{background-color:#4f4f4f}to{background-color:#1f2d2e}}.animated-bg{width:100vw;height:100vh;animation:backgroundCycle 10s infinite linear}.home-content{padding:0;background-color:#141414}.home-title,.home-list-title,.home-user-title,.home-options{padding:0}.home-list-user{z-index:90;padding:0;position:relative}.home-list-user::-webkit-scrollbar{border-radius:24px;width:6px;background:transparent}.home-list-user::-webkit-scrollbar-thumb{background-color:#363636;border-radius:24px}.in-content{text-align:center;padding:auto;padding-top:20px}.home-second-box{display:flex;justify-content:space-between;padding:10px;align-items:center}.home-messgage-title{padding:16px 8px 8px;font-size:28px}.home-add-new{margin-top:30px;margin-right:30px}.selected-chat-in{padding:8px}.home-message-box{max-height:651px;position:relative}.sections{display:grid;grid-template-columns:200px 450px 1fr;grid-template-rows:90px calc(100vh - 91px);grid-column-gap:1px;grid-row-gap:1px;width:100%;height:100%;transition:.3s ease all;animation:backgroundCycle 10s infinite}@media screen and (max-width: 868px){.sections{grid-template-columns:1fr 1fr}.home-title,.home-options{display:none!important}}.sections.green{transition:.3s ease all;background-color:#02f3af;animation:greenFlowNotification 10s infinite}.sections.animate{transition:.3s ease all;background-color:#0ff;animation:sectionsNotification 10s infinite}@keyframes greenFlowNotification{0%{background-color:#7cd77c}20%{background-color:#539d3a}40%{background-color:#13e913}60%{background-color:#22b722}80%{background-color:#006400}to{background-color:#013220}}@keyframes sectionsNotification{0%{background-color:#000}25%{background-color:#0560df}50%{background-color:#022479}75%{background-color:#5d04bc}to{background-color:#04142a}}.home-sidebar{padding:10px 0}.side-contents{padding:10px 3px 10px 0}.side-option{padding:6px 0;min-height:40px;border-radius:8px;cursor:pointer;margin:14px 0;transition:background-color .3s ease}.side-option:hover{background-color:#222}.side-option.selected{background-color:#2c2c2c;border:1px solid royalblue}.home-side-option-cont{display:flex;align-items:center;justify-content:start;margin:10px 12px;gap:17px;text-decoration:none}.home-side-svg{padding:1px}.home-side-svg svg:nth-child(2){transform:rotateY(-90deg);transition:all .25s ease}.home-side-svg svg:nth-child(1){transform:translate(10px);transition:all .25s ease}.side-option:hover .home-side-svg svg:nth-child(1){transform:rotateY(90deg)}.side-option:hover .home-side-svg svg:nth-child(2){transform:rotateY(0);transform:translate(-10px)}.home-side-text{margin-bottom:8px;font-size:18px}.home-options{display:flex;flex-direction:column;justify-content:space-between}.h-s-p-i-image{z-index:90}.h-s-p-i-image img{width:50px;height:auto;aspect-ratio:1/1;border-radius:50%;object-fit:cover;overflow:hidden}.h-s-p-i-title{z-index:80;transition:.4s ease;transform:translate(-70px);opacity:0}.h-s-p-i-inner2{border:1px solid transparent;border-radius:12px;text-decoration:none;display:flex;align-items:center;gap:10px;padding-left:16px;padding-bottom:8px;padding-top:8px;transition:.4s ease;margin-bottom:20px}.h-s-p-i-inner2:hover{border-color:#484848}.h-s-p-i-inner2:hover .h-s-p-i-title{transform:translate(0);opacity:1}.home-group{display:flex;position:relative;align-self:center}.home-group-container{padding:0 14px}.home-refresh{position:absolute;bottom:0;right:0;z-index:110;cursor:pointer;margin:10px}.home-refresh.users{left:0;bottom:0;width:30px}.home-group-select-section.selected{background-color:#2d2d2d;border:1px solid royalblue;border-radius:4px}.home-group-select-section{cursor:pointer;transition:.3s ease-in all}.home-group-avatar{text-align:center;line-height:48px;font-size:22px;width:48px;height:48px;border-radius:50%}.home-groups-each{padding:8px 0}.home-groups-each:hover{background-color:#2b2b2b}.home-group-detail{font-size:18px;padding-top:14px;margin-left:25px}.home-group-users-in-group{position:absolute;right:0;top:20%}.home-group-users-in-group span{margin:0 10px}.home-group-users-in-group svg{transform:translateY(3px)}.home-online-users-wrapper{position:absolute;top:20%;left:20%;z-index:99}.home-group-online-users-tab{background-color:#282828;border-radius:9px;max-height:700px;overflow-y:scroll}.h-g-o-u-tab-inner{margin:10px}.h-g-o-u-each-inner{display:flex;align-items:center;justify-content:space-between;transition:.1s ease-in}.h-g-o-u-each-inner:hover{background-color:#000;border-radius:9px}.h-g-o-u-each-inner div{margin:4px 10px}.home-online-user-image img{width:50px;height:auto;aspect-ratio:1/1;border-radius:50%;object-fit:cover;overflow:hidden}.home-online-user-remove,.home-online-user-view{margin-left:auto}.home-online-user-remove button,.home-online-user-view button{padding:8px 10px;background-color:#e14141;border-radius:12px;border:none;color:#000;transition:40ms ease-in transform}.home-online-user-remove button:active,.home-online-user-view button:active{transform:scale(.9)}.home-online-user-view button{background-color:#4169e1}.home-search-group input{margin-left:5px;border-radius:4px;padding:3px 20px;width:calc(100% - 5px);border:1px solid gray;outline:none;transition:.2s ease-in}.home-search-group input:focus{padding:10px}.home-group-search-icon{margin-left:150px;margin-top:30px}.home-users{padding:0;width:100%;height:100%;max-height:calc(100vh - 91px);overflow-y:scroll;overflow-x:hidden}.list-friends-loader{margin-left:180px;margin-top:200px}.home-user{padding:4px 9px;border-bottom:1px solid rgb(77,77,77)}.home-user.unread{border-bottom:2px solid royalblue;box-shadow:0 -20px 20px -20px #0367ca inset}.home-user-cont{border-radius:10px;position:relative;padding:8px;display:flex}.home-list-users-each{transition:all .2s ease}.home-list-users-each.selected{background-color:#2b2b2b}.home-user-pic{cursor:pointer;margin-right:10px;margin-top:2px}.home-user-pic img{width:50px;height:auto;aspect-ratio:1/1;border-radius:50%;object-fit:cover;overflow:hidden}.home-user-detail{cursor:pointer;padding:2px;width:100%}.user-top{min-height:20px;display:flex;justify-content:space-between;padding:2px}.user-title{float:left;font-size:16px}.user-unread{background:#256ad3;position:absolute;right:80px;top:6px;color:#fff;border-radius:16px;min-width:20px;height:20px;padding:0 6px;font-size:12px;display:flex;align-items:center;justify-content:center;font-weight:500}.user-bottom{min-height:20px;padding:2px}.user-last-m{float:left;font-size:12px}.user-last-status{float:right}.list-covns-user-istyping{margin-left:20px}.user-last-status .read-receipt-status-seen span{color:#00b9da}.user-last-status .common-read-receipts{position:relative}.user-last-status .inner-span2{position:absolute;left:6px}.user-last-status p{display:inline;position:relative;right:-10px;opacity:.2}.show-time-user-list-conv-list{font-size:11px;position:absolute;top:10px;right:10px}.home-user-pic.is-online:before{content:"";width:10px;height:10px;background-color:#43a8f6;position:absolute;left:44px;bottom:12px;border-radius:50%}.home-selected-user-wrapper{display:flex;align-items:center;justify-content:space-between}.home-select-user-cont{position:relative;cursor:pointer;padding:6px}.h-s-u-data{display:flex;align-items:center}.h-s-u-data.for-groups{position:relative}.home-select-user-image{margin-left:20px}.home-select-user-image img{width:50px;height:auto;aspect-ratio:1/1;border-radius:50%;object-fit:cover;overflow:hidden}.h-s-u-title{font-size:24px;margin-left:30px}.h-s-u-title l-leapfrog{margin-left:10px}.h-s-u-title p{font-size:12px;margin:10px}.h-s-u-title.for-groups{cursor:pointer}.h-s-u-title.for-groups svg{margin-right:8px;transform:translateY(3px)}.h-s-u-extra{transition:.2s ease-in;cursor:pointer}.h-s-u-extra.selected{padding:6px;border-radius:9px;background-color:#4169e1}.h-sut-extras-box{position:absolute;right:30px;z-index:100}.h-sut-extras-inner{background-color:#292929;border-radius:9px 1px 9px 9px;padding:14px}.h-s-extrabox-each{padding:8px 12px;cursor:pointer;transition:.05s ease-in;border-radius:9px;text-decoration:none}.h-s-extrabox-each:hover{background-color:#4e4e4e}.select-user-title-get-friend-details{position:absolute;top:100px;left:20%;z-index:99}.type-sent .select-user-title-get-friend-details.in-group{left:-300px}.s-u-t-g-f-d-inner{padding:10px;background-color:#242424;border-radius:9px;border:1px solid transparent;transition:.5s ease}.s-u-t-g-f-d-inner:hover{border-color:#4169e1}.s-u-t-g-f-d-close-btn{cursor:pointer}.s-u-t-g-picture{display:flex;justify-content:center;align-items:center}.s-u-t-g-f-d-content{min-width:400px}.s-u-t-g-details{margin:0 auto}.s-u-t-g-details table{margin:auto}.s-u-t-g-details table td{padding:6px 0;border-bottom:1px solid rgb(88,88,88)}.s-u-t-g-picture img{width:100px;height:auto;aspect-ratio:1/1;border-radius:50%;object-fit:cover;overflow:hidden}.s-u-t-g-picture div{margin-left:30px}.s-u-t-g-picture div:hover{fill:#4169e1}.s-u-t-g-f-d-close-btn{float:right;font-size:24px;padding:0 8px;border-radius:9px;transition:.2s ease-in}.s-u-t-g-f-d-close-btn:hover{background-color:#4169e1}.disconnect-from-chat{margin-left:auto;margin-right:30px}.d-f-c-inner button{outline:none;width:150px;height:40px;border-radius:9px;cursor:pointer;border:1px solid;transition:all .2s ease}.d-f-c-inner button:hover{background-color:#ec3333}.d-f-c-inner button:active{transform:scale(.9)}.copy-btn-home-group{margin-left:20%;margin-top:4%;transition:.1s ease-in;text-decoration:underline}.copy-btn-home-group svg{margin-left:5px}.copy-btn-home-group:hover{cursor:pointer;color:#4169e1}.copy-btn-home-group:hover svg{fill:#4169e1}.h-s-u-title.for-groups p{display:inline}.h-m-type-box{overflow-y:scroll;max-height:500px;color:#d2c1e2}.h-m-type-box::-webkit-scrollbar{border-radius:14px;width:6px;background:transparent}.h-m-type-box::-webkit-scrollbar-thumb{background-color:#4b4b4b;border-radius:24px}.home-message-type{position:absolute;bottom:20px;background-color:#0d142e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);min-height:50px;width:80%;border-radius:14px;margin-left:92px;padding:10px;transition:border .3s ease;border:1px solid transparent}.home-message-type:hover{border-color:#0650c7}.home-message-type.transparent{background-color:#050d2b63;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.home-message-type::-webkit-scrollbar{display:none}.h-m-type-inner{position:relative;padding:0 30px;transition:all ease .1s;margin-top:-3px}.home-message-file-or-send-btn{position:absolute;bottom:-4px;right:4px}.home-message-emoji{position:absolute;bottom:-4px;left:4px}.h-m-type-box{padding:0 15px 2px;margin-top:4px;min-width:90%;max-width:99%;transition:all ease .1s}.h-m-type-box:active{outline:none}.h-m-type-box:focus{outline:none}.h-m-type-box:empty:before{content:"Type a message...";color:#aaa}.h-m{transform:translateY(0);visibility:visible;position:relative;opacity:1;min-height:568px}.h-m.not-selected{transform:translateY(100px);visibility:hidden;opacity:0}.home-message{height:100%}.home-messages{height:calc(100vh - 91px);width:100%;opacity:1;overflow-x:hidden;overflow-y:scroll;min-height:650px}.h-m{background:url(/32947939_491362538070.jpg)center/cover;background-position-x:-800px}.home-messages::-webkit-scrollbar{border-radius:14px;width:6px;background:transparent}.home-messages::-webkit-scrollbar-thumb{background-color:#323232;border-radius:14px}.wrapper{max-width:100%;width:97%;display:flex;transition:.2s ease;flex-direction:column;gap:10px;padding:20px 20px 95px;margin:0 10px;border-radius:10px}.wrapper .scroll__to_{margin-bottom:40px}.messages-loading-message-space{margin:0 auto}.message__h{background-color:#2c2c2c}.message__wrapper{border-radius:10px;padding:2px 14px;background-color:#242424;max-width:400px;position:relative;transition:.3s ease;display:flex}.message__wrapper.hide{background-color:#4169e1;transform:scale(1.05);transform:translate(20px,20px)}.type-sent .message__wrapper.hide{background-color:#4169e1;transform:translate(-20px,20px)}.time__show{padding:2px 8px}.time__show .time__{font-size:12px}.type-sent{margin-left:auto}.type-sent .message__wrapper{flex-direction:row-reverse}.type-sent .message__wrapper{background-color:#272b37}.type-receive{margin-right:auto}.type-timedate{border-radius:12px;margin-left:auto;margin-right:auto}.message__in{padding:10px;display:flex;position:relative}.message__h{border-radius:10px}.message__h:hover .message__options{visibility:visible;opacity:1}.message__content{word-break:break-all;min-width:100px;margin-bottom:16px}.type-receive .message__content{margin-right:10px}.message__time{position:absolute;bottom:3px;right:3px;margin-top:auto;font-size:11px;font-weight:500}.type-sent .message__time{right:20px}.message__status{position:absolute;right:-10px;bottom:9px}.message__status .read-receipt-status-read{bottom:20px!important}.message__options{transition:all .3s ease;position:absolute;visibility:hidden;top:15px;opacity:0;cursor:pointer;margin-top:auto;margin-bottom:auto}.type-receive .message__options{right:5px}.type-sent .message__options{left:5px}.home-message-component{overflow:hidden}.home-messages-no-user{visibility:hidden;opacity:0;position:absolute;top:0}.home-messages-no-user.show{visibility:visible;opacity:1}.home-plane{position:absolute;top:0}.home-plane-content{z-index:100;position:absolute;top:-90px;left:0;width:884px;height:740px;display:flex;align-items:center;background-color:#1e1e1e}.home-image-container{display:none}.home-image-container.show{display:flex;position:relative;justify-content:center;align-items:center}.home-messages-image img{height:700px;object-fit:cover}.title-home-image{position:absolute;top:20px;left:100px}.fade{animation-name:fade;animation-duration:3.5s}@keyframes fade{0%{opacity:.02}to{opacity:1}}.particles-container{position:relative;width:100%;height:100%}.particle-float-message-space{font-size:40px;position:absolute;left:40%;top:40%}.type-sent .read-receipt-status-read span:nth-child(1){position:absolute;right:5px}.type-sent .read-receipt-status-delivered span:nth-child(1){position:absolute;right:5px}.type-sent .read-receipt-status-seen span:nth-child(1){position:absolute;right:5px}.type-sent .read-receipt-status-seen span{color:#00b9da}.type-sent .common-read-receipts{position:relative}.type-receive .common-read-receipts span{display:none}.type-receive .message-space-message-small-box{left:18px;border-top-left-radius:0;border-top-right-radius:10px}.message-space-message-small-box{z-index:120;position:absolute;min-width:100px;border-radius:10px 0 10px 10px/10px 0px 10px 10px;padding:8px 0;top:15px;right:9px;background:#232323}.m-s-m-s-b-list{display:flex;align-items:center;justify-content:center;flex-direction:column}.m-s-m-s-b-list p{margin:5px;font-size:14px}.m-s-m-s-b-list p:nth-child(1):hover{cursor:pointer}.small-options-list-box{display:flex;align-items:center;justify-content:center;gap:10px;border-radius:10px;padding:6px;max-height:35px}.small-options-list-box:hover{background-color:#000}.small-options-list-box svg{margin-right:auto}.small-options-list-box p{margin-left:auto}.get-message-details-container{position:absolute;top:2%;left:10%;background-color:#2b2b2b;overflow-y:scroll;max-height:600px;padding:8px;border-radius:9px;z-index:10;border:1px solid royalblue}.g-m-d-c-inner{padding:10px;opacity:1!important}.g-m-d-c-i-content{margin:10px}.g-m-d-c-i-content table{overflow-y:scroll;min-width:560px;max-height:600px;width:100%}.g-m-d-c-i-content table tr{display:flex;justify-content:space-between;width:100%;padding-bottom:4px;border-bottom:1px solid rgb(99,99,99)}.g-m-d-c-i-content table td{flex:1;padding:6px 0}.g-m-d-c-i-content table td:last-child{text-align:right}.g-m-d-c-i-content tbody{word-break:break-all}.g-m-d-c-close-btn{padding:8px;transition:.35s ease;border-radius:9px;float:right;cursor:pointer;border:1px solid red}.g-m-d-c-close-btn:hover{background-color:#000}.getmessage-details-avatar{width:50px;height:auto;aspect-ratio:1/1;border-radius:50%;object-fit:cover;overflow:hidden}.h-m-file-or-send-inner-selector{position:relative}.h-m-send-message{padding:0}.h-m-send-message svg{transform:rotateY(90deg);transition:.2s ease;opacity:0}.h-m-file-selector{position:absolute;top:3px;visibility:visible}.h-m-file-selector svg{transition:.2s ease}.h-m-file-or-send-inner-selector.not-empty-div .h-m-send-message{cursor:pointer;transition:.2s ease-in;padding:1px}.h-m-file-or-send-inner-selector.not-empty-div .h-m-send-message:hover{background-color:#565656;border-radius:9px}.h-m-file-or-send-inner-selector.not-empty-div .h-m-send-message svg{transform:rotateY(0);opacity:1}.h-m-file-or-send-inner-selector.not-empty-div .h-m-file-selector{visibility:hidden}.h-m-file-or-send-inner-selector.not-empty-div .h-m-file-selector svg{transform:rotateY(90deg);opacity:0}.h-m-emoji-contain-when-on.is-turned-on{top:-490px;position:absolute;left:0;visibility:visible;transition:.4s ease}.h-m-emoji-contain-when-on{top:-490px;position:absolute;left:-300px;transition:.4s ease}.h-m-emoji-inner{border-radius:9px;transition:.4s ease}.h-m-emoji-inner.emoji-shown{background-color:#048dbe;transition:.4s ease}.h-m-emoji-inner.emoji-shown svg{fill:#000;transition:.4s ease}.file-show-group-home{position:absolute;top:-140px;right:40px;padding:12px;border-radius:9px;background-color:#323232}.file-show-group-home .file-close-group-home{position:absolute;top:0;cursor:pointer;right:5px}.file-show-group-home img{width:250px;max-height:200px;height:auto;object-fit:cover;overflow:hidden;cursor:pointer}.file-show-group-home video{width:250px;height:auto;object-fit:cover;overflow:hidden;cursor:pointer}.file-show-group-home video{box-shadow:0 4px 12px #2ea6f633}.file-show-group-home video:before{content:"Loading...";display:block;text-align:center;color:#fff}.file-show-group-home audio::-webkit-media-controls-panel{border-radius:8px}.file-show-group-home audio[disabled]{opacity:.5;pointer-events:none}.file-show-group-home audio{outline:none;object-fit:cover;overflow:hidden;cursor:pointer}.file-show-group-home.unknown{position:absolute;top:-70px;left:-90px;padding:12px;border-radius:9px}.message__group__sender__avatar{position:absolute;cursor:pointer;top:20px}.type-sent .message__group__sender__avatar{right:-34px}.type-receive .message__wrapper.group_wrapper{padding-top:20px}.type-receive .message__group__sender__avatar{left:-28px}.m-g-s-avatar-inner img{width:25px;height:auto;aspect-ratio:1/1;border-radius:50%;object-fit:cover;overflow:hidden}.message__group__sender__name{text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;position:absolute;top:5%;left:5%}.type-sent .message__group__sender__name{display:none}.home-list-title{position:relative}.h-t-n-each-inner{text-decoration:none}.home-title-notifications-icon{margin-top:30px;cursor:pointer;margin-left:auto;margin-right:6%;transition:.3s ease-in}.home-title-notifications-icon .number-of-request{background-color:#4169e1;border-radius:19px;padding:2px}.home-title-notifications-icon.turned-on{border-radius:9px;padding:8px;background-color:#4169e1}.home-title-notification-box{position:absolute;top:90px;left:10%;z-index:100;border:1px solid royalblue;border-radius:9px}.h-t-notification-inner{background-color:#1f1f1f;border-radius:9px;padding:10px;display:flex;align-items:start;flex-direction:column;max-height:500px;overflow-y:scroll}.h-t-notifictns-each{padding:8px 10px;border-radius:9px;transition:.1s ease;margin:2px 0;border:1px solid black}.h-t-notifictns-each:hover{background-color:#000;border-color:#4169e1}.h-t-notifictns-each.friend_accepted{background-color:#00271c}.h-t-notifictns-each.friend_request{background-color:#001837}.h-t-notifictns-each.friend_removed{background-color:#2c1111}.h-t-n-clear-btn{cursor:pointer;right:-70px;top:0;padding:10px 15px;border-radius:9px;margin:8px auto}.list-users-show-user-pic{position:absolute;top:60px;z-index:99;overflow:visible}.l-u-s-u-p-inner{background-color:#252525;border-radius:9px;padding:20px}.l-u-s-u-p-inner span{font-size:20px}.l-u-s-u-p-inner span:nth-child(2){float:right;cursor:pointer;font-size:1.6rem;transform:translateY(-10px);border:1px solid black;padding:0 8px;transition:.2s ease-in}.l-u-s-u-p-inner span:nth-child(2):hover{border-color:#4169e1;border-radius:9px}.l-u-s-u-p-content{padding:10px}.l-u-s-u-p-content img{border-radius:9px;height:400px;width:auto}.home-group-create-or-join{display:flex;align-items:center;justify-content:center;min-height:650px;position:relative}.h-g-create-inner{background-color:#373737;padding:14px;border-radius:9px}.home-group-join-to{position:absolute;top:30%;right:25%;border:1px solid royalblue;border-radius:9px}.home-group-join-to .h-g-create-inner{box-shadow:0 0 14px 2px #8b8b8b85}.home-group-join-close{float:right;padding:10px 14px;cursor:pointer;transition:background .2s ease;border-radius:9px}.home-group-join-close:hover{background-color:#1a1a1a}.h-g-create-inner-content{min-width:300px}.h-g-create-content-inner{display:flex;flex-direction:column;justify-content:center}.h-g-create-input,.h-g-content-private{margin:8px 30px}.h-g-create-input label,.h-g-content-private label{all:unset}.h-g-content-private input{margin-right:10px}.h-g-content-private label{font-size:14px}.h-g-content-private svg{transform:translateY(5px)}.group-input-name{margin-top:10px;border:1px solid rgb(154,153,153);padding:0 10px;outline:none;transition:.3s ease;min-width:200px;border-radius:5px;height:38px;width:330px}.group-input-btn{margin-top:10px;border:1px solid rgb(154,153,153);padding:0 10px;outline:none;transition:.3s ease;min-width:200px;border-radius:9px;height:38px;width:330px;cursor:pointer}.group-input-btn:hover{background-color:#2a5cf1;border-color:transparent}.group-input-btn:active{transform:scale(.9)}.title-home-create{display:flex;flex-direction:column;align-items:center}.h-c-inner-svg{background:#313131;padding:10px 12px;border-radius:50%}.home-group-loader{margin-left:45%}.message__wrapper.group_wrapper .small-options-list-box.deltebtn{display:none}.message__content img{width:350px;height:auto;object-fit:cover;overflow:hidden;cursor:pointer}.message__content video{width:350px;height:auto;object-fit:cover;overflow:hidden;cursor:pointer}.message__content video{box-shadow:0 4px 12px #2ea6f633}.message__content video:before{content:"Loading...";display:block;text-align:center;color:#fff}.message__content audio::-webkit-media-controls-panel{border-radius:8px}.message__content audio[disabled]{opacity:.5;pointer-events:none}.message__content audio{outline:none;object-fit:cover;overflow:hidden;cursor:pointer}.message__group__file{position:absolute;bottom:0;left:10px;cursor:pointer}.message__group__file span{visibility:hidden;opacity:0;transition:.2s ease-in}.message__group__file:hover span{visibility:visible;opacity:1}.home-list-friends-toggle{height:50px;border-radius:50%;width:50px;display:flex;background-color:#4169e1}.home-list-friends-toggle svg{margin:auto}.home-show-friends-container{position:absolute;bottom:40px;right:30px}.list-friends-box-in{background-color:#4169e1;padding:14px;border-radius:10px}.list-f-b-i-inner{padding:0 20px;display:flex;align-items:center;flex-direction:column;max-width:320px;overflow-x:hidden;min-height:50px;overflow-y:scroll;max-height:500px}.list-friend-each{cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:10px;gap:10px}.list-friend-each:hover{background-color:#2b4696}.f-l-h-back-btn{color:#000}.f-l-h-back-btn svg{margin-right:10px;cursor:pointer;padding:4px;height:26px;width:26px;border-radius:8px}.f-l-h-back-btn svg:hover{background-color:#1a3f84}.list-f-user-title{color:#000}.list-f-avatar img{width:50px;height:auto;aspect-ratio:1/1;border-radius:50%;object-fit:cover;overflow:hidden}.friends-component{padding:10px}.friends-inner{padding:8px}.friends-select{width:100%}.go-back-btn-arraow{cursor:pointer}.friends-select-inner{padding-top:10px;display:flex;align-items:center;justify-content:space-around}.friends-select-inner span{cursor:pointer}.friends-home-selector{border-radius:10px;padding:10px;transition:all .3s ease}.friends-home-selector:hover{background-color:#2e2e2e}.friends-home-selector.selected{border-bottom:1px solid rgb(7,94,175);border-top:1px solid rgb(7,94,175)}.friends-space,.friends-content{padding:10px}.friends-add-top{margin:9px 0}.frineds-input{overflow-y:hidden;position:relative}.frineds-input svg{position:absolute;transition:all ease .45s;top:10px;left:14px}.frineds-input p{cursor:pointer;opacity:0;position:absolute;top:8px;left:475px}.frineds-input input{transition:all ease .45s;font-size:14px;min-width:500px;outline:none;border-radius:10px;padding:10px 10px 10px 40px}.frineds-input input:valid{padding-right:40px}.friend-load-more{padding:10px;border-radius:9px;transition:.2s ease;border:1px solid transparent}.friend-load-more:hover{background-color:#4169e1;color:#000;border-color:#284089}.frineds-input input:active,input:focus+svg{transform:translate(-40px)}.frineds-input input:active,input:focus{padding-left:10px;transform:translate(0)}.frineds-input input:not(:placeholder-shown)~p{opacity:1}.friends-list-friends{margin:20px 0;padding:10px}.select-user-title-get-friend-details{z-index:99999}.friends-loader.my-friends{margin-top:200px;margin-left:10px}.friends-list-inner{margin-top:15px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:20px}.each-friends{background-color:#373737;display:flex;align-items:center;gap:30px;padding:10px;transition:all .3s ease;border-radius:10px;border:1px solid transparent}.each-friends:hover{border-color:#0ff}.friend-details{display:flex;align-items:center;justify-content:center;gap:20px}.friend-btn button{cursor:pointer;border:none;padding:10px;border-radius:10px;background-color:#0086d8;border:1px solid transparent;transition:.3s all ease}.friend-btn button:hover{border-color:#aeaebb;transform:scale(1.1)}.friend-btn button:active{background-color:#04629c;transform:scale(1)}.friend-title{font-size:18px}.friend-image img{width:70px;height:auto;aspect-ratio:1/1;border-radius:50%;object-fit:cover;overflow:hidden}.friend-requests{padding-top:40px}.friend-request-each{max-width:400px;transition:all .3s ease;border-radius:10px;border:1px solid transparent}.friend-request-each:hover{border-color:#0ff}.request-inner{background-color:#2f2f2f;border-radius:11px;padding:10px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px}.friend-image-title{display:flex;align-items:center;justify-content:center;gap:20px}.request-btn button{margin-left:20px}.friends-list-inner-modified{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.friends-added-each{padding:10px;width:100%}.friends-each-inner{padding:8px;display:flex;align-items:center;justify-content:space-around;border-radius:10px;transition:all .3s ease;border:1px solid transparent}.friends-each-inner:hover{border-color:#0ff}.friend-added-section1{padding:8px;margin-right:20px;display:flex;align-items:center;justify-content:center}.friend-added-section1 div{margin-right:30px}.friend-added-section2{padding:8px;display:flex;align-items:center;justify-content:center}.friend-added-section2 div{margin-right:20px}.friend-remove button{background-color:#ff4747}.friends-content>p{font-size:24px;margin:20px 0}.friends-added>p{font-size:24px;margin:20px 0}.friends-list-friends>p{font-size:24px;margin:10px 0 25px}