.hr{margin:15px 0;color:#dc143c}.social button{width:100%;margin:10px 0;height:50px;font-size:14px;font-weight:200;text-transform:capitalize;letter-spacing:1.3px;box-shadow:0 2px 4px #777}.auth_page{width:100%;min-height:100vh;background:#fdfdfd;display:flex;align-items:center;justify-content:center}.auth_page form{background:#fff;max-width:400px;width:100%;border:1px solid #ddd;padding:50px 25px}.auth_page form .pass{position:relative}.auth_page form .pass small{position:absolute;top:50%;right:5px;transform:translateY(-50%);cursor:pointer;opacity:.5}.loading{display:flex;justify-content:center;align-items:center}.loading svg{font-size:5px;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;-webkit-animation:text 1s ease-in-out infinite;animation:text 1s ease-in-out infinite}@-webkit-keyframes text{50%{opacity:.1}}@keyframes text{50%{opacity:.1}}.loading polygon{stroke-dasharray:22;stroke-dashoffset:1;animation:dash 4s cubic-bezier(.455,.03,.515,.955) infinite alternate-reverse}@-webkit-keyframes dash{to{stroke-dashoffset:234}}@keyframes dash{to{stroke-dashoffset:234}}.supper-avatar{width:150px;height:150px;border-radius:50%}.big-avatar{width:50px;height:50px;border-radius:50%}.medium-avatar{width:30px;height:30px;border-radius:50%}.small-avatar{width:22px;height:22px;border-radius:50%}.header{width:100%;min-height:70px;position:-webkit-sticky;position:sticky;top:0;left:0;z-index:2;box-shadow:0 0 10px #ddd;background:#f8f9fa;border:1px solid rgba(0,0,0,.125)}.header .navbar{width:100%;height:100%}.header .logo h1{font-size:2rem}.header .menu li{opacity:.5}.header .menu li.active{opacity:1}.header .menu .material-icons{font-size:30px}.header .menu .dropdown-menu{position:absolute;left:inherit;right:0}.header .menu label{cursor:pointer}.header .menu .notify_length{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;font-size:10px}.header .search_form{position:relative}.header .search_form #search{background:#fafafa;border:1px solid #ddd;min-width:250px;width:100%;outline:none;text-indent:5px;border-radius:3px}.header .search_form .search_icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;pointer-events:none}.header .search_form .search_icon .material-icons{font-size:14px;transform:translateY(3px)}.header .search_form .close_search{position:absolute;top:0;right:5px;cursor:pointer;font-weight:900;color:#dc143c}.header .search_form .users{position:absolute;width:100%;min-width:250px;background:#fafafa;max-height:calc(100vh - 150px);overflow:auto;margin-top:3px}.header .search_form .loading{position:absolute;top:50%;right:5px;width:15px;height:15px;transform:translateY(-50%)}.nav-menu{display:block!important}.profile{width:100%;min-height:100vh}.info{width:100%;max-width:800px;margin:auto;padding:20px 10px}.info_container{display:flex;justify-content:space-around;flex-wrap:wrap}.info_content{min-width:250px;max-width:550px;width:100%;flex:1 1;opacity:.7;margin:0 15px}.info_content_title{display:flex;align-items:center;flex-wrap:wrap}.info_content_title h2{font-size:2rem;font-weight:400;transform:translateY(4px);flex:3 1}.info_content_title button{flex:2 1}.info_container .follow_btn{color:teal;cursor:pointer}.info_container .follow_btn span:hover{text-decoration:underline}.edit_profile{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,.53);z-index:9;overflow:auto}.edit_profile form{max-width:450px;width:100%;background:#fff;padding:20px;border-radius:5px;margin:20px auto}.edit_profile .btn_close{position:absolute;top:1rem;right:1rem}.edit_profile .info_avatar{width:150px;height:150px;overflow:hidden;border-radius:50%;position:relative;margin:15px auto;border:1px solid #ddd;cursor:pointer}.edit_profile .info_avatar img{width:100%;height:100%;display:block;object-fit:cover}.edit_profile .info_avatar span{position:absolute;bottom:-100%;left:0;width:100%;height:50%;text-align:center;color:orange;transition:.3s ease-in-out;background:hsla(0,0%,100%,.33)}.edit_profile .info_avatar:hover span{bottom:-15%}.edit_profile .info_avatar #file_up{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;opacity:0}::-webkit-file-upload-button{cursor:pointer}.follow{position:fixed;top:0;left:0;background:rgba(0,0,0,.53);width:100%;height:100vh;z-index:4}.follow_box{width:350px;border:1px solid #222;border-radius:5px;background:#fff;padding:20px 10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.follow_content{width:100%;height:350px;overflow:auto}.follow_box .close{position:absolute;top:0;right:3px;font-size:3rem;cursor:pointer}.profile_tab{width:100%;display:flex;justify-content:center;border-top:1px solid #eee;border-bottom:1px solid #eee}.profile_tab button{outline:none;border:none;background:#fff;text-transform:uppercase;font-weight:700;font-size:1.2rem;padding:5px 20px;margin:0 25px;opacity:.5}.profile_tab button.active{border-top:1px solid #000;border-bottom:1px solid #000;opacity:.8}.status{background:#fff;box-shadow:0 0 5px #ddd;padding:20px;border-radius:5px;border:1px solid rgba(0,0,0,.125)}.status .statusBtn{background:#f1f1f1;border:none;outline:none;border-radius:30px;color:#555;padding:0 10px;text-align:left;margin:0 5px}.status .statusBtn:hover{background:#ddd}.posts .card{box-shadow:0 0 4px #ddd}.posts .card_header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:15px 25px}.posts .card_header .card_name{transform:translateY(3px)}.posts .card_header .dropdown-menu{position:absolute;right:0;left:inherit}.posts .card_header .dropdown-item{display:flex;margin:5px 0}.posts .card_body-content{padding:0 25px;margin-top:-10px;margin-bottom:10px}.posts .card_body-content .readMore{color:#dc143c;cursor:pointer}.posts .card_icon_menu{display:flex;justify-content:space-between;padding:0 15px;cursor:pointer}.posts .card_icon_menu i{font-size:28px;margin:10px}.posts .card_icon_menu img{width:28px;height:28px;transform:translate(5px,-5px);opacity:.9}.status_modal{position:fixed;top:0;left:0;background:rgba(0,0,0,.53);z-index:4;width:100%;height:100vh;overflow:auto}.status_modal form{max-width:450px;width:100%;background:#fff;margin:30px auto;padding:20px;border-radius:5px}.status_header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd;transform:translateY(-13px)}.status_header span{font-size:2rem;font-weight:900;cursor:pointer;transform:translateY(-5px)}.status_body textarea{width:100%;min-height:150px;border:none;outline:none;resize:none}.status_body .input_images{display:flex;justify-content:center;margin:10px 0}.status_body .input_images i{font-size:2rem;cursor:pointer}.status_body .input_images .file_upload{overflow:hidden;margin:0 10px;position:relative}.status_body .input_images .file_upload #file{position:absolute;top:0;left:0;opacity:0}.status_body .show_images{max-height:270px;width:100%;overflow-y:auto;overflow-x:hidden;display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));place-items:center;padding:10px 0;grid-gap:10px}.status_body .show_images #file_img{position:relative;width:100%;height:100%}.status_body .show_images #file_img img,.status_body .show_images #file_img video{display:block;object-fit:contain;width:100%;height:100%;max-height:100px}.status_body .show_images #file_img span{position:absolute;top:-1px;right:-2px;z-index:4;background:#fff;color:#dc143c;padding:3px 7px;border:1px solid #dc143c;border-radius:50%;font-size:10px;font-weight:bolder;cursor:pointer}.status_body .stream span{position:absolute;top:-10px;right:5px;color:#dc143c;font-size:2rem;font-weight:900;cursor:pointer}.status_body .dropdown-menu{transform:translate3d(-153px,-190px,0)!important}.comment_input{display:flex;align-items:center}.comment_input input{background:#f7f7f7;border:none;outline:none;flex:1 1;overflow:auto}.comment_input .postBtn{border:none;outline:none;background:#f7f7f7;color:#00f;font-weight:600}.comment_input .dropdown-menu{transform:translate3d(-120px,-200px,0)!important}.comment_display{padding:10px 25px}.comment_card .comment_content{background:#eee;padding:7px;border-radius:10px;border-top-left-radius:0;display:flex;justify-content:space-between;align-items:center}.comment_card .comment_content .readMore{cursor:pointer;color:#dc143c}.comment_card .comment_content .nav-item{cursor:pointer;opacity:0}.comment_card .comment_content:hover .nav-item{opacity:1}.comment_card .comment_content .dropdown-menu{position:absolute;right:0;left:inherit}.comment_card .comment_content .dropdown-item{display:flex;margin:10px 0}.comment_card .comment_content textarea{width:100%;border:none;outline:none}.post_thumb{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));justify-content:center;grid-gap:10px;overflow:hidden;margin:15px 0}.post_thumb_display{min-width:300px;height:300px;width:100%;position:relative;cursor:pointer;overflow:hidden}.post_thumb_display img,.post_thumb_display video{width:100%;height:100%;display:block;object-fit:cover}.post_thumb_display .post_thumb_menu{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.53);display:flex;justify-content:center;align-items:center;opacity:0;transition:.3s}.post_thumb_display:hover .post_thumb_menu{opacity:1}.post_thumb_display .post_thumb_menu i{font-size:1.8rem;color:#fff;margin:0 25px}.message{width:100%;height:calc(100vh - 100px);border:1px solid #ddd;margin-top:15px;border-radius:3px;background:#fbfbfb}.message_header{width:100%;height:60px;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center;background:#f8f8f8}.message_header input{flex:1 1;height:100%;border:none;outline:none;background:#f8f8f8;padding:0 5px}.message_chat_list{width:100%;height:calc(100% - 60px);overflow-y:auto}.message_chat_list .message_user{display:flex;justify-content:space-between;align-items:center;padding:5px 10px;border:1px solid #f3f3f3;color:#555;cursor:pointer}.message_chat_list .message_user.active{background:#eee}.message_chat_list .message_user a{color:#555}.message_chat_list .message_user a:hover{text-decoration:none}.message_chat_list .message_user .fa-circle{font-size:8px;color:#aaa}.message_chat_list .message_user .fa-circle.active{color:#228b22}.chat_input{display:flex;align-items:center;justify-content:space-between;padding:0 10px;border-top:1px solid #ddd}.chat_input input{width:100%;height:49px;border:none;outline:none}.chat_input button{border:none;outline:none;background:#fff}.chat_input .file_upload{position:relative;overflow:hidden;margin:0 10px}.chat_input .file_upload #file{position:absolute;top:0;left:0;opacity:0}.show_media{width:100%;height:70px;overflow:hidden;display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));place-items:center;grid-gap:10px;background:#f3f3f3;border-radius:5px;padding:0 5px}.show_media #file_media{position:relative;width:100%;height:100%;max-width:70px;max-height:70px}.show_media #file_media img,.show_media #file_media video{width:100%;height:100%;display:block;object-fit:contain}.show_media #file_media span{position:absolute;top:0;right:0;z-index:4;background:#fff;border:1px solid #dc143c;padding:3px 7px;color:#dc143c;border-radius:50%;font-size:10px;font-weight:700;cursor:pointer}.chat_container{width:100%;height:calc(100% - 110px);overflow-y:auto;padding:0 10px}.chat_display{width:100%;min-height:100%;display:flex;flex-direction:column;justify-content:flex-end}.chat_row{display:grid;grid-template-columns:70%;margin-bottom:10px}.you_message{justify-content:end;justify-items:end}.other_message{justify-content:start;justify-items:start}.chat_text{padding:9px 14px;margin-bottom:5px}.chat_time{font-size:13px;color:#777}.you_message .chat_text{background:#0048aa;color:#fff;border:1px solid #0048aa;border-radius:14px 14px 0 14px}.other_message .chat_text{background:#fff;color:#111;border:1px solid #ddd;border-radius:14px 14px 14px 0}.chat_title{margin-bottom:3px}.you_content{position:relative}.you_content .fa-trash{position:absolute;top:50%;left:-15px;transform:translateY(-50%);cursor:pointer;font-size:14px;opacity:0}.you_content:hover .fa-trash{opacity:1}.chat_input .dropdown-menu{transform:translate3d(-110px,-200px,0)!important}.reactions{display:grid;grid-template-columns:repeat(4,50px);text-align:center;cursor:pointer}.reactions span{margin:3px 0}.call_modal{position:fixed;top:0;left:0;z-index:9;background:rgba(0,0,0,.53);height:100vh}.call_box,.call_modal{width:100%;display:flex;align-items:center;justify-content:center}.call_box{max-width:400px;background:#00008b;flex-direction:column;color:#fff;padding:50px 0;border-radius:5px;box-shadow:0 0 5px #00008b}.call_box h4,.call_box h6{margin-top:5px}.call_menu{min-width:280px;width:100%;display:flex;justify-content:space-around}.call_menu button{font-size:2rem;background:#eee;padding:15px;border-radius:50%;cursor:pointer;border:none;outline:none}.call_modal .timer{transform:translateY(-15px)}.call_modal .show_video{position:fixed;top:0;left:0;width:100%;height:100vh;pointer-events:none}.call_modal .other_video{width:100%;height:100%}.call_modal .you_video{position:absolute;top:0;right:0;width:300px;max-height:250px;border-radius:5px;border:1px solid #dc143c;z-index:10}.call_modal .end_call{bottom:100px;pointer-events:auto;font-size:2rem;background:#eee;padding:15px;border-radius:50%;cursor:pointer;border:none;outline:none}.call_modal .end_call,.call_modal .time_video{position:absolute;left:50%;transform:translateX(-50%)}.call_modal .time_video{bottom:170px;color:#fff}*{padding:0;box-sizing:border-box;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}#theme{display:none}#theme:checked~*{-webkit-filter:invert(1);filter:invert(1)}.App{background:#fff}.App,.main{width:100%;min-height:100vh}.main{max-width:1000px;margin:auto}img{object-fit:cover}@font-face{font-family:"Material Icons";font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialicons/v121/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format("woff2")}.material-icons{font-family:"Material Icons";font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-moz-font-feature-settings:"liga";-moz-osx-font-smoothing:grayscale}@media (max-width:766px){.header .navbar .logo{display:none}.header .menu{width:100%;height:40px}.header .menu .navbar-nav{display:flex;justify-content:space-around;align-items:center}.header .search_form{width:100%}.header .logo{margin:auto}.header .logo h1{font-size:1.5rem}.message{height:calc(100vh - 100px)}.left_mess,.right_mess{display:none}.status{padding:20px 10px}}.mode{width:100%;height:100vh;overflow:hidden}
/*# sourceMappingURL=main.7cc74046.chunk.css.map */