*{box-sizing:border-box;margin:0;padding:0}body{font-family:sans-serif}html{overflow-y:scroll}a{color:inherit;text-decoration:none}:root{--bg-primary:#fff;--bg-secondary:#f0f2f5;--bg-third:#e4e6eb;--bg-forth:#f0f2f5;--color-primary:#050505;--color-secondary:#65676b;--divider:#ced0d4;--dark-bg-primary:#18191a;--dark-bg-secondary:#242526;--dark-bg-third:#3a3b3c;--dark-color-primary:#242526;--dark-color-secondary:#b0b3b8;--blue-color:#1876f2;--green-color:#42b72a;--light-blue-color:#e7f3ff;--border-color:#ccced2;--shadow-1:rgba(0,0,0,.2);--shadow-2:rgba(0,0,0,.1);--shadow-3:rgba(0,0,0,.3);--shadow-inset:hsla(0,0%,100%,.5)}.blue_btn{align-items:center;background:#1876f2;background:var(--blue-color);border:none;border-radius:7px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:600;gap:6px;justify-content:center;outline:none;padding:8.5px 12px}.blur1{background:hsla(0,0%,100%,.768);bottom:0;left:0;position:fixed;right:0;top:0;z-index:99}.hover1:hover{background:#f0f2f5;background:var(--bg-secondary)}.hover2:hover{background:#e4e6eb;background:var(--bg-third)}.hover3:hover{background:#d4d6da3a}.card{background:red;height:500px;width:500px}.scrollbar::-webkit-scrollbar{width:8px}.scrollbar::-webkit-scrollbar-thumb{background:#aeaeafa1;border-radius:5px}.small_circle{align-items:center;background:#e4e6eb;background:var(--bg-third);border-radius:50%;cursor:pointer;display:flex;height:36px;justify-content:center;margin-right:11px;position:relative;width:36px}.login_wrapper{background:var(--bg-secondary)}.login_wrap{color:var(--color-primary);height:78vh}.login_1{margin:0 auto;width:300px}.login_1 span{font-size:20px}.login_2{text-align:center}.login_2_wrap{align-items:center;background:var(--bg-primary);border-radius:10px;box-shadow:0 1px 2px var(--shadow-1);display:flex;flex-direction:column;gap:1rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:1rem auto;padding:1rem 1rem 2rem;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:350px}.login_2_wrap button{font-size:17px;font-weight:700;height:50px;width:100%}.forgot_password{color:var(--blue-color);cursor:pointer;font-size:14px}.forgot_password:hover{text-decoration:underline}.sign_splitter{background:var(--bg-third);height:1px;width:100%}.open_signup{background:var(--green-color);font-size:17px!important;font-weight:600!important;margin-top:1rem;width:70%!important}.sign_extra{font-size:15px}.register{background:var(--bg-primary);border-radius:10px;box-shadow:0 1px 2px var(--shadow-1);color:var(--color-primary);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:50%;padding:15px 15px 1rem;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:350px}.register_header{border-bottom:1px solid var(--bg-third);display:flex;flex-direction:column;gap:10px;padding-bottom:10px;position:relative}.register_header i{cursor:pointer;position:absolute;right:0}.register_header span:first-of-type{font-size:32px;font-weight:700}.register_header span:last-of-type{color:var(--color-secondary);font-size:15px}.register_form{align-items:center;width:100%}.reg_line,.register_form{display:flex;flex-direction:column}.reg_line{gap:10px;padding:7px 0}.reg_col{align-self:flex-start;margin-bottom:10px;padding:0 10px;position:relative}.reg_line_header{align-items:center;color:var(--color-secondary);display:flex;font-size:13px;gap:2px}.reg_line_header i{margin-top:3px}.reg_grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);height:35px;margin-top:5px;width:100%}.reg_grid select{background:var(--bg-primary)}.reg_grid label,.reg_grid select{border-radius:5px;color:var(--color-primary);cursor:pointer;font-size:16px;width:90px}.reg_grid label{align-items:center;border:1px solid var(--color-secondary);display:flex;justify-content:space-between;padding:0 10px}.reg_infos{color:var(--color-secondary);font-size:11px;margin-top:10px}.reg_infos span{color:var(--blue-color)}.reg_btn_wrapper{align-items:center;display:flex;justify-content:center;margin:20px 0 10px;width:100%}.reg_grid .input_error{color:#b94a48;position:absolute;top:70px;width:300px}.error_text{color:#b94a48}.success_text{color:var(--green-color)}@media(min-width:539px){.login_footer_wrap{max-width:520px}.register{width:400px}.reg_line{flex-direction:row}.reg_grid label,.reg_grid select{width:110px}.reg_grid .input_error{width:350px}}@media(min-width:650px){.login_footer_wrap{max-width:650px}}@media(min-width:850px){.login_wrap{align-items:center;display:flex;margin:0 auto;max-width:1000px}.login_1{display:flex;flex-direction:column;margin-bottom:15vh;width:50%}.login_1 img{margin-left:-1.7rem;width:300px}.login_1 span{font-size:28px}.login_2_wrap{width:400px}.input_wrap{width:360px!important}}.input_wrap{align-items:center;display:flex;flex-direction:column;position:relative;width:320px}.input_wrap input{background:var(--bg-primary);border:1px solid var(--bg-third);border-radius:10px;color:var(--color-primary);font-size:17px;height:50px;margin-bottom:10px;outline:none;padding-left:10px;width:100%}.input_wrap i{position:absolute;right:5px;top:30px;-webkit-transform:scale(.8);transform:scale(.8)}.input_wrap .error_text{color:#b94a48}.input_error_border{border-color:#b94a48!important}.register_input_wrap{width:100%!important}.register_input_wrap input{background:var(--bg-secondary)}.register_input_wrap .input_error{max-width:300px}.register_input_wrap .error_arrow_bottom{-webkit-transform:translateY(1px);transform:translateY(1px)}.error_arrow_right{border-bottom:10px solid transparent;border-right:10px solid #b94a48;border-top:10px solid transparent;left:-10px;position:absolute;top:14px}@media(min-width:539px){.register_input_wrap .input_error{max-width:100%}}.feedMain{width:100%}@media screen and (min-width:900px){.feedMain{margin-left:8%;width:82%}}#inputField{display:none}input{border-color:#000;border-radius:10px;box-sizing:border-box;margin:8px 0;padding:12px 20px;width:100%}.gallery{display:flex;flex-wrap:wrap;gap:8px;height:30%;justify-content:space-around}.item{width:30%}.profile{display:flex;flex-direction:column;gap:20px;justify-content:space-between}.ChatBox-container{background:var(--cardColor);border-radius:1rem;display:grid;grid-template-rows:14vh 60vh 13vh}.chat-header{display:flex;flex-direction:column;padding:1rem 1rem 0}.chat-body{overflow:scroll;padding:1.5rem}.chat-body,.message{display:flex;flex-direction:column;gap:.5rem}.message{background:#d2691e;border-radius:1rem 1rem 1rem 0;color:#fff;max-width:28rem;padding:.7rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.message>span:nth-child(2){align-self:end;color:var(--textColor);font-size:.7rem}.own{align-self:flex-end;background:linear-gradient(98.63deg,#24e4f0,#358ff9);border-radius:1rem 1rem 0 1rem}.chat-sender{align-items:center;align-self:end;background:#fff;border-radius:1rem;display:flex;gap:1rem;height:3.5rem;justify-content:space-between;padding:.8rem}.chat-sender>input{background-color:#ececec;border:none;border-radius:.5rem;flex:1 1;font-size:14px;height:90%;outline:none;padding:0 15px}.chat-sender>div:first-of-type{align-items:center;background:#e9e9e9;border-radius:.5rem;cursor:pointer;display:flex;font-weight:700;justify-content:center}.chat-sender>div{background-color:#d2691e;border-radius:10px;color:#fff;cursor:pointer;height:75%;padding:0 15px}:root{--yellow:#f5c32c;--orange:#fca61f;--black:#242d49;--gray:rgba(36,45,73,.65);--profileShadow:0px 4px 17px 2px rgba(0,0,0,.25);--hrColor:#cfcdcd;--cardColor:hsla(0,0%,100%,.64);--buttonBg:linear-gradient(98.63deg,#f9a225,#f95f35);--inputColor:rgba(40,52,62,.07);--photo:#4cb256;--video:#4a4eb7;--location:#ef5757;--shedule:#e1ae4a}.App{background:#f3f3f3;color:#242d49;color:var(--black);overflow:hidden;padding:1rem}.blur{background:#a6ddf0;border-radius:50%;-webkit-filter:blur(72px);filter:blur(72px);height:14rem;position:absolute;width:22rem}.button{align-items:center;background:linear-gradient(98.63deg,#f9a225,#f95f35);background:var(--buttonBg);border:none;border-radius:.5rem;color:#fff;display:flex;justify-content:center;transition:all .1s ease-out}.button:hover{background:transparent;border:2px solid #fca61f;border:2px solid var(--orange);color:#fca61f;color:var(--orange);cursor:pointer}.button:disabled{background:silver;pointer-events:none}::-webkit-scrollbar{display:none}.infoForm{align-items:center;display:flex;flex-direction:column;gap:2rem;justify-content:center}.infoInput{background-color:rgba(40,52,62,.07);background-color:var(--inputColor);border:none;border-radius:8px;flex:1 1;outline:none;padding:20px}.infoForm>div{display:flex;gap:1rem;height:2rem;width:90%}.infoButton{align-self:flex-end;height:2rem;width:6rem}.Chat{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:22% auto;position:relative}.Chat-container,.Left-side-chat{display:flex;flex-direction:column;gap:1rem}.Chat-container{background:hsla(0,0%,100%,.64);background:var(--cardColor);border-radius:1rem;height:auto;min-height:80vh;overflow:scroll;padding:1rem}.Chat-list,.Right-side-chat{display:flex;flex-direction:column;gap:1rem}.conversation:hover{background:#80808038;cursor:pointer}.conversation{border-radius:.5rem;padding:10px}.conversation>div{position:relative}.online-dot{background-color:#adff2f;border-radius:50%;height:1rem;left:2rem;position:absolute;width:1rem}.chatbox-empty-message{align-self:center;display:flex;font-size:20px;justify-content:center}@media screen and (max-width:768px){.Chat{grid-template-columns:16% auto}.follower.conversation>div>.name{display:none}}
/*# sourceMappingURL=main.8d817aed.css.map*/