.auth_page{width:100%;min-height:100vh;background:#fdfdfd;position:relative}.auth_page form{background:#fff;max-width:400px;width:100%;border:1px solid #ddd;padding:50px 25px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.auth_page form .pass{position:relative}.auth_page form .pass small{position:absolute;top:50%;right:5px;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;opacity:.5}.loading{display:flex;align-items:center;justify-content:center}.loading svg{font-size:5px;font-weight:600;text-transform:uppercase;letter-spacing:1px;-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}}.header{width:100%;min-height:70px;position:-webkit-sticky;position:sticky;top:0;left:0;z-index:2;box-shadow:0 0 10px #ddd;border:1px solid #40e0d0}.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 .dropdown-menu{position:absolute;left:inherit;right:0}.header .menu label{cursor:pointer}.header .menu .notify_length{position:absolute;top:-10%;font-size:20px;color:#000}.header .search_form{position:relative}.header .search_form #search{background:#fafafa;border:1px solid #ddd;min-width:250px;width:100%;outline:none;text-indent:3px;border-radius:10px}.header .search_form .search_icon{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:12px;pointer-events:none}.header .search_form .search_icon .material-icons{font-size:14px;-webkit-transform:translateY(3px);transform:translateY(3px)}.header .search_form .close_search{position:absolute;top:0;right:5px;cursor:pointer;font-weight:900;color:tomato}.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;-webkit-transform:translateY(-8px);transform:translateY(-8px)}@media (max-width:768px){.header .menu{position:fixed;bottom:0;left:0;width:100%;box-shadow:0 0 1000px #ddd;background:rgba(255,99,71,.0784313725490196);z-index:2}.header .menu .navbar-nav{display:flex;justify-content:space-around;align-items:center}.header .menu .dropdown-menu{bottom:100%;top:auto}.header .search_form{width:100%}.header.logo{margin:auto}.header .logo h1{font-size:1.5rem}}.supper-avatar{height:150px;width:150px;border-radius:50%}.big-avatar{height:50px;width:50px;border-radius:50%}.medium-avatar{height:30px;width:30px;border-radius:50%}.small-avatar{height:10px;width:10px;border-radius:50%}.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:400px;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;-webkit-transform:translateY(4px);transform:translateY(4px);flex:3 1}.info_content_title button{flex:2 1}.info_container .follow_btn{cursor:pointer;color:teal}.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,.5333333333333333);z-index:9;overflow:auto}.edit_profile form{max-width:450px;width:100%;background:#fff;padding:2px;border-radius:5px;margin:20px auto}.edit_profile .btn_close{position:absolute;top:10px;right:10px}.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:#0ff;transition:.2s ease-in-out;background:hsla(0,0%,100%,.3333333333333333)}.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,.5333333333333333);width:100%;height:100vh;z-index:4}.follow_box{width:350px;height:400px;border:1px solid #222;background:#fff;position:absolute;padding:20px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);overflow:auto}.follow_box .close{position:absolute;top:0;right:5px;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:2px solid violet;border-bottom:2px solid #00ff7f;opacity:1}.status{background:#fff;box-shadow:0 0 5px #ddd;padding:20px;border-radius:5px}.status .statusBtn{background:#f1f1f1;border:none;outline:none;border-radius:30px;color:#555;padding:0 10px;text-align:left}.status .statusBtn:hover{background:#ddd}.posts .card{box-shadow:0 0 10px #ddd}.posts .card_header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:15px 25px;width:100%}.posts .card_header .card_name{-webkit-transform:translateY(3px);transform:translateY(3px)}.posts .card_header .dropdown-menu{position:absolute;left:inherit!important;right:0}.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:tomato;cursor:pointer}.posts .card_icon_menu{display:flex;justify-content:space-between;padding:0 15px;cursor:pointer}.posts .card_icon_menu i{font-size:25px;margin:20px}.posts .card_icon_menu img{margin:10px;width:25px;height:25px;-webkit-transform:translateY(-4px);transform:translateY(-4px)}.status_modal{position:fixed;top:0;left:0;background:rgba(0,0,0,.5333333333333333);z-index:4;width:100%;height:100vh;overflow:auto}.status_modal form{max-width:450px;background:#fff;width:100%;margin:30px auto;padding:20px;border-radius:5px}.status_header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.status_header span{font-size:2rem;font-weight:900;cursor:pointer;-webkit-transform:translateY(-7px);transform:translateY(-7px)}.status_body textarea{width:100%;min-height:150px;outline:none;resize:none;border:none;border-top:1px solid #000}.status_body .input_images{position:relative;display:flex;justify-content:center}.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:250px;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}.status_body .show_images #file_img{position:relative;width:100%;height:100%}.status_body .show_images #file_img img{display:block;width:100%;height:100%}.status_body .show_images #file_img span{position:absolute;top:2px;right:-2px;z-index:4;background:#fff;color:tomato;padding:3px 7px;border:1px solid tomato;border-radius:50%;font-size:15px;cursor:pointer;font-weight:bolder}.status_body .stream span{position:absolute;top:0;right:5px;color:tomato;font-size:2.5rem;background:#40e0d0;border:1px solid #000;border-radius:50%;cursor:pointer}.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:thin solid;padding:0 10px;border-radius:50%;outline:none;background:#f7f7f7;color:tomato;font-weight:800}.comment_display{padding:10px 25px}.comment_display .comment_content{background:#eee;padding:7px;border-radius:10px;border-top-left-radius:0;display:flex;justify-content:space-between;align-items:center}.comment_display .comment_content .readMore{cursor:pointer;color:tomato}.comment_display .comment_content .nav-item{cursor:pointer;opacity:0}.comment_display .comment_content:hover .nav-item{opacity:1}.comment_display .comment_content .dropdown-menu{position:absolute;right:0;left:inherit}.comment_display .comment_content .dropdown-item{display:flex;margin:10px 0}.comment_display .comment_content textarea{width:100%;border:none;outline:none;padding:0 10px}.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{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,.5333333333333333);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:2rem;color:#fff;margin:0 25px}.message{width:100%;height:calc(100vh - 100px);overflow-x:auto;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:10x 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:10px;color:#aaa}.message_chat_list .message_user .fa-circle.active{color:#adff2f}.chat_input .file_upload{position:relative;overflow:hidden;margin:0 10px}.chat_input .file_upload #file{position:absolute;top:0;left:0;opacity:0}.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_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:rgba(34,34,255,.6196078431372549);color:#f5f5f5;font-weight:unset;border:1px solid snow;border-radius:14px 14px 0 14px}.chat_title{margin-bottom:5px}.other_message .chat_text{background:wheat;color:#000;font-weight:400;border:1px solid violet;border-radius:14px 14px 0 14px}.show_media{width:100%;overflow:hidden;height:80px;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 red;padding:3px 7px;color:red;border-radius:50%;font-size:10px;font-weight:700;cursor:pointer}.you_content{position:relative}.you_content .fa-trash{position:absolute;top:50%;left:-15px;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;font-size:14px;opacity:0}.you_content:hover .fa-trash{opacity:1}.discover{display:flex;justify-content:center;align-items:center;width:100%}.reactions{display:grid;grid-template-columns:repeat(4,50px);text-align:center;cursor:pointer}.call_modal{position:fixed;top:0;left:0;z-index:7;background:rgba(0,0,0,.5333333333333333);height:100vh}.call_box,.call_modal{width:100%;display:flex;align-items:center;justify-content:center}.call_box{max-width:400px;background:#00f;flex-direction:column;color:#fff;padding:50px 0;border-radius:5px;box-shadow:0 0 5px #00f}.call_box h4 .call_box h6{margin-top:10px}.call_menu{min-width:280px;width:100%;display:flex;justify-content:space-around}.call_menu span{padding:10px;font-size:2rem;border:1px solid #fff;background:#fff;border-radius:50%;cursor:pointer}.call_modal .timer{-webkit-transform:translateY(3px);transform:translateY(3px)}.call_modal .show_video{position:fixed;top:0;left:0;width:100%;height:100vh;pointer-events:none}.call_modal .other_video{height:100%}.call_modal .you_video{position:absolute;top:0;right:0;width:300px;border-radius:5px;border:1px solid red;z-index:10}.call_modal .end_call{bottom:30px;pointer-events:auto;font-size:2rem;background:#eee;padding:15px;border-radius:50%;cursor:pointer}.call_modal .end_call,.call_modal .time_video{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.call_modal .time_video{bottom:100px;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~.App{-webkit-filter:invert(1);filter:invert(1)}.App{width:100%;min-height:100vh;background:#fff}.main{max-width:1000px;width:100%;margin:auto}img{object-fit:cover}.mode{width:100%;height:100%;overflow:hidden}
/*# sourceMappingURL=main.66c5a0d3.chunk.css.map */