*,body{margin:0}body{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}:root{--fb-theme-colour-app-background:#f1f2f5;--fb-theme-colour-blue:#2e81f4;--fb-theme-colour-white:#fff;--fb-theme-colour-white-posts:#fff;--fb-theme-colour-white-header:#fff;--fb-theme-colour-grey:grey;--fb-theme-colour-black:#000;--fb-theme-colour-background:#f1f2f5;--fb-theme-colour-textfield:#eff2f5;--fb-theme-colour-button-hover:#eff2f5;--fb-theme-colour-message-background:#c8c9cb;--fb-theme-colour-text:#000;--fb-theme-colour-post-option:grey;--fb-theme-colour-post-border-top:#d3d3d3;--fb-theme-colour-post-text:#000;--fb-theme-colour-icon-selected:#1976d2;--fb-theme-colour-icon-update:#149815;--fb-theme-colour-messenger-sender-border-top:#eff2f5;--fb-theme-colour-border:#ccc;--fb-theme-colour-arrow:rgba(0,0,0,0.54);--fb-theme-colour-storyreel:#2e81f4;--fb-theme-colour-chat-toolbar:#4169e1;--fb-theme-colour-chat-header:#d9dadd;--fb-theme-colour-chat-message:#f44336;--fb-theme-colour-notification-text:#fcfefd;--fb-theme-colour-notification-background:#e40000;--fb-theme-colour-remove-friend-border:#ccd0d5;--fb-theme-colour-remove-friend-background:#f5f6f7;--fb-theme-colour-chat-online:#00b0ff;--fb-theme-colour-online:#40d421;--fb-theme-colour-offline:#f44336}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.app_container{display:flex;max-height:-webkit-max-content;max-height:max-content;min-height:100vh;background-color:var(--fb-theme-colour-background)}.app{min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.header{display:flex;padding:15px 20px;justify-content:space-between;position:-webkit-sticky;position:sticky;background-color:var(--fb-theme-colour-white-header);z-index:100;top:0;box-shadow:0 5px 8px -9px rgba(0,0,0,.75)}.header_left{display:flex;justify-content:space-evenly}.header_left>img{height:40px}.header_center{display:flex;margin-left:auto;margin-right:auto}.header__input{display:flex;align-items:center;background-color:var(--fb-theme-colour-textfield);margin-left:10px;border-radius:999px}.header__input>input{border:none;background-color:initial;outline-width:0}.header_option>.MuiSvgIcon-root,.notification>.MuiSvgIcon-root{color:var(--fb-theme-colour-grey)}.header_option.active>.MuiSvgIcon-root,.header_option:hover>.MuiSvgIcon-root,.notification:hover>.MuiSvgIcon-root{color:var(--fb-theme-colour-blue)}.header_option.active{border-bottom:4px solid var(--fb-theme-colour-blue)}.header_option,.notification{display:flex;align-items:center;padding:0 30px;cursor:pointer}.notification{position:relative}.notification>span{color:var(--fb-theme-colour-notification-text);background:var(--fb-theme-colour-notification-background);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:2px 5px;right:20px;top:-1px;position:absolute}.header_option:hover,.notification:hover{background-color:var(--fb-theme-colour-button-hover);border-radius:10px;align-items:center;padding:0 30px;border-bottom:none}.header_info{display:flex;align-items:center}.header_info>h4{color:var(--fb-theme-colour-text);margin-left:10px}.header_right{display:flex}.header_arrow.active{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.header_divider{display:flex;flex:0.2 1;justify-content:center}.dropDownSignOut_container{position:absolute;width:108px;height:23px;right:1%;top:77%;background-color:var(--fb-theme-colour-white);border:1px solid #d3d3d3;border-radius:8px;padding:1rem;overflow:hidden;transition:height .5s ease;margin-left:auto;display:flex;align-items:center;z-index:9}.notifications_container{position:absolute}.header_menu_signin_nav_arrow{top:36px;left:36px}.header-menu-signin-nav-inner-arrow,.header_menu_signin_nav_arrow{border:9px solid transparent;border-top:0 solid transparent;border-bottom:9px solid var(--fb-theme-colour-white);width:0;height:0;position:absolute}.header-menu-signin-nav-inner-arrow{font-size:0;line-height:0;top:1px;left:-9px}.header-menu-signin-nav-tooltip{text-align:center}.friends_request_container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background:var(--fb-theme-colour-white);position:absolute;height:50px;top:45px;right:-115px}.friends_request_container>h4{margin-left:8px;margin-top:6px}.friends_request_container>div>div>.people_container>h4{color:#000}.sidebar_container{padding:25px 10px;flex:0.33 1}.people_container,.sidebarrow_container{display:flex;align-items:center;padding:10px}.sidebarrow_container:hover{background-color:#d3d3d3;border-radius:10px}.people_container>h4,.sidebarrow_container>h4{color:var(--fb-theme-colour-text);margin-left:20px;font-weight:600}.person_username{text-overflow:ellipsis;max-width:200px;width:150px;overflow:hidden}.person_online{color:var(--fb-theme-colour-chat-online)}.person_offline{color:var(--fb-theme-colour-offline)}.phone_icon{margin-left:auto}.phone_icon:hover{cursor:pointer}.people_container>.MuiSvgIcon-root,.sidebarrow_container>.MuiSvgIcon-root{font-size:xx-large;color:var(--fb-theme-colour-blue)}.people_body{flex-direction:column;display:inline;margin-top:10px}.add_friend_button{width:122px;margin-left:36px;background-color:var(--fb-theme-colour-blue);color:var(--fb-theme-colour-button-hover);font-weight:800;padding:0;border:none}.add_friend_button:hover{cursor:pointer;background-color:var(--fb-theme-colour-white);color:var(--fb-theme-colour-blue)}.add_friend_button>div{display:flex;justify-content:space-evenly;font-size:11px}.add_friend_button>div>.MuiSvgIcon-root{font-size:19px}.remove_person_button{width:80px;height:24px;margin-left:auto;font-weight:800;padding:0;border:var(--fb-theme-colour-remove-friend-border);background-color:var(--fb-theme-colour-remove-friend-background);display:flex;justify-content:center;font-size:11px;height:19px;line-height:16px}.remove_person_button:hover{cursor:pointer}.chat_time{margin-left:auto}.latest_message_container{display:flex;width:-webkit-fill-available;width:-moz-available;margin-left:20px;white-space:nowrap}.latest_message_container>img{margin-left:auto;margin-right:auto;height:23px;width:28px}.shared_post:hover{cursor:pointer}.latest_message{display:flex;max-width:130px;max-height:21px}.latest_message>span{text-overflow:ellipsis;overflow:hidden}.feed_container{flex:1 1;padding:30px 130px;flex-direction:column;justify-content:center;align-items:center;position:relative}.storyreel_container{display:flex;justify-content:center}.story_container{position:relative;background-position:50%;background-size:cover;background-repeat:no-repeat;width:120px;height:200px;box-shadow:0 5px 17px -7px rgba(0,0,0,.75);border-radius:10px;margin-right:10px;transition:-webkit-transform .1s ease-in;transition:transform .1s ease-in;transition:transform .1s ease-in,-webkit-transform .1s ease-in;cursor:pointer}.story_container:hover{-webkit-transform:scale(1.07);transform:scale(1.07)}.story_avatar{margin:30px;border:5px solid var(--fb-theme-colour-storyreel)}.story_container>h4{position:absolute;bottom:20px;left:20px;color:var(--fb-theme-colour-white)}.messageSender{display:flex;margin-top:30px;flex-direction:column;background-color:var(--fb-theme-colour-white-posts);border-radius:15px;box-shadow:0 5px 7px -7px rgba(0,0,0,.75);width:100%}.messageSender__top{display:flex;border-bottom:1px solid var(--fb-theme-colour-messenger-sender-border-top);padding:15px}.messageSender__top>form{display:flex;flex:1 1}.messageSender__top>form>input{outline-width:0;border:none;padding:5px 20px;margin:0 10px;border-radius:999px;background-color:var(--fb-theme-colour-textfield);color:var(--fb-theme-colour-text)}.messageSender__top>form>button{display:none}.messageSender__input{flex:1 1}.messageSender__bottom{display:flex;justify-content:space-evenly}.messageSender__option{padding:20px;display:flex;align-items:center;color:var(--fb-theme-colour-post-option);margin:5px;left:5px}.messageSender__text{margin-left:5px}.upload_button{cursor:pointer;background-color:var(--fb-theme-colour-blue);color:var(--fb-theme-colour-button-hover);font-weight:800;width:151px;font-size:.875rem;min-width:64px;box-sizing:border-box;transition:background-color .25s cubic-bezier(.4,0,.2,1) 0ms,box-shadow .25s cubic-bezier(.4,0,.2,1) 0ms,border .25s cubic-bezier(.4,0,.2,1) 0ms;font-family:"Roboto","Helvetica","Arial",sans-serif;line-height:1.75;border-radius:4px;letter-spacing:.02857em;text-transform:uppercase;text-align:center}.upload_button:hover{background-color:var(--fb-theme-colour-button-hover);color:var(--fb-theme-colour-blue)}.popup_container{border:1px solid #000;position:fixed;left:50%;top:50%;z-index:100;height:400px;width:600px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:var(--fb-theme-colour-white-posts);border-radius:15px;box-shadow:0 5px 7px -7px rgba(0,0,0,.75);display:flex;flex-direction:column}.popup_title{color:var(--fb-theme-colour-grey)}.popup_top{text-align:center;padding:15px}.popup_preview{padding-bottom:5px}.popup_preview,.popup_preview>img{display:flex;justify-content:center;height:270px}.popup_preview>img{width:541px}.popup_buttons{display:flex;justify-content:center}.popup_buttons>button{cursor:pointer;background-color:var(--fb-theme-colour-blue);color:var(--fb-theme-colour-button-hover);font-weight:800;width:200px;margin-top:12px}.popup_buttons>button:hover{background-color:var(--fb-theme-colour-button-hover);color:var(--fb-theme-colour-blue)}.popup_error_container{border:1px solid #000;position:fixed;left:50%;top:50%;z-index:100;height:250px;width:470px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:var(--fb-theme-colour-white-posts);border-radius:15px;box-shadow:0 5px 7px -7px rgba(0,0,0,.75);display:flex;flex-direction:column}.popup_error_title{color:var(--fb-theme-colour-grey)}.popup_input{margin-top:10px;display:flex;justify-content:center}.popup_error_top{text-align:center;padding:15px}.popup_inputFile{display:none}.popup_label{border:1px solid var(--fb-theme-colour-border);display:flex;padding:6px 12px;cursor:pointer;background-color:var(--fb-theme-colour-blue);color:var(--fb-theme-colour-button-hover);font-weight:800;width:23%}.popup_label:hover{background-color:var(--fb-theme-colour-white);color:var(--fb-theme-colour-blue)}.popup_error_preview{padding-bottom:5px;flex-direction:column}.popup_error_preview,.popup_error_preview>img{display:flex;justify-content:center;height:270px}.popup_error_preview>img{width:541px}.popup_error,.popup_error_buttons{display:flex;justify-content:center}.popup_error_buttons>button{cursor:pointer;background-color:var(--fb-theme-colour-blue);color:var(--fb-theme-colour-button-hover);font-weight:800;width:200px;margin-top:12px;margin-bottom:12px}.popup_error_buttons>button:hover{background-color:var(--fb-theme-colour-button-hover);color:var(--fb-theme-colour-blue)}.popup_divide_buttons{padding-left:5px;padding-right:5px}.post_container{width:100%;margin-top:15px;border-radius:15px;background-color:var(--fb-theme-colour-white-posts);box-shadow:0 5px 7px -7px rgba(0,0,0,.75)}.post_avatar{margin-right:10px}.post_top{display:flex;position:relative;align-items:center;padding:15px}.post_image>img{width:100%}.post_info_top>h3{color:var(--fb-theme-colour-text);font-size:medium}.post_info_top>p{font-size:small;color:var(--fb-theme-colour-grey);margin-top:3px}.post_shared_from:hover{cursor:pointer}.menu_icon{margin-left:auto}.menu_icon:hover{background-color:var(--fb-theme-colour-button-hover);border-radius:10px;color:var(--fb-theme-colour-blue);cursor:pointer}.post_bottom{color:var(--fb-theme-colour-post-text);margin-top:10px;margin-bottom:10px;padding:15px 25px}.post_options{border-top:1px solid var(--fb-theme-colour-post-border-top);display:flex;justify-content:space-evenly;font-size:medium;color:var(--fb-theme-colour-grey);cursor:pointer;padding:15px}.post_option{display:flex;align-items:center;justify-content:center;padding:5px;flex:1 1}.post_option>p{margin-left:10px}.post_option:hover{background-color:var(--fb-theme-colour-button-hover);border-radius:10px}.post_option:hover>.MuiSvgIcon-root{color:var(--fb-theme-colour-blue)}.drop_down,.messsageContainer{height:0;margin:0;padding:0}.messageSender_location{display:flex;position:fixed;margin-top:30px;flex-direction:column;background-color:var(--fb-theme-colour-white-posts);border-radius:15px;border:1px solid var(--fb-theme-colour-blue);box-shadow:0 5px 7px -7px rgba(0,0,0,.75);width:54%;z-index:1;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.post_option.active,.post_option.active:hover>.MuiSvgIcon-root{color:var(--fb-theme-colour-blue)}.post_arrow.active{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.dropdown_container{position:relative;width:70px;height:40px;-webkit-transform:translateX(25%) translateY(-30%);transform:translateX(25%) translateY(-30%);background-color:var(--fb-theme-colour-white);border:1px solid #d3d3d3;border-radius:8px;padding:1rem;overflow:hidden;transition:height .5s ease;margin-left:auto}.dropdown_container,li{display:flex;align-items:center}li{list-style:none;font-size:medium;color:var(--fb-theme-colour-grey);margin-bottom:5px}li:hover{cursor:pointer;background-color:var(--fb-theme-colour-button-hover);border-radius:10px;color:var(--fb-theme-colour-blue)}ul{padding:0}li>.MuiSvgIcon-root{margin-right:5px;display:flex;align-items:center;font-size:20px}.comment_container{background-color:var(--fb-theme-colour-white-posts);border-top:1px solid var(--fb-theme-colour-post-border-top);display:flex;margin-bottom:3px;padding:10px}.comment_area{display:flex;align-items:center;justify-content:center;padding:5px;margin-right:5px}.comment_avatar{margin-right:10px}.comment_username>h3{font-size:medium;margin-right:15px;color:var(--fb-theme-colour-text)}.comment_form,.comment_form>form{display:flex;flex:1 1}.comment_textarea{resize:none;outline-width:0;border-color:var(--fb-theme-colour-message-background);align-items:center;background-color:var(--fb-theme-colour-textfield);padding:10px;margin-right:10px;flex:1 1}button{padding:50px 30px 0}.icon{color:var(--fb-theme-colour-white);background-color:var(--fb-theme-colour-icon-selected);opacity:.5;margin:4px;padding:8px 16px;box-sizing:initial;border-radius:4px}.icon.active{opacity:1}.icon:hover{cursor:pointer}.displayComments_container{background-color:var(--fb-theme-colour-white-posts);border-top:1px var(--fb-theme-colour-post-border-top);display:flex;margin-bottom:3px;padding:10px;flex-direction:column;justify-content:center}.displayComments_area{display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-left:65px}.displayComments_area:hover{background-color:var(--fb-theme-colour-button-hover)}.display_avatar{margin-right:10px;object-fit:contain}.display_username{font-size:15px;margin-right:10px;margin-bottom:0}.display_time,.display_username{color:var(--fb-theme-colour-post-text)}.display_time{font-size:small;margin-top:2px}.display_menu{Display:flex}.display_message{color:var(--fb-theme-colour-post-text)}.display_menu>p{font-size:10px;margin-right:5px;font-weight:700;cursor:pointer}.icon_update{color:var(--fb-theme-colour-white);background-color:var(--fb-theme-colour-icon-update);margin:4px;padding:8px 16px;box-sizing:initial;border-radius:4px;opacity:.5}.icon_update.active{opacity:1}.icon_update:hover{cursor:pointer}.widgets_container{position:relative}.login_container>div>img{object-fit:contain;height:150px}.login_container>div{display:flex;flex-direction:column}.login_container{display:grid;place-items:center;height:100vh;background-color:var(--fb-theme-colour-app-background)}.login_button{display:flex;justify-content:center}.login_divider{height:85px}.login_button>button{width:300px;background-color:var(--fb-theme-colour-blue);color:var(--fb-theme-colour-button-hover);font-weight:800;margin-bottom:85px}.login_button:hover>button,.login_container>button:hover{background-color:var(--fb-theme-colour-white);color:var(--fb-theme-colour-blue)}.chat_body{bottom:0;right:2px;width:367px;margin-left:2px;height:489px;background-color:var(--fb-theme-colour-message-background);box-shadow:-1px 4px 20px -6px rgba(0,0,0,.2);overflow-y:scroll;overflow-x:hidden;margin-bottom:55px;padding-bottom:5px;position:relative;display:inline-block}.chat_Message_container{height:41px;margin-top:12px;margin-bottom:34px;display:contents}.chat_message{background-color:var(--fb-theme-colour-chat-message);margin-left:10px;margin-top:25px}.chat_message,.chat_receiver{position:relative;font-size:16px;border-radius:10px;padding:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;word-break:break-word}.chat_receiver{margin-left:auto;background-color:var(--fb-theme-colour-blue);margin-right:10px}.chat_name{position:absolute;top:-15px;font-weight:800;font-size:xx-small}.chat_timestamp{margin-left:10px;font-size:xx-small}.chat_footer{display:flex;align-items:center;justify-content:space-between;position:fixed;border:1px solid #d3d3d3;bottom:0;width:368px;padding-top:5px;background-color:var(--fb-theme-colour-white);padding-bottom:3px}.chat_footer>form{flex:1 1;display:flex}.chat_footer>form>input{flex:1 1;border-radius:30px;padding:10px;border:none;margin:0 10px 10px;background-color:var(--fb-theme-colour-button-hover);outline-width:0}.chat_footer>form>button{display:none}.insert_icon{margin-left:5px}.insert_icon:hover{cursor:pointer}.emoji-container{position:fixed;width:80px;height:60px;-webkit-transform:translateX(-30%) translateY(-65%);transform:translateX(-30%) translateY(-65%);background-color:var(--fb-theme-colour-white);border:1px solid #d3d3d3;border-radius:8px;padding:1rem;overflow:hidden;transition:height .5s ease;margin-left:auto;display:flex;flex-direction:row;align-items:center}.emoji-icon:hover{cursor:pointer;background-color:var(--fb-theme-colour-blue)}.preview_delete{margin-left:auto;position:absolute;z-index:9;top:-2%}.preview_delete:hover{cursor:pointer}.preview_delete>.MuiSvgIcon-root{position:absolute;font-size:medium;margin-left:-15px}.chat_Message_container>.MuiSvgIcon-root{font-size:medium;cursor:pointer;opacity:0}.chat_Message_container:hover>.MuiSvgIcon-root{font-size:medium;cursor:pointer;opacity:1}.addIcon,.addIcon:hover>.MuiSvgIcon-root{cursor:pointer}.preview_container{background-color:var(--fb-theme-colour-blue);position:relative;border-radius:10px;padding:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-top:12px;margin-left:10px}.preview_container>p{word-break:break-word}.preview_image{width:300px;position:relative}.chat_header{bottom:0;right:2px;align-items:center;width:348px;height:15px;background-color:var(--fb-theme-colour-chat-toolbar);padding:10px;display:flex}.chat_header>.MuiSvgIcon-root{color:var(--fb-theme-colour-white)}.chat_header.active{z-index:9;right:2px;bottom:0;align-items:center;width:348px;height:15px;background-color:var(--fb-theme-colour-chat-toolbar);display:flex}.toolbar_status_logo{padding:10px;display:flex;top:100px}.toobar_enlarger_button{display:flex;margin-left:auto}.max,.minus{color:var(--fb-theme-colour-white)}.minus{margin-top:7.5px}.max:hover,.minus:hover{cursor:pointer}.status-online{background-color:var(--fb-theme-colour-online)}.status-offline,.status-online{height:12px;width:12px;border-radius:50%;display:inline-block;margin-right:10px}.status-offline{background-color:var(--fb-theme-colour-offline)}.title{color:var(--fb-theme-colour-white);text-shadow:1px 1px 2px,0 0 25px #00f,0 0 5px #00008b;margin-left:10px}.chat_toolbar_container{display:flex;flex-direction:column;position:fixed;bottom:0;right:2px}.chat_list{bottom:0;right:2px;width:367px;margin-left:2px;height:544px;background-color:var(--fb-theme-colour-white);box-shadow:-1px 4px 20px -6px rgba(0,0,0,.2);overflow-y:scroll;overflow-x:hidden;padding-bottom:5px;position:relative;display:inline-block}.chat_header_info,.chat_item{background:var(--fb-theme-colour-white);border-bottom:1px solid var(--fb-theme-colour-chat-header)}.chat_item:hover{cursor:pointer}.call_container,.share_item{display:flex;justify-content:center}.call_container{border:1px solid #000;position:fixed;left:50%;top:50%;z-index:100;height:500px;width:835px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:var(--fb-theme-colour-white-posts);border-radius:15px;box-shadow:0 5px 7px -7px rgba(0,0,0,.75);flex-direction:column}.video_container{display:flex;flex-direction:row}.button_container{display:flex;justify-content:center;margin-top:40px}.video_button>button{width:300px;background-color:var(--fb-theme-colour-blue);color:var(--fb-theme-colour-button-hover);font-weight:800}.remote_video_loading{position:relative;width:50%;float:left;background-color:#000;display:flex;justify-content:center;align-items:center}.spinner{border:4px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;width:20px;height:20px;-webkit-animation:spin 1s ease-in-out infinite;animation:spin 1s ease-in-out infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.11c6b08d.chunk.css.map */