@import url(https://fonts.googleapis.com/css2?family=Anton&family=Fasthand&family=Josefin+Sans:ital,wght@1,300&family=Kanit:wght@300&family=Mukta:wght@300&family=Poppins:wght@300&family=Prompt:ital@0;1&family=Reem+Kufi+Fun:wght@500;700&family=Roboto&family=Rubik&family=Work+Sans:wght@300&display=swap);@import url(https://fonts.googleapis.com/css2?family=Fira+Sans:wght@300&display=swap);@import url(https://fonts.googleapis.com/css2?family=Rubik&display=swap);@import url(https://fonts.googleapis.com/css2?family=PT+Sans&display=swap);@import url(https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap);*{margin:0;padding:0}body{background-color:#fafafa}.login{background-color:#fafafa;height:100vh;justify-content:center;position:absolute;top:0;width:100vw;z-index:10}.login,.login_box{align-items:center;display:flex}.login_box{background-color:#fff;border:.5px solid #000;flex-direction:column;height:60%;width:30%}.login_box h1{font-size:45px;padding:8% 36%}.login_box form{align-items:center;display:flex;flex-direction:column;height:45%;justify-content:space-evenly;width:100%}.login_box form input{border:none;border-bottom:1px solid grey;height:18%;outline:none;width:75%}.login_btn{align-items:center;background-color:#0095f6;border-radius:15px;display:flex;height:27%;justify-content:space-evenly;width:25%}.login_btn:hover{background-color:#226c9dcc}.login_btn button{background-color:initial;border:none;color:#fafafa}.login_box span a,.login_btn button{font-size:16px;font-weight:600}.signup{background-color:#fafafa;height:100vh;justify-content:center;position:absolute;top:0;width:100vw;z-index:10}.signup,.signup_box{align-items:center;display:flex}.signup_box{background-color:#fff;border:.5px solid #000;flex-direction:column;height:80%;width:30%}.signup_box h1{font-size:45px;padding:9% 33%}.signup_box form{align-items:center;display:flex;flex-direction:column;height:63%;justify-content:space-around;width:100%}.signup_box form input{border:none;border-bottom:1px solid grey;height:15%;outline:none;width:75%}#file{border:none}.signup_btn{align-items:center;background-color:#0095f6;border-radius:10px;display:flex;height:15%;justify-content:space-around;width:25%}.signup_btn button{background-color:initial;border:none;color:#fafafa;font-size:16px;font-weight:600}.signup_btn:hover{background-color:#226c9dcc}.signup_box span a{font-size:16px;font-weight:600}@media (max-width:975px){.login_box{width:55%}.signup_box{height:90%;width:55%}}@media (max-width:550px){.login_box{width:92%}.signup_box{height:90%;width:92%}}.Cloader svg{-webkit-animation:rotate4 2s linear infinite;animation:rotate4 2s linear infinite;-webkit-transform-origin:center;transform-origin:center;width:2.25em}.Cloader circle{fill:none;stroke:#fafafa;stroke-width:5px;stroke-dasharray:1,200;stroke-dashoffset:0;stroke-linecap:round;-webkit-animation:dash4 1.5s ease-in-out infinite;animation:dash4 1.5s ease-in-out infinite}@-webkit-keyframes rotate4{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate4{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes dash4{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,200;stroke-dashoffset:-35px}to{stroke-dashoffset:-125px}}@keyframes dash4{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,200;stroke-dashoffset:-35px}to{stroke-dashoffset:-125px}}.home{background-color:#fafafa;height:100vh;position:fixed;width:100vw}.navbar{background-color:#fff;border-right:.1px solid #dbdbdb;display:flex;flex-direction:row;height:100vh;justify-content:space-between;overflow:hidden;position:absolute;width:auto;z-index:5}.navbar h1{color:#262626;font-family:Fasthand,cursive;font-size:44px;padding:32px 40px}.itmes{height:90%;padding:12px;width:90%}.item{align-items:center;display:flex;height:55px;justify-content:space-evenly;margin:12px;min-width:50px}.item:hover{background-color:#dbdbdb}.item svg{color:#262626;font-size:29px}.item h3{color:#262626;font-family:Fira Sans,sans-serif;font-size:20px}.item_icon{justify-content:center;width:35%}.item_content,.item_icon{align-items:center;display:flex;height:100%}.item_content{justify-content:flex-start;width:65%}.item_content a{color:#262626;text-decoration:none}#navbarsvg{display:none;font-size:60px;height:50%;width:100%}.search_box{background-color:#fff;border:1px solid #dbdbdb;display:flex;flex-direction:column;height:100%;justify-content:space-between;position:-webkit-sticky;position:sticky;width:326px}.search_input{align-items:center;display:flex;height:10%;justify-content:center;width:100%}.search_input input{background-color:#efefef;border:none;border-radius:10px;height:80%;outline:none;padding:10px;width:80%}.search_results{border-top:1px solid #dbdbdb;flex-direction:column;height:65%}.search_result_users,.search_results{align-items:center;display:flex;width:100%}.search_result_users{background-color:#fff;flex-direction:row;height:12%;justify-content:space-evenly;margin-top:5%}.search_result_users h3{font-family:Rubik,sans-serif;margin-left:3%;width:70%}.search_result_users svg{font-size:24px;width:10%}.search_result_users svg:hover{-webkit-transform:scale(1.5);transform:scale(1.5)}.search_result_users:hover{background-color:#efefef}.search_text{align-items:center;display:flex;flex-direction:row;height:100%;justify-content:center;width:80%}.search_text img{border-radius:50%;height:90%;width:auto}.search_text h3{color:#222;display:flex;flex-direction:column;height:auto}.search_text h4{color:#444}.search_result_image{align-items:center;border-radius:50%;display:flex;flex-direction:row;height:100%;justify-content:center;overflow:hidden;width:18%}.search_result_image img{height:100%;width:auto}.mobile_nav_Top{align-items:center;background-color:#fafafa;border-bottom:1px solid #dbdbdb;display:none;flex-direction:row;height:60px;justify-content:space-around;width:100%}.mobile_nav_Top h1{font-family:Fasthand,cursive;width:40%}.mobile_nav_Top svg{font-size:27px}.mobile_nav_bottom{align-items:center;background-color:#fafafa;border-top:1px solid #dbdbdb;bottom:0;display:none;flex-direction:row;height:53px;justify-content:space-around;position:fixed;width:100%;z-index:15}.mobile_nav_bottom svg{font-size:27px}.mobile_search_box{background-color:#fff;display:flex;flex-direction:column;height:87%;position:absolute;width:100%;z-index:15}.mobile_search_input{align-items:center;display:flex;height:20%;justify-content:center;width:100%}.mobile_search_input input{background-color:#efefef;border:none;border-radius:10px;height:45%;outline:none;padding:10px;width:90%}.mobile_search_users{align-items:center;display:flex;flex-direction:column;height:80%;overflow-y:scroll;width:100%}@media (max-width:1281px){.navbar h1{padding:32px 27px}}@media (max-width:1245px){.navbar .items h1{padding:32px 23px}}@media (max-width:1145px){.navbar{justify-content:center;width:22.5%}}@media (max-width:950px){.navbar{width:auto}.item_content,.navbar .items h1{display:none}.item{margin:23px 0}.item_icon{width:100%}.item svg{color:#262626;font-size:35px}#navbarsvg{align-items:center;display:flex;height:27%;justify-content:center}}@media (max-width:565px){#navbarsvg{font-size:35px}.navbar{width:12.5%}.item_icon svg{font-size:28px}}@media (max-width:510px){.navbar{display:none}.mobile_nav_Top,.mobile_nav_bottom{display:flex}.home{height:83%}}.latestmessage{background-color:#fff;border:1px solid #dbdbdb;border-radius:20px;height:73%;position:fixed;right:20px;top:15%;width:30%}.post_box{height:100vh;position:fixed;right:25%;width:48%}@media (max-width:1120px){.latestmessage{display:none}.post_box{right:1%;width:75%}}@media (max-width:935px){.post_box{right:1%;width:85%}}@media (max-width:510px){.post_box{border-radius:0;right:auto;top:auto;width:100%}}.message_box{background-color:#fff;border:1px solid #dbdbdb;display:flex;height:93%;position:fixed;right:5%;top:3%;width:71%}.message_users{border-right:1px solid #dbdbdb;height:100%;width:40%}.users_head{align-items:center;border-bottom:1px solid #dbdbdb;display:flex;flex-direction:row;height:11%;justify-content:space-around;width:100%}.users_head h1{color:#262626;font-family:Fira Sans,sans-serif;font-size:32px;font-weight:600;letter-spacing:2px}.messages{display:flex;flex-direction:column;height:100%;position:relative;width:60%}.user_message-box{height:auto;position:relative;width:auto}.messages_of_user{color:#262626c2;flex-direction:column;font-family:Rubik,sans-serif;height:auto;margin:1% 1% 1% 7.5%;max-width:40%;overflow:hidden;padding:10px;width:auto}.messages_of_user img{background-color:#dbdbdb;height:auto;max-height:250px;overflow:hidden;width:auto}.message_img{bottom:0;height:36.2px;margin-left:1%;position:absolute;width:6.2%}.message_img img{border:1px solid #dbdbdb;border-radius:50%;height:80%;width:auto}.users_head button{background-color:#0095f6;border:none;border-radius:10px;color:#fff;font-weight:700;outline:none;padding:10px}.welcome_message{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.welcome_message svg{border:4px solid #000;border-radius:50%;font-size:60px;padding:32px}.welcome_message h1{font-family:Fira Sans,sans-serif;letter-spacing:1px}.message_head{border-bottom:1px solid #dbdbdb;height:64px;justify-content:space-between;width:100%}.message_head,.message_user_detail{align-items:center;display:flex;flex-direction:row}.message_user_detail{height:100%;justify-content:center;min-width:30%;width:auto}.message_user_detail img{border-radius:50%;float:left;height:85%;margin:0 2%;width:auto}.message_user_detail h2{display:flex;flex-direction:column;font-family:Rubik,sans-serif;font-weight:200;justify-content:center}.message_user_detail h2 span{font-size:14px}.message_icons{align-items:center;display:flex;height:100%;justify-content:space-evenly;width:30%}.message_icons svg{font-size:25px}@media (max-width:450px){.message_user_detail{border-radius:50%;float:left;height:71%;margin:0 2%;width:auto}.message_icons{margin:0 5%;width:auto}}.chat_messages{display:flex;flex-direction:column;height:auto;max-height:77%;min-height:77%;overflow-y:scroll;position:relative;width:100%}.message_page_input{align-items:center;align-self:center;border:1px solid #dbdbdb;border-radius:50px;bottom:2%;display:flex;flex-direction:row;height:55px;justify-content:center;position:absolute;width:90%}.chatting_page{align-items:center;display:flex;flex-direction:column;height:100%;width:100%}.message_page_input form input{border:none;height:100%;outline:none;width:100%}.message_page_input form{height:100%;width:70%}.message_page_input svg{color:#262626;font-size:29px;width:10%}#sendPhoto{align-items:center;cursor:pointer;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:10%}#sendPhoto:hover{background-color:#dbdbdb}#sendPhoto input{opacity:0;position:absolute;-webkit-transform:scale(1.5);transform:scale(1.5)}#sendPhoto svg{color:#262626;font-size:32px;width:100%}.chat_users{flex-direction:column;height:89%;overflow-y:scroll;width:100%}.chat_users,.users_of_chat{align-items:center;display:flex}.users_of_chat{background-color:#fff;flex-direction:row;height:13%;justify-content:space-evenly;margin-top:5%;position:relative;width:80%}#Online_indicator{bottom:4%;color:#01ff01;display:block;font-size:30px;left:11%;position:absolute}.users_of_chat_name{font-family:PT Sans,sans-serif;letter-spacing:2px;margin-left:8%;width:80%}.users_of_chat:hover{background-color:#dbdbdb}.users_of_chat img{border:1px solid #dbdbdb;border-radius:50%;height:80%;max-width:25%;width:auto}.user_info{align-items:center;background-color:#fafafa;border:1px solid #dbdbdb;display:flex;flex-direction:column;height:auto;position:fixed;right:5%;top:11%;width:55%;z-index:5}.user_info h1{border-bottom:1px solid #dbdbdb;color:#262626;font-family:Rubik,sans-serif}.users_of_info{align-items:center;display:flex;flex-direction:row;height:40%;justify-content:space-evenly;margin-bottom:5%;margin-top:5%;width:80%}.users_of_info img{border:1px solid #dbdbdb;border-radius:50%;height:80%;width:20%}.exit{height:10px;width:100%}.exit svg{margin:10px}.create_group{align-items:center;background:hsla(0,0%,62%,.6);display:flex;height:100%;justify-content:center;position:absolute;width:100%;z-index:50}.create_group_box{background-color:#fafafa;border:1px solid #dbdbdb;height:70%;width:30%}.create_group_head{align-items:center;background-color:#fff;border-bottom:1px solid #dbdbdb;display:flex;flex-direction:row;font-family:Rubik,sans-serif;font-size:11px;height:12%;justify-content:space-around;letter-spacing:2px;width:100%}.create_group_head svg{font-size:20px}.create_group_body{align-items:center;display:flex;flex-direction:column;height:88%;width:100%}.addmember input{border:1px solid #dbdbdb;border-radius:10px;height:8%;outline:none;padding:5px;width:85%}.addmember{height:85%;justify-content:space-around}.added_users,.addmember{align-items:center;display:flex;flex-direction:column;width:100%}.added_users{height:60%;overflow-y:scroll}.create_group_btn{align-items:center;display:flex;height:10%;justify-content:center;width:100%}.users_searched{align-items:center;background-color:#fff;border:1px solid #dbdbdb;border-radius:50px;display:flex;flex-direction:row;height:25%;justify-content:space-evenly;margin-bottom:2%;width:65%}.users_searched img{border:1px solid #dbdbdb;border-radius:50%;height:80%;width:auto}.users_searched h3{color:#262626;font-family:Rubik,sans-serif;margin-left:2%;min-width:50%;width:auto}.create_group_btn button{background-color:#0095f6;border:none;border-radius:6px;color:#fff;padding:13px}.change_group_name{align-items:center;display:flex;height:13%;justify-content:center;width:100%}.change_group_name input{border:1px solid #dbdbdb;border-radius:10px;height:74%;outline:none;padding:5px;width:65%}.change_group_name button{border-radius:10px;height:85%;width:20%}.selected_user{align-items:center;display:flex;justify-content:center;max-height:8%;width:95%}#Goback{display:none}.selected_user span{align-items:center;display:flex;height:100%;justify-content:cente;margin:7px 1px 7px 7px;width:90%}.selected_user span img{height:100%;margin:0 5%;width:auto}.profile_page{align-items:center;background-color:#fff;border:1px solid #dbdbdb;border-radius:20px;display:flex;flex-direction:column;font-family:Rubik,sans-serif;height:95%;position:fixed;right:11%;top:3%;width:60%}.profile_detail{border:1px solid #dbdbdb;display:flex;height:36%;margin-top:3%;position:relative;width:75%}.profile_page_image{align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:35%}.editImage input{opacity:0;position:absolute;-webkit-transform:scale(2.7);transform:scale(2.7)}.editImage input[type=file]::-webkit-file-upload-button{cursor:pointer;height:90px}.profile_page_image img{cursor:pointer;height:auto;width:75%}.profile_page_image svg{border:1px solid #333;border-radius:50%;bottom:11%;color:#444;height:auto;outline:none;padding:31%;position:absolute;right:10%;width:16%}.profile_page_name{display:flex;flex-direction:column;height:100%;justify-content:space-between;width:65%}.profile_page_inner_data{display:flex;flex-wrap:wrap;height:70%;justify-content:space-around;width:100%}.profile_page_icons_detail{display:flex;flex-direction:column;flex-wrap:wrap;height:80%;justify-content:space-evenly;width:100%}.profile_page_icons_detail span svg{color:#555;font-size:25px;margin-right:8px}.profile_page_icons_detail span{align-items:center;display:flex;flex-direction:row}.Follow_btn{align-items:center;display:flex;height:100%;justify-content:center;width:40%}.Follow_btn button{padding:10px 35px}@media (max-width:1080px){.message_box{right:1%;width:75%}}@media (max-width:875px){.welcome_message{display:none}.message_box{right:4%;width:85%}.message_users{width:100%;z-index:2}.messages{background-color:#fff;position:absolute;width:100%;z-index:20}.profile_page img{width:auto}#Goback{display:block}.create_group_box{width:86%}.profile_page{min-width:90%;right:1%;width:auto}}@media (max-width:565px){.message_box{right:1%}}@media (max-width:510px){.message_page_input{width:97%}@media (max-height:480px){.message_page_input{bottom:1%}}.message_box{height:100%;right:auto;top:0;width:100%;z-index:20}.profile_page{border-radius:0;height:88%;right:auto;top:auto;width:100%}.messages_of_user{margin-left:10.5%}}@media (max-height:560px){.chat_messages{max-height:73%;min-height:69%}}.notifications{background-color:#fff;border:1px solid #dbdbdb;display:flex;flex-direction:column;height:100%;justify-content:space-between;position:-webkit-sticky;position:sticky;width:320px}.loaderHeight,.message_is_loading{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.loaderHeight{flex-direction:column}.loading_box{align-items:center;display:flex;flex-direction:row;height:17%;justify-content:space-evenly;width:100%}.loader_circle{background-color:#e6e6e6;border-radius:50%;height:70%;width:20%}.loader_title_box{background-color:#e6e6e6;height:37%;width:70%}.loader{-webkit-animation:rotate0234 3.5s linear infinite;animation:rotate0234 3.5s linear infinite;height:5px;position:absolute;width:1px}.loader .dot{background:#0095f6;border-radius:50%;height:7px;position:relative;top:30px;width:7px}.text{bottom:-85px;color:#26aee4;font-size:25px;font-weight:400;position:absolute}@-webkit-keyframes rotate0234{30%{-webkit-transform:rotate(220deg);transform:rotate(220deg)}40%{opacity:1;-webkit-transform:rotate(450deg);transform:rotate(450deg)}75%{opacity:1;-webkit-transform:rotate(2turn);transform:rotate(2turn)}76%{opacity:0}to{opacity:0;-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes rotate0234{30%{-webkit-transform:rotate(220deg);transform:rotate(220deg)}40%{opacity:1;-webkit-transform:rotate(450deg);transform:rotate(450deg)}75%{opacity:1;-webkit-transform:rotate(2turn);transform:rotate(2turn)}76%{opacity:0}to{opacity:0;-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.loader:first-child{-webkit-animation-delay:.15s;animation-delay:.15s}.loader:nth-child(2){-webkit-animation-delay:.3s;animation-delay:.3s}.loader:nth-child(3){-webkit-animation-delay:.45s;animation-delay:.45s}.loader:nth-child(4){-webkit-animation-delay:.6s;animation-delay:.6s}.loader:nth-child(5){-webkit-animation-delay:.75s;animation-delay:.75s}.loader:nth-child(6){-webkit-animation-delay:.9s;animation-delay:.9s}.notification_message{align-items:center;display:flex;flex-direction:column;height:100%;width:100%}.notify_msgs{align-items:center;display:flex;height:10%;justify-content:center;width:90%}.scrollchats{display:flex;flex-direction:column;min-height:100%}.typing{--clr:#fff;--gap:6px;align-items:center;background-color:#dbdbdb;border-radius:30px;display:flex;gap:var(--gap);justify-content:center;margin:10px;padding:15px 0;width:67px}.typing span{background-color:var(--clr);border-radius:100%;height:12px;opacity:0;width:12px}.typing span:first-child{-webkit-animation:fade 1s ease-in-out infinite;animation:fade 1s ease-in-out infinite}.typing span:nth-child(2){-webkit-animation:fade 1s ease-in-out .33s infinite;animation:fade 1s ease-in-out .33s infinite}.typing span:nth-child(3){-webkit-animation:fade 1s ease-in-out .66s infinite;animation:fade 1s ease-in-out .66s infinite}@-webkit-keyframes fade{0%,to{opacity:1}60%{opacity:0}}@keyframes fade{0%,to{opacity:1}60%{opacity:0}}.create_post{align-items:center;background-color:#fff;border:1px solid #dbdbdb;border-radius:20px;display:flex;flex-wrap:wrap;height:22%;justify-content:space-around;margin-top:2%;width:95%}#create_post_text{height:15%;width:80%}#create_post_text,.upload_image{background-color:#efefef;border:none;border-radius:10px;outline:none;padding:10px}.upload_image{height:11%;overflow:hidden;position:relative;width:14%}.upload_image input{color:#333;cursor:pointer;opacity:0;position:absolute;-webkit-transform:scaleY(1.5);transform:scaleY(1.5)}.create_post button{border:1px solid;border-radius:9px;float:right;padding:9px 40px}.create_post button:hover{background-color:#f3ecec}.postcard{background-color:#fff;border:2px solid #efefef;border-radius:20px;font-family:Rubik,sans-serif;height:65%;margin-top:3%;width:65%}.postcard_head{align-items:center;border-bottom:1px solid #dbdbdb;color:#333;display:flex;flex-direction:row;height:12%;width:100%}.profile_card_innerimg{border:1px solid #dbdbdb;border-radius:50%;height:75%;margin-left:3%;margin-right:2%;max-width:9%;overflow:hidden;width:auto}.postcard_image{height:68%;overflow:hidden;width:100%}.postcard_image img{height:auto;image-rendering:pixelated;width:100%}.postcard_footer{border-top:1px solid #dbdbdb;height:20%;width:100%}.post_scroll_box{display:flex;flex-wrap:wrap;height:100%;justify-content:center;overflow-y:scroll;width:100%}.post_scroll_box::-webkit-scrollbar{display:none}.postcard_footer_desc{color:#333;display:flex;height:auto;max-height:65%;padding:0 9px;width:90%}.postcard_footer_like{height:50%;width:100%}.postcard_footer_like svg{color:#333;font-size:35px;margin-left:3%}.profile_page_posts{align-items:center;display:flex;flex-wrap:wrap;height:58%;width:75%}.profile_page_posts span{border-bottom:1px solid #222;padding:3px 12px}.profile_page_post_box{display:flex;flex-wrap:wrap;height:85%;overflow-y:scroll;width:100%}.profile_photos{align-items:center;border:1px solid #dbdbdb;display:flex;height:auto;justify-content:center;margin:1%;max-height:60%;min-height:60%;overflow:hidden;width:30%}.postLoading:after,.profile_photos img{height:100%;width:100%}.postLoading:after{-webkit-animation:gradient-animation_2 1.2s linear infinite;animation:gradient-animation_2 1.2s linear infinite;background:linear-gradient(110deg,hsla(0,0%,100%,.03),hsla(0,0%,100%,0) 40%,hsla(0,6%,97%,.59) 50%,hsla(0,0%,89%,0) 60%,hsla(0,0%,89%,0));content:"";left:0;position:absolute;top:0}@-webkit-keyframes gradient-animation_2{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes gradient-animation_2{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}.CreatePost_cointainer{align-items:center;background:rgba(36,35,34,.43);color:#262626;display:flex;font-family:Ubuntu,sans-serif;height:100%;justify-content:center;position:absolute;width:100%;z-index:10}#exit_cointainer{color:#262626;font-size:20px;padding:5%;position:absolute;right:0;top:0}.Createpost_innerbox{background-color:#fff;border:1px solid #dbdbdb;border-radius:5%;display:flex;height:65%;overflow:hidden;position:relative;width:30%}.CreatePost_selectImage{align-items:center;background-color:#fff;display:flex;flex-direction:column;height:100%;justify-content:space-around;width:100%}.CreatePost_selectImage span{border-bottom:1px solid;color:#262626;font-size:21px;font-weight:900;text-align:center;width:100%}.CreatePost_selectImage .create_button_post{background-color:#1d92ff;border:none;border-radius:10px;color:#fff;font-size:18px;margin-bottom:15%;padding:3%;position:relative}.CreatePost_selectImage .create_button_post:hover{background-color:#1d92ffb8}.create_button_post input{left:70%;opacity:0;position:absolute;-webkit-transform:scale(2);transform:scale(2)}.CreatePost_imagereceived{align-items:center;background-color:#fff;display:none;flex-direction:column;height:100%;justify-content:space-around;overflow:hidden;position:absolute;width:100%;z-index:2}.CreatePost_imagereceived_head{align-items:center;border-bottom:1px solid #262626;display:flex;height:8%;justify-content:space-between;position:absolute;top:0;width:100%}.CreatePost_imagereceived_head svg{font-size:35px}.CreatePost_imagereceived_head span{font-size:22px}.CreatePost_imagereceived_head button{background:transparent;border:none;color:#1d92ff;font-size:20px;margin:2%}.CreatePost_imagereceived img,.CreatePost_imagereceived video{height:80%;width:auto}.createPost_finalPage_box{background-color:#fff;flex-direction:column;height:100%;justify-content:space-evenly;overflow:hidden;z-index:2}.createPost_finalPage_box,.createPost_final_head{align-items:center;display:flex;position:absolute;width:100%}.createPost_final_head{border-bottom:1px solid #262626;height:8%;justify-content:center;top:0}.createPost_final_head img{height:80%;width:auto}.createPost_final_head span{margin:0 3%}#createPost_final_image{height:40%;width:auto}.createpost_caption{align-items:center;display:flex;flex-direction:column;height:25%;justify-content:space-around;width:85%}.createpost_caption button{background-color:#1d92ff;border:none;border-radius:10px;color:#fff;font-size:17px;padding:2%}@media (max-width:600px){.Createpost_innerbox{height:65%;width:85%}}.ui-loader{display:inline-block;height:20px;width:20px}.loader-blk{-webkit-animation:rotate-outer08 1.4s linear infinite;animation:rotate-outer08 1.4s linear infinite;color:#3f51b5}.multiColor-loader{-webkit-animation:color-anim08 1.4s infinite;animation:color-anim08 1.4s infinite;display:block}.loader-circle{stroke:currentColor}.MuiCircularProgress-circleStatic{transition:stroke-dashoffset .3s cubic-bezier(.4,0,.2,1) 0s}.loader-circle-animation{stroke-dasharray:80px,200px;stroke-dashoffset:0;-webkit-animation:rotate-inner08 1.4s ease-in-out infinite;animation:rotate-inner08 1.4s ease-in-out infinite}@-webkit-keyframes rotate-outer08{0%{-webkit-transform-origin:50% 50%;transform-origin:50% 50%}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate-outer08{0%{-webkit-transform-origin:50% 50%;transform-origin:50% 50%}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes rotate-inner08{0%{stroke-dasharray:1px,200px;stroke-dashoffset:0}50%{stroke-dasharray:100px,200px;stroke-dashoffset:-15px}to{stroke-dasharray:100px,200px;stroke-dashoffset:-125px}}@keyframes rotate-inner08{0%{stroke-dasharray:1px,200px;stroke-dashoffset:0}50%{stroke-dasharray:100px,200px;stroke-dashoffset:-15px}to{stroke-dasharray:100px,200px;stroke-dashoffset:-125px}}@-webkit-keyframes color-anim08{0%{color:#4285f4}25%{color:#ea4335}50%{color:#f9bb2d}75%{color:#34a853}}@keyframes color-anim08{0%{color:#4285f4}25%{color:#ea4335}50%{color:#f9bb2d}75%{color:#34a853}}.progress-loader{background:hsla(240,6%,93%,.253);border-radius:7px;height:1%;left:50%;position:absolute;top:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;z-index:50}.progress{-webkit-animation:loading1274 2s ease infinite;animation:loading1274 2s ease infinite;background-image:linear-gradient(90deg,red,orange,#ff0,green,blue,indigo,violet);border-radius:7px;content:"";height:100%;min-width:0;transition:.5s}.ActionUsers_main_box{align-items:center;background:rgba(36,35,34,.43);color:#262626;display:flex;font-family:Ubuntu,sans-serif;height:100%;justify-content:center;position:absolute;width:100%;z-index:99}.ActionUsers_innerbox{background-color:#fff;border:1px solid #dbdbdb;border-radius:5%;display:flex;height:65%;overflow:hidden;position:relative;width:30%}.ActionUsers_head{align-items:center;border-bottom:1px solid #dbdbdb;color:#444;display:flex;height:10%;justify-content:center;overflow:hidden;position:absolute;top:0;width:100%}.ActionUsers_head svg{color:#444;cursor:pointer;font-size:20px;padding:4%;position:absolute;right:0}.ActionUsers_members{align-items:center;bottom:0;display:flex;flex-direction:column;height:90%;overflow-y:scroll;position:absolute;width:100%}.action_member{align-items:center;border:1px solid #dbdbdb;border-radius:10px;color:#222;display:flex;height:12%;justify-content:space-between;margin:2% 0;width:70%}.action_member img{border-radius:50%;height:90%;margin:0 5%;width:auto}.action_member .members_name{height:100%;width:75%}@media (max-width:600px){.ActionUsers_innerbox{background-color:#fff;border:1px solid #dbdbdb;border-radius:5%;display:flex;height:65%;overflow:hidden;position:relative;width:85%}}
/*# sourceMappingURL=main.6b55fcb5.css.map*/