@import url(https://fonts.googleapis.com/css2?family=Montserrat+Alternates:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);@import url(https://fonts.googleapis.com/css?family=Nunito);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&family=Roboto:ital@1&family=Source+Sans+Pro&display=swap);@import url(https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#fff;--secondary-color:#ebeef2;--tertiary-color:#c1c1c1;--tertiary-color-hover:#a1a1a1;--primary-text-color:#000;--secondary-text-color:#aaa;--primary-button-color:#898989;--primary-button-color-hover:#6f6f6f;transition:all .5s ease}*{transition:all 1s ease}html{overflow-x:hidden}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}::-webkit-scrollbar{visibility:hidden;width:.5vw}::-webkit-scrollbar:hover{visibility:visible}::-webkit-scrollbar-track{background-color:#ebeef2}::-webkit-scrollbar-thumb{background:#888;border-radius:5px}::-webkit-scrollbar-thumb:active,::-webkit-scrollbar-thumb:hover{background:#555}.home{background-color:var(--secondary-color)}.ComponentContainer{display:flex;justify-content:space-between;margin:auto;width:99vw}.Leftbar,.rightbar{border-radius:15px;height:92vh;margin:0 1vw;overflow-y:auto;position:-webkit-sticky;position:sticky;top:8vh}.Leftbar::-webkit-scrollbar,.rightbar::-webkit-scrollbar{display:none}.mainNavbar{align-items:center;background-color:var(--primary-color);border-bottom-left-radius:13px;border-bottom-right-radius:13px;display:flex;height:8vh;justify-content:space-between;margin:auto;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:999}.searchInputContainer{align-items:center;background-color:var(--secondary-color);border-radius:10px;display:flex;flex:4 1;padding:5px}.IconsContainer{align-items:center;display:flex;flex:0.22 1}.LogoContainer{flex:0.2 1;font-family:Montserrat Alternates,sans-serif;font-size:larger;font-weight:600;margin:0 2vw}.iiconn2{align-items:center;background-color:var(--secondary-color);border-radius:50%;display:flex;height:2.5pc;justify-content:center;margin:5px;width:2.5pc}.LogoContainer:hover{cursor:pointer}.Icons{margin-left:20px}.Icons,.searchIcon{height:20px;width:20px}.ProfileImage{border-radius:50%;height:30px;margin-left:20px;width:30px}.searchInput{background-color:var(--secondary-color);border:none;border-radius:10px;padding:4px;width:33pc}.searchInput:focus{outline:none}.NavbarUsername{font-family:Montserrat Alternates,sans-serif;font-size:15px;font-weight:400;margin-left:10px;overflow-x:hidden;width:100px}.NavbarUsername:hover{cursor:pointer;font-weight:600}.dropdown{display:inline-block;position:relative}.dropbtn{border:none;color:var(--primary-text-color);cursor:pointer;font-size:16px;padding:8px 12px}.dropbtn,.dropdown-content{background-color:var(--primary-color)}.dropdown-content{box-shadow:0 8px 16px 0 #0003;display:none;min-width:120px;position:absolute;right:.5vw;z-index:1}.dropdown-content a,.dropdown-content button{color:var(--primary-text-color);display:block;padding:12px 16px;text-decoration:none;transition:background-color .2s ease-in-out}.dropdown-content a:hover,.dropdown-content button:hover{background-color:var(--tertiary-color)}.dropdown:hover .dropdown-content{display:block}.Leftbar{width:25vw}.NotificationsContainer.Activities{height:-webkit-max-content;height:max-content}.NotificationsContainer{height:40vh}.ExploreImageContainer{height:90%}.ScrollContainerDisNone{height:-webkit-max-content;height:max-content;overflow-y:scroll}.ScrollContainerDisNone2{height:40vh;max-height:60vh;overflow-y:scroll}.ScrollContainerDisNone::-webkit-scrollbar{display:none}.notificationItem{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin:0 5px}.notificationimg{border-radius:50%;height:37px;margin-left:10px;width:37px}.followinguserimage{border-radius:50%;height:35px;width:35px}.ExploreImageContainer{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around}.likeimage{border-radius:3px;height:30px;width:30px}.exploreimage{border-radius:4px;height:50%;margin-left:4px;margin-top:6px;object-fit:cover;width:30%}.iiconn{align-items:center;background-color:var(--secondary-color);border-radius:50%;height:2.5pc;justify-content:center;width:2.5pc}.iiconn,.rowww1{display:flex;margin:10px auto}.rowww1{flex-direction:row;justify-content:space-around}.ContentUploadContainer{background-color:var(--primary-color);border-radius:10px;margin:auto;width:calc(100% - 4vw)}.contentWritingpart{border:none;height:4vh;margin-left:5px;margin-top:5px;width:29pc}.profileimage{border-radius:50%;height:40px;margin-left:10px;margin-top:10px;width:40px}.icons{margin-right:20px}.PostIcons,.icons{height:24px;width:24px}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-width:320px;--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error)}.Toastify__toast-container{box-sizing:border-box;color:#fff;padding:4px;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:320px;width:var(--toastify-toast-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:1em;top:1em}.Toastify__toast-container--top-center{left:50%;top:1em;transform:translateX(-50%)}.Toastify__toast-container--top-right{right:1em;top:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width:480px){.Toastify__toast-container{left:0;margin:0;padding:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:0;transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:0;transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:0}}.Toastify__toast{border-radius:4px;box-shadow:0 1px 10px 0 #0000001a,0 2px 15px 0 #0000000d;box-sizing:border-box;cursor:default;direction:ltr;display:flex;font-family:sans-serif;font-family:var(--toastify-font-family);justify-content:space-between;margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);overflow:hidden;padding:8px;position:relative;z-index:0}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{align-items:center;display:flex;flex:1 1 auto;margin:auto 0;padding:6px}.Toastify__toast-body>div:last-child{flex:1 1;word-break:break-word}.Toastify__toast-icon{display:flex;flex-shrink:0;margin-inline-end:10px;width:20px}.Toastify--animate{animation-duration:.7s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}@media only screen and (max-width:480px){.Toastify__toast{border-radius:0;margin-bottom:0}}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74c3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74c3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{align-self:flex-start;background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;transition:.3s ease}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:5px;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:9999;z-index:var(--toastify-z-index)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{left:auto;right:0;transform-origin:right}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{opacity:1;transform:perspective(400px) rotateX(-20deg)}to{opacity:0;transform:perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{transform:translate3d(110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{transform:translate3d(-110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.PostContainer{margin:2vh auto;padding:1vh 2vw;-webkit-user-select:none;user-select:none}.SubPostContainer{background-color:var(--primary-color);border-radius:10px;width:100%}.PostImage,.PostImages{object-fit:cover}.PostImages{border-radius:12px;width:97%}.iconsforPost{width:20px}.moreicons{margin-left:380px;width:20px}.commentinput{border:none;margin:0 10px;width:24pc}.addCommentbtn{background-color:var(--primary-text-color);border:none;border-radius:6px;color:var(--primary-color);cursor:pointer;padding:9px}.MoreOptionsMenu{background-color:var(--primary-color);border:1px solid var(--tertiary-color);border-radius:5px;box-shadow:0 0 5px #0000004d;padding:5px;position:inherit;right:10px;top:30px;z-index:999}.MoreOptionsMenu p{cursor:pointer;margin:5px 0;padding:5px}.CommentsBoxScroll::-webkit-scrollbar{width:0}.StoryImage{border:4px dashed orange;border-radius:50%;height:70px;margin-left:10px;object-fit:cover;padding:2px;width:66px}.stories{display:flex;flex-direction:row;margin:2% auto;overflow-x:scroll;width:calc(100% - 4vw)}.mainPostContainer{width:40vw}.loading-animation{align-items:center;display:flex;flex-direction:column;height:45ch;justify-content:center;padding:20px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-radius:50%;border-top:4px solid var(--tertiary-color);height:50px;margin-bottom:10px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.rightbar{align-items:center;display:flex;flex-direction:column;width:30vw}.rightcontainer{border-radius:15px;height:50vh;margin:1vh auto;overflow-y:scroll;width:25vw}.rightcontainer,.rightcontainer2{background-color:var(--primary-color)}.rightcontainer2{height:-webkit-max-content;height:max-content;margin-top:2vh;overflow:hidden}.adsimg{height:80px;object-fit:cover;width:130px}.adsContainer{flex-direction:column;margin:0 10px;margin-top:20px}.ad,.adsContainer{align-items:center;display:flex;padding:10px}.ad{background-color:#f5f5f5;margin-bottom:10px;width:100%}.ad,.adsimg{border-radius:8px}.adsimg{height:15vh;margin-right:10px}.rightcontainer{margin-bottom:20px}.mainContainerForsignup{background-color:#f0f2f5;height:100vh}.submainContainer{align-items:center;display:flex;padding-top:200px}.logoText{font-size:40px;margin-top:0;text-align:start}.introtext{margin-top:-40px}.createaccountTxt,.introtext{font-size:20px;text-align:start}.createaccountTxt{margin-left:30%;margin-top:10px}.inputText{border:none;border-radius:10px;display:flex;margin-left:30%;margin-top:20px;padding:10px;width:40%}.btnforsignup{border-radius:10px;margin-top:10px;padding:5px 50px}.part{color:#a77f7f}.ProfileLeftbar{flex:0 0 25%}.ProfileLeftbar::-webkit-scrollbar{width:0}.NotificationsContainer{background-color:var(--primary-color);border-radius:20px;height:50vh;margin:2vh auto;width:20vw}.containerHead{display:flex;height:8vh;justify-content:space-between;margin:1px 1vw}.Profilepageimage{border-radius:50%;height:60px;margin-left:10px;object-fit:cover;width:60px}.ProfilepageCover{border-top-left-radius:20px;border-top-right-radius:20px;height:100px;object-fit:cover;width:inherit}.friendimage{border-radius:10px;height:100%;object-fit:cover;width:100%}.profilepage-follow-button{cursor:pointer}.profilepage-follow-button:hover{background-color:var(--secondary-color);color:#fff}.Profilerightbar{flex:0 0 30%}.Profilerightbar::-webkit-scrollbar{width:0}.rightcontainer2{background-color:#fff;border-radius:15px;height:50vh;margin:2vh auto;overflow-x:hidden;overflow-y:scroll;width:20pc}.Profileimage{border-radius:50%;height:40px;margin-left:10px;width:40px}.addfriend{height:20px;width:20px}.Friendsimage{border-radius:10px;height:40px;object-fit:cover;width:40px}.FollowRequest{border-top:1px solid #f0c5c5}.ProfilemainPostContainer{flex:3 1;width:70%}.ProfileContainer{background-color:#ebeef2}.subProfileContainer{display:flex;justify-content:space-between;margin:auto;width:100%}.ProfileLeftbar,.Profilerightbar{border-radius:15px;height:92vh;margin:0 1vw;overflow-y:auto;position:-webkit-sticky;position:sticky;top:8vh}.mainPostContainer{flex:1 1;overflow-y:auto;padding:2vh}.OrganizationProfileContainer{background-color:var(--secondary-color)}.OrganizationProfileContainer>.mainNavbar{border-bottom:1px solid var(--tertiary-color);border-radius:0}.OrganizationSubContainer{background-color:var(--secondary-color);display:flex;flex-direction:row;padding:1px 0 0;-webkit-user-select:none;user-select:none}.OrganizationLeftContainer{background-color:var(--primary-color);border-radius:0 5px 5px 0;height:92vh;overflow-x:hidden;position:-webkit-sticky;position:sticky;top:8vh;transition:all .5s ease-in-out;width:5vw}.OrganizationLeftContainer:hover{width:10vw}.OrganizationRightContainer{background-color:var(--secondary-color);float:right;height:100%;width:95vw}.OrganizationProfileOptionItem{align-items:center;display:flex;flex-direction:column;height:10vh;justify-content:center;transition:all .3s ease}.OrganizationProfileOptionItem:hover{color:grey;cursor:pointer}.OrganizationLeftProfileContainer{height:20%}.OrganizationProfileImage{border-radius:50%;width:70%}.OrganizationmainPostContainer{flex:3 1;width:70%}.profileCoverimage{border-radius:10px;height:20vh;object-fit:cover;width:92%}.OrganizationPagePostStats{background:#fff;border-radius:2%;display:flex;flex-direction:column;height:auto;margin:2%;overflow-y:scroll;width:50%}.OrganizationPagePostStatstags{border:1px solid var(--secondary-color);height:10%;overflow-y:scroll}.OrganizationPagePostStatsLikes{border:1px solid var(--secondary-color);height:20%;overflow-y:scroll}.OrganizationPagePostStatsComments{border:1px solid var(--secondary-color);height:30%;overflow-y:scroll}.ExplorePost,.Explorepage{background-color:var(--secondary-color)}.ExplorePost{border:1px solid #dbdbdb;border-radius:3px;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;height:23vw;justify-content:center;object-fit:cover;position:relative;width:23vw}.ExplorePostImage{height:inherit;object-fit:cover}.containerR{align-items:center;background:#eee;flex-direction:row;justify-content:space-around;min-height:100vh;min-width:100vw;padding-bottom:60px}.containerR form{background:#fff;border-radius:5px;box-shadow:0 10px 15px #0000001a;margin-right:55px;padding:18px 20px 20px;width:400px}.containerR form .inputBox{margin-top:20px}.containerR form .inputBox span{color:#999;display:block;padding-bottom:5px}.containerR form .inputBox input,.containerR form .inputBox select{border:1px solid #0000004d;border-radius:10px;color:#444;padding:10px;width:96%}.containerR form .flexbox{display:flex;gap:15px}.containerR form .flexbox .inputBox{flex:1 1 150px}.containerR form .submit-btn{background:linear-gradient(45deg,#8a2be2,#ff1493);border-radius:10px;color:#fff;cursor:pointer;font-size:20px;margin-top:20px;padding:10px;transition:.2s linear;width:100%}.containerR form .submit-btn:hover{letter-spacing:.5px;opacity:.8}.feedR .description-box{color:#151414;height:-webkit-max-content;height:max-content;max-width:450px;padding:13px 0}.containerR .feedcontainerR .frontR .flexbox{display:flex}.containerR .feedcontainerR .frontR .flexbox .box:first-child{margin-right:auto}.containerR .feedcontainerR .frontR .flexbox .box{color:#fff;font-size:15px}.containerR .feedcontainerR .back{left:0;position:absolute;top:0}.containerR .feedcontainerR .back .stripe{background:#000;height:50px;margin:10px 0;width:100%}.containerR .feedcontainerR .back .box{padding:0 20px}.containerR .feedcontainerR .back .box span{color:#fff;font-size:15px}.containerR .feedcontainerR .back .box .cvv-box{background:#fff;border-radius:5px;color:#333;height:50px;margin-top:5px;padding:10px;width:100%}.containerR .feedcontainerR .back .box img{height:30px;margin-top:30px}.feedR{background-color:#fff;border-radius:1rem;font-size:.85rem;line-height:1.5;margin:-2rem 3rem 1rem 10rem;max-width:500px;padding:9px;width:38%}.feedR .headR{display:flex;justify-content:space-between}.feedR .photoR{border-radius:10px;width:100%}.feedR .photoR img{border-radius:2%;height:100%;max-height:370px;object-fit:cover;width:100%}.card-holder-name1R{word-wrap:break-word;color:blue;display:flex;font-size:50px;text-align:left}.containerR .feedcontainerR .back{text-align:right;transform:perspective(1000px) rotateY(180deg)}.containerR .feedcontainerR .back,.containerR .feedcontainerR .frontR{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:25px;margin-top:55px;transition:transform .4s ease-out}.containerR .feedcontainerR .frontR{transform:perspective(1000px) rotateY(0deg)}.backfeedR{align-items:center;background-color:#fff;border-radius:1rem;display:flex;flex-direction:column;font-size:.85rem;height:400px;justify-content:center;line-height:1.5;margin:1rem 3rem 1rem 10rem;max-width:450px;min-width:400px;padding:1rem;width:inherit;word-break:break-all}.feedcontainerR{height:90vh;margin-top:30px;position:relative;width:66%}@media screen and (max-width:952px){.containerR{align-items:center;background:#eee;display:flex;flex-direction:column;justify-content:space-around;min-height:100vh}.containerR form{background:#fff;border-radius:5px;box-shadow:0 10px 15px #0000001a;padding:18px 20px 20px;width:60%}.remove_phone{display:none}.feedcontainerR{height:-webkit-max-content;height:max-content;margin-top:30px;position:relative;width:87%}.R{align-items:center;background-color:#fff;border-radius:1rem;display:flex;flex-direction:column;font-size:.85rem;height:400px;justify-content:center;line-height:1.5;margin:1rem 3rem 1rem 1rem;padding:1rem;width:370px}}@media screen and (max-width:592px){.containerR{align-items:center;background:#eee;display:flex;flex-direction:column;justify-content:space-around;min-height:100vh}.containerR form{background:#fff;border-radius:5px;box-shadow:0 10px 15px #0000001a;padding:18px 20px 20px;width:80%}.remove_phone{display:none}.feedcontainerR{height:-webkit-max-content;height:max-content;margin-top:30px;position:relative;width:66%}}.profilepicR{width:3.7rem}body{background-color:var(--color-light);color:var(--color-dark)}.containerR{display:flex;margin:0 auto;width:80%}.profilepicR{aspect-ratio:1/1;border-radius:50%;height:45px;margin:10px;overflow:hidden;width:45px}.photoR>img{display:block;width:100%}nav.containerR{align-items:center;display:flex;justify-content:space-between}main .containerR{grid-column-gap:2rem;column-gap:2rem;display:grid;grid-template-columns:18vw auto 20vw;position:relative}main .containerR .left{height:-webkit-max-content;height:max-content;position:-webkit-sticky;position:sticky;top:var(--sticky-top-left)}main .containerR .left .profile{align-items:center;column-gap:1rem;display:flex;padding:var(--card-padding);width:100%}main .containerR .left .profile,main .containerR .left .sidebar{background-color:var(--color-white);border-radius:var(--card-border-radius)}main .containerR .left .sidebar{margin-top:1rem}.middle .feeds .feedR{background-color:var(--color-white);border-radius:var(--card-border-radius);font-size:.85rem;line-height:1.5;margin:1rem 0;padding:var(--card-padding)}.middle .feeds .headR{display:flex;justify-content:space-between}.headR .profilepic3_details{display:flex;gap:1.5rem}.feedR .photoR{border-radius:var(--card-border-radius);margin:.7rem 0;overflow:hidden}.feedR .icons{align-items:center;display:flex;font-size:1.4rem;justify-content:space-between;margin:.6rem}.feedR .icons .mainicons{display:flex;gap:1.5rem}.feedR .caption{margin-left:.5rem}main .containerR .right .messagescontainerR{background-color:var(--color-white);border-radius:var(--card-border-radius);display:flex;flex-direction:column;gap:1.5rem;height:-webkit-max-content;height:max-content;padding:var(--card-padding);position:-webkit-sticky;position:sticky;top:5rem}main .containerR .right .top{align-items:center;display:flex;justify-content:space-between}main .containerR .right .friendsbar{display:flex;flex-direction:column;gap:.9rem}main .containerR .right .friendsbar .friend{align-items:center;display:flex;gap:1.2rem;justify-content:center}main .containerR .right .requestscontainerR{background-color:var(--color-light);border-radius:var(--card-border-radius);height:-webkit-max-content;height:max-content;height:20rem;margin-top:2rem;overflow-x:hidden;overflow-y:scroll;padding:var(--card-padding);position:-webkit-sticky;position:sticky;top:27rem}.right .requestscontainerR .requests .request .profile{align-items:center;display:flex;gap:1rem}.right .requestscontainerR .requests .request{align-items:flex-start;background-color:var(--color-white);border-radius:var(--card-border-radius);display:flex;flex-direction:column;gap:1rem;justify-content:center;margin-bottom:1.5rem;padding:var(--card-padding)}.right .requestscontainerR .req{margin-bottom:1.5rem}@media screen and (max-width:1200px){.containerR{width:96%}main .containerR{gap:1rem;grid-template-columns:5rem auto 30vw}main .left{z-index:3}main .containerR .left .leftcreate,main .containerR .left .menuitem h3,main .containerR .left .profile{display:none}.theme_customization .card{width:80vw}}@media screen and (max-width:992px){nav .search-bar{display:none}main .containerR{gap:0;grid-template-columns:0 auto 0}main .containerR .left{bottom:0;grid-column:3/4;position:fixed;right:5px;z-index:10}main .left .sidebar .menuitem i{padding-right:13px}main .containerR .middle{grid-column:1/3}main .containerR .right{display:none}.theme_customization .card{width:90vw}}.postpage{background-color:#ebeef2;height:-webkit-max-content;height:max-content}.divider{background-color:#e0e4e8;height:1px;width:100%}.postpage_container{display:flex;flex-direction:row;height:92vh}.postpage_left{width:70%}.imageContainer{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.imageContainer img{border-radius:15px;height:80vh;object-fit:contain;width:100%}.postpage_right{padding:20px;width:30%}.postpage_right,.postpage_right_container{display:flex;flex-direction:column;justify-content:space-between}.postpage_right_container{background-color:#fff;border-radius:15px;height:100%}.postpage_right_top{display:flex;flex-direction:column;height:15%}.postpage_userdetails{align-items:center;display:flex;flex-direction:row}.postpage_userphoto{align-items:center;display:flex;margin-left:10px;width:10%}.PostPageProfileImage{border-radius:20px;width:100%}.postpage_username{font-size:20px;font-weight:600;margin-left:10px;text-align:left;width:70%}.postpage_user_follow{align-items:center;display:flex;justify-content:center;margin:0 5px;width:20%}.postpage_user_follow button{background-color:#ebeef2;border:none;border-radius:10px;font-size:13px;font-weight:300;height:100%;outline:none;width:100%}.postpage_right_middle{display:flex;flex-direction:column;height:75%;justify-content:flex-start}.postpage_middle_description{margin:1px 5px;min-height:20%;text-align:left}.postpage_right_bottom{align-items:center;display:flex;flex-direction:row;height:10%;justify-content:space-around}.CommentBox{min-height:79%}.Comments{min-height:90%}.AddComment{height:10%;width:100%}.AddComment input{border:1px solid #e0e4e8;border-radius:10px;font-size:15px;font-weight:500;height:85%;outline:none;width:97%}.postpage_likeicon{height:50%}.Comment{border-bottom:1px solid #ccc;border-radius:5px;margin-bottom:20px;padding:10px}.CommentUser{align-items:center;display:flex;margin-bottom:10px}.CommentUserImage{border-radius:50%;height:40px;margin-right:10px;width:40px}.CommentUserName{font-weight:700;margin:5px}.CommentText{font-size:16px;line-height:1.5}.ExplorePostContainer{grid-gap:1vw;align-content:center;align-items:center;display:grid;grid-template-columns:repeat(4,23vw);grid-template-rows:repeat(4,23vw);justify-content:center;justify-items:center;width:inherit}.ExploreComponentContainer{display:flex;flex-direction:column;justify-content:space-between;margin:auto;width:99vw}.SettingsContainer{font-family:Montserrat Alternates,sans-serif}.mainContactContainer{background-color:#fff;display:flex;flex:1 1}.searchBarForContact{border:3px solid #000;border-radius:10px;color:#000;height:5vh;margin-left:8px;width:19pc}.chatUserImage{border-radius:50%;height:45px;object-fit:cover;width:45px}.userContainer{background-color:#1b5d79;border-radius:10px;display:flex;margin-left:18px;margin-top:4px;padding:6px}.userDetailsContainer{height:90vh;overflow:hidden;overflow-y:scroll}.mainChatContainer{background-color:#d6d6d6;flex:2.8 1}.chatUserProfile,.userProfile{border-radius:50%;height:45px;width:45px}.chatUserProfile{margin-left:10px;object-fit:cover}.msgContainer{background-color:#d6d6d6;height:70vh;overflow:hidden;overflow-y:scroll}.msginput{border:none;color:#000;margin-bottom:10px;margin-top:0;padding:10px;width:60pc}.msgSenderContainer{border:1px solid #000;border-radius:10px;color:#000;margin-left:30px;margin-top:17px;padding:5px;width:70pc}.msgButton{background-color:#217c7c;border:none;color:#f0f8ff;height:38px;margin-top:11px;width:130px}.msg,.msgButton{border-radius:10px}.msg{align-items:center;background-color:#f1f3f1;display:flex;margin-left:30px;margin-top:10px;padding:5px;width:40%}.MSGG{background:#7840ff;background:linear-gradient(0deg,#7840ff 15%,#af2dff 74%);color:#fff}.postpage1{background-color:#000}.login-container,.signup-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:10%;width:60%}.login-container input,.signup-container input{border:1px solid #000;border-radius:5px;height:3vh;margin:2vh 2vw;padding-left:1vw;width:100%}.btnforsignup{background-color:#000;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-weight:700;height:4vh;justify-content:center;margin:2vh 2vw;width:8vw}.LoginSignupLink{border-radius:5px;color:#000;font-weight:700;padding:1px 3px;text-decoration:none;transition:all .1s ease-in-out}.LoginSignupLink:hover{background-color:#000;color:#fff}.LoginSignuph1{font-family:Montserrat Alternates,sans-serif}.basedOn{color:#fff;font-size:1.2em;text-align:center}.btn{padding:9px}#carousel{bottom:0;left:0;margin:auto;right:0;top:0;width:100%}.arrow{align-items:center;cursor:pointer;display:flex;font-size:2em;height:20vh;justify-content:center;line-height:30px;text-align:center;transform:translateY(-50%);width:60px;z-index:1000}.arrow,.arrow i{position:absolute;top:50%}.arrow i{left:50%;transform:translate(-50%,-50%)}.arrow-right{right:0}.arrow-left{left:0}.arrow:hover{color:#ffeb3b}.item{color:#fff;font-size:40px;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);transition:box-shadow 1s,height .25s,width .25s,left 1s,margin-top 1s,line-height .25s,background-color 1s}.comment_container{animation:fadeIn 3s ease-in-out}.level-2{box-shadow:-.1em .1em .2em #212121;filter:blur(5px) brightness(25%);height:60%;left:15%;line-height:72%;width:17%}.level-1,.level-2{background-color:initial}.level-1{box-shadow:-.2em .2em .4em #212121;filter:blur(3px) brightness(40%);height:73%;left:30%;line-height:78%;width:18%}.level0{box-shadow:0 .4em .8em #212121;height:90%;left:50%;line-height:85%;width:23%}.level0,.level1{background-color:initial}.level1{box-shadow:.2em .2em .4em #212121;filter:blur(3px) brightness(40%);height:73%;left:70%;line-height:78%;width:18%}.level2{background-color:initial;box-shadow:.1em .1em .2em #212121;filter:blur(5px) brightness(25%);height:60%;left:85%;line-height:72%;width:17%}.level-2,.level2{z-index:0}.level-1,.level1{z-index:1}.level0{z-index:2}.left-enter{height:72% - 80%;left:15%;line-height:72% - 30;opacity:0;width:17% - 25%;&.left-enter-active{height:72%;left:15%;line-height:72%;opacity:1;transition:box-shadow 1s,left 1s,opacity 1s,height .25s,width .25s,margin-top 1s,line-height 1s;width:17%}}.left-leave{height:72%;left:15%;line-height:72%;opacity:1;width:17%;z-index:-1;&.left-leave-active{height:72% - 80%;left:15%;line-height:120px;opacity:0;transition:box-shadow 1s,left 1s,opacity 1s,height .25s,width .25s,margin-top 1s,line-height 1s;width:17% - 25%;z-index:-1}}.right-enter{height:72% - 80%;left:15%;line-height:72% - 30;opacity:0;width:17% - 25%;&.right-enter-active{height:72%;left:15%;line-height:72%;opacity:1;transition:box-shadow 1s,left 1s,opacity 1s,height .25s,width .25s,margin-top 1s,line-height 1s;width:17%}}.right-leave{height:72%;left:15%;line-height:72%;opacity:1;width:17%;&.right-leave-active{height:72% - 80%;left:15%;line-height:72% - 30;opacity:0;transition:box-shadow 1s,left 1s,opacity 1s,height .25s,width .25s,margin-top 1s,line-height 1s;width:17% - 25%}}.noselect{background-color:#000;height:100vh;-webkit-user-select:none;-html-user-select:none;user-select:none}@keyframes slowLettersTransition{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.descriptionn{left:10vw;position:absolute;top:10vh}.descriptionn p{animation:slowLettersTransition 3s ease-in-out}.PostImage{border-radius:50%;height:40px;margin-left:10px;width:40px}.reactions_box{background-color:#212121}.reactions_box svg{margin-left:6px;margin-right:6px}.comment_reel{background-color:#212121;margin-left:110%;margin-top:500px;overflow-wrap:break-word;position:fixed}.comment_reel input{background-color:#212121;border-radius:20%;color:#fff;font-size:13px;margin-bottom:13px;margin-left:25px;margin-top:5px;width:70%}.comment_reel{animation:fadeIn 2s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.hearts{animation:fall 2s ease-in infinite;bottom:0;left:0;opacity:1;position:fixed;transition:opacity 1s ease-in}@keyframes fall{to{transform:translateY(-450%)}}::-webkit-scrollbar{background:#0000;height:0;width:0}.All_comments{animation:slowLettersTransition 3s ease-in-out}.AdminMainContainer{background-color:var(--secondary-color);display:flex;flex-direction:row;padding:1px 0 0;-webkit-user-select:none;user-select:none}.AdminMainContainer *{transition:all .15s ease-in-out}.MainComponentAdmin{align-items:center;display:flex;flex-direction:column;width:100%}.AdminsideBar{background-color:var(--primary-color);border-radius:0 5px 5px 0;height:92vh;overflow-x:hidden;position:-webkit-sticky;position:sticky;top:8vh;transition:all .5s ease-in-out;width:5vw}.AdminsideBar:hover{width:15vw}.adminContainer{align-items:center;border-radius:10px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;margin:10px;-webkit-user-select:none;user-select:none;width:80vw}.scroll{height:100%;overflow-y:scroll}.scroll::-webkit-scrollbar{width:5px}.scroll::-webkit-scrollbar-track{background:#f1f1f1}.scroll::-webkit-scrollbar-thumb{background:#888}.scroll::-webkit-scrollbar-thumb:hover{background:#555}.userHeader{align-items:center;display:flex;justify-content:space-between}.userDetails{display:none}.show>.userDetails{align-items:flex-start;display:flex;flex-direction:column;margin:0 10px}.user{border-bottom:1px solid #000}.user:hover{cursor:pointer}.userDetail{margin:5px 0}.Adminpost{align-items:center;border-bottom:1px solid #000;display:flex;flex-direction:row;justify-content:space-around}.AdminPostImage{border:none;height:100px;margin:10px;object-fit:scale-down;width:100px}.AdminpostDetails{display:none}.show .AdminpostDetails{align-items:flex-start;display:flex;flex-direction:column;margin:0 10px}.dropdown-content>.delete:hover{background-color:red}.AdminSmallCard{align-items:center;background-color:var(--primary-color);border-radius:10px;display:flex;flex-direction:column;height:25vh;justify-content:center;margin:10px;padding:10px;width:25vh}.AdminSmallCard,.serverLog{box-shadow:0 0 10px 0 #0003}.serverLog{background-color:#fff;height:60vh;padding:2pc;width:75vw}.serverLogHeader{align-items:"center";border-bottom:"1px solid black";display:"flex";height:"5vh";padding:"0.5rem";width:"100%"}.serverlogTableContainer::-webkit-scrollbar{width:0}.serverLogData{height:2pc;transition:all .15s ease-in-out}.serverLogData:hover{background-color:#f1f1f1;cursor:pointer}.faTrash path{transition:color .05s ease-in-out}.faTrash path:hover{color:red}.faCircleExclamation path{transition:color .05s ease-in-out}.faCircleExclamation path:hover{color:orange}.UserStatsUsername{transition:all .15s ease-in-out}.UserStatsUsername:hover{cursor:pointer;font-weight:600}.UserData{transition:all .1s ease-in-out}.container_reel{align-items:center;background:#eee;display:flex;flex-direction:row;justify-content:space-around;min-height:100vh;min-width:100vw;padding-bottom:60px}.container_reel form{background:#fff;border-radius:5px;box-shadow:0 10px 15px #0000001a;margin-right:90px;padding:18px 20px 20px;width:365px}.container_reel form .inputBox{margin-top:20px}.container_reelform .inputBox span{color:#999;display:block;padding-bottom:5px}.container_reel form .inputBox input,.container_reel form .inputBox select{border:1px solid #0000004d;border-radius:10px;color:#444;padding:10px;width:96%}.container_reel form .flexbox{display:flex;gap:15px}.container_reel form .flexbox .inputBox{flex:1 1 150px}.container_reel form .submit-btn{background:linear-gradient(45deg,#8a2be2,#ff1493);border-radius:10px;color:#fff;cursor:pointer;font-size:20px;margin-top:20px;padding:10px;transition:.2s linear;width:100%}.container_reel form .submit-btn:hover{letter-spacing:.5px;opacity:.8}.feed .description-box{color:#151414;height:-webkit-max-content;height:max-content;max-width:450px;padding:30px 0}.container_reel .feedcontainer .front .flexbox{display:flex}.container_reel .feedcontainer .front .flexbox .box:first-child{margin-right:auto}.container_reel .feedcontainer .front .flexbox .box{color:#fff;font-size:15px}.container_reel .feedcontainer .back{left:0;position:absolute;top:0}.container_reel .feedcontainer .back .stripe{background:#000;height:50px;margin:10px 0;width:100%}.container_reel .feedcontainer .back .box{padding:0 20px}.container_reel.feedcontainer .back .box span{color:#fff;font-size:15px}.container_reel .feedcontainer .back .box .cvv-box{background:#fff;border-radius:5px;color:#333;height:50px;margin-top:5px;padding:10px;width:100%}.container_reel .feedcontainer .back .box img{height:30px;margin-top:30px}.feed{background-color:initial;border-radius:1rem;font-size:.85rem;line-height:1.5;margin:-125px 3rem 1rem 10rem;max-width:420px;padding:1rem}.detailsTT{align-items:center;display:flex;font-size:20px;margin-left:-33px}.feed .head{display:flex;justify-content:space-between;margin-left:10px;margin-top:-90px}.feed .photo{border-radius:10px;width:100%}.feed .photo img{border-radius:inherit;height:100%;max-height:540px;object-fit:cover;width:100%}input[type=file]{display:none}#labell{align-items:center;background-color:#f907fc;color:#fff;cursor:pointer;display:flex;font-size:20px;height:60px;justify-content:center;margin:39px auto 15px;width:250px}.card-holder-name{color:blue}.card-holder-name1{word-wrap:break-word;color:blue;display:flex;font-size:20px;text-align:left}.container_reel .feedcontainer .back{margin-top:40px;text-align:right;transform:perspective(1000px) rotateY(180deg)}.container_reel .feedcontainer .back,.container_reel .feedcontainer .front{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:25px;transition:transform .4s ease-out}.container_reel .feedcontainer .front{margin-top:55px;transform:perspective(1000px) rotateY(0deg)}.backfeed{align-items:flex-start;background-color:#fff;border-radius:1rem;display:flex;flex-direction:column;font-size:.85rem;height:500px;justify-content:start;line-height:1.5;margin:-3rem 3rem 1rem 10rem;max-width:450px;min-width:400px;padding:1rem;width:inherit;word-break:break-all}.feedcontainer{height:90vh;margin-top:30px;position:relative;width:66%}@media screen and (max-width:952px){.container_reel{align-items:center;background:#eee;display:flex;flex-direction:column;justify-content:space-around;min-height:100vh}.container_reel form{background:#fff;border-radius:5px;box-shadow:0 10px 15px #0000001a;padding:18px 20px 20px;width:60%}.remove_phone{display:none}.feedcontainer{height:-webkit-max-content;height:max-content;margin-top:30px;position:relative;width:87%}.backfeed{align-items:center;background-color:#fff;border-radius:1rem;display:flex;flex-direction:column;font-size:.85rem;height:400px;justify-content:center;line-height:1.5;margin:1rem 3rem 1rem 1rem;padding:1rem;width:370px}}@media screen and (max-width:592px){.container_reel{align-items:center;background:#eee;display:flex;flex-direction:column;justify-content:space-around;min-height:100vh}.container_reel form{background:#fff;border-radius:5px;box-shadow:0 10px 15px #0000001a;padding:18px 20px 20px;width:80%}.remove_phone{display:none}.feedcontainer{height:-webkit-max-content;height:max-content;margin-top:30px;position:relative;width:66%}}.profilepicTT{width:3.7rem}:root{--primary-color-hue:252;--white-color-lightness:100%;--light-color-lightness:95%;--dark-color-lightness:17%;--color-white:hsl(252,30%,var(--white-color-lightness));--color-light:hsl(252,30%,var(--light-color-lightness));--color-gray:#9e98b3;--color-primary:hsl(var(--primary-color-hue),75%,60%);--color-secondary:#d6ccff;--color-success:#51fb51;--color-danger:#fb5151;--color-dark:hsl(252,30%,var(--dark-color-lightness));--color-black:#151221;--border-radius:2rem;--card-border-radius:1rem;--btn-padding:0.6rem 2rem;--search-padding:0.6rem 1rem;--card-padding:1rem;--sticky-top-left:5.4rem;--sticky-top-right:-18rem}body{background-attachment:fixed;object-fit:cover}.container{display:flex;margin:0 auto;width:80%}.profilepicTT{aspect-ratio:1/1;border-radius:50%;height:45px;margin:20px;overflow:hidden;width:45px}.photo>img{display:block;width:100%}.btn{border-radius:2rem;border-radius:var(--border-radius);cursor:pointer;display:inline-block;font-size:.9rem;font-weight:500;padding:.6rem 2rem;padding:var(--btn-padding)}.btn:hover{opacity:.8}.primarybtn{background-color:#6b4de6;background-color:var(--color-primary);color:#fff}.bold{font-weight:500}.muted,small{color:#9e98b3;color:var(--color-gray)}nav{background-color:#fff;background-color:var(--color-white);padding:.7rem 0;position:fixed;top:0;width:100%;z-index:1}.create,nav.container{align-items:center;display:flex;justify-content:space-between}.create{gap:2rem}nav .search-bar{background-color:var(--color-ligh);border-radius:2rem;border-radius:var(--border-radius);margin-left:3rem;padding:.6rem 1rem;padding:var(--search-padding)}nav .search-bar input[type=search]{background-color:initial;color:#241e38;color:var(--color-dark);font-size:.9rem;margin-left:1 rem;width:30vw}nav .search-bar input[type=search]::placeholder{color:#9e98b3;color:var(--color-gray)}main{position:relative;top:5.4rem}main .container{grid-column-gap:2rem;column-gap:2rem;display:grid;grid-template-columns:18vw auto 20vw;position:relative}main .container .left{height:-webkit-max-content;height:max-content;position:-webkit-sticky;position:sticky;top:5.4rem;top:var(--sticky-top-left)}main .container .left .profile{align-items:center;column-gap:1rem;display:flex;padding:1rem;padding:var(--card-padding);width:100%}main .container .left .profile,main .container .left .sidebar{background-color:#fff;background-color:var(--color-white);border-radius:1rem;border-radius:var(--card-border-radius)}main .container .left .sidebar{margin-top:1rem}main .left .sidebar .menuitem{align-items:center;cursor:pointer;display:flex;height:3.7rem;position:relative}.menuitem:hover{background-color:#f0eef6;background-color:var(--color-light)}.sidebar .menuitem i{color:#9e98b3;color:var(--color-gray);font-size:1.5rem;margin-left:1.5rem;position:relative}.sidebar .menuitem h3{font-size:1rem;margin-left:1rem}.sidebar .active h3,.sidebar .active i{color:#6b4de6;color:var(--color-primary)}.left .sidebar .active:before{background:#6b4de6;background:var(--color-primary);content:"";display:block;height:100%;position:absolute;width:.5rem}.left .sidebar .menuitem:first-child.active{border-top-left-radius:1rem;border-top-left-radius:var(--card-border-radius);overflow:hidden}.left .sidebar .menuitem:last-child.active{border-bottom-left-radius:1rem;border-bottom-left-radius:var(--card-border-radius);overflow:hidden}.left .btn{margin-top:1.8rem;padding:1rem 0;text-align:center;width:90%}.middle form{align-items:center;background-color:#fff;background-color:var(--color-white);border-radius:2rem;border-radius:var(--border-radius);display:flex;gap:3rem;justify-content:space-between;margin-top:1rem;padding:.4rem 1rem;padding:.4rem var(--card-padding);width:100%}.middle .newpost input[type=text]{background:#0000;color:#241e38;color:var(--color-dark);justify-self:start;margin-right:1rem;padding-left:1rem;width:100%}form .createe input[type=text]{background-color:initial;color:#241e38;color:var(--color-dark);font-size:.9rem;margin-left:1 rem}.middle .feeds .feed{background-color:#fff;background-color:var(--color-white);border-radius:1rem;border-radius:var(--card-border-radius);font-size:.85rem;line-height:1.5;margin:1rem 0;padding:1rem;padding:var(--card-padding)}.middle .feeds .head{display:flex;justify-content:space-between}.head .profilepic3_detailsTT{display:flex;gap:1.5rem}.feed .photo{border-radius:1rem;border-radius:var(--card-border-radius);margin:.7rem 0;overflow:hidden}.feed .icons{align-items:center;display:flex;font-size:1.4rem;justify-content:space-between;margin:.6rem}.feed .icons .mainicons{display:flex;gap:1.5rem}.feed .caption{margin-left:.5rem}main .container .right .messagescontainer{background-color:#fff;background-color:var(--color-white);border-radius:1rem;border-radius:var(--card-border-radius);display:flex;flex-direction:column;gap:1.5rem;height:-webkit-max-content;height:max-content;padding:1rem;padding:var(--card-padding);position:-webkit-sticky;position:sticky;top:5rem}main .container .right .top{align-items:center;display:flex;justify-content:space-between}main .container .right .friendsbar{display:flex;flex-direction:column;gap:.9rem}main .container .right .friendsbar .friend{align-items:center;display:flex;gap:1.2rem;justify-content:center}.right .search_friends #search_frnds{background-color:#f0eef6;background-color:var(--color-light);border-radius:2rem;border-radius:var(--border-radius);padding:.6rem 1rem;padding:var(--search-padding)}.right .search_friends input[type=search]{background-color:initial;color:#241e38;color:var(--color-dark);width:16vw}.right .search_friends input[type=search]::placeholder{color:#9e98b3;color:var(--color-gray)}main .container .right .requestscontainer{background-color:#f0eef6;background-color:var(--color-light);border-radius:1rem;border-radius:var(--card-border-radius);height:-webkit-max-content;height:max-content;height:20rem;margin-top:2rem;overflow-x:hidden;overflow-y:scroll;padding:1rem;padding:var(--card-padding);position:-webkit-sticky;position:sticky;top:27rem}.right .requestscontainer .requests .request .profile{align-items:center;display:flex;gap:1rem}.right .requestscontainer .requests .request{align-items:flex-start;background-color:#fff;background-color:var(--color-white);border-radius:1rem;border-radius:var(--card-border-radius);display:flex;flex-direction:column;gap:1rem;justify-content:center;margin-bottom:1.5rem;padding:1rem;padding:var(--card-padding)}.right .requestscontainer .req{margin-bottom:1.5rem}.theme_customization{align-items:center;background-color:#ffffff80;color:#000;display:grid;display:none;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:50}.theme_customization .card{background-color:#fff;background-color:var(--color-white);border-radius:1rem;border-radius:var(--card-border-radius);box-shadow:0 0 1rem #6b4de6;box-shadow:0 0 1rem var(--color-primary);height:60vh;padding:1rem;padding:var(--card-padding);width:40vw}.theme_customization .card .headings{align-items:center;display:flex;justify-content:center}.theme_customization .card .color .color_customization{align-items:center;background-color:#f0eef6;background-color:var(--color-light);border-radius:1rem;border-radius:var(--card-border-radius);display:flex;justify-content:space-between;margin-top:1rem;padding:1rem;padding:var(--card-padding)}.theme_customization .card .color .color_customization span{border-radius:50%;height:2rem;width:2rem}.theme_customization .card .color .color_customization span:first-child{background:#6b4de6}.theme_customization .card .color .color_customization span:nth-child(2){background:#e6d14d}.theme_customization .card .color .color_customization span:nth-child(3){background:#e64d61}.theme_customization .card .color .color_customization span:nth-child(4){background:#4de69e}.theme_customization .card .color .color_customization span:nth-child(5){background:#4dade6}.theme_customization .card .color_customization .active{border:3px solid #140b0b}.background .bg_customization{background-color:#f0eef6;background-color:var(--color-light);border-radius:1rem;border-radius:var(--card-border-radius);display:flex;justify-content:space-between;margin-top:1rem;padding:1rem;padding:var(--card-padding)}.background .bg_customization span{border-radius:50%;height:3rem;width:3rem}.background .bg_customization span:first-child{background:#fff;color:#000}.background .bg_customization span:nth-child(2){background:#241e38;color:#fff}.background .bg_customization span:nth-child(3){background:#151221;color:#fff}.theme_customization .background .des2,.theme_customization .color .des1{color:#9e98b3;color:var(--color-gray);display:flex;justify-content:center;margin-top:2rem}@media screen and (max-width:1200px){.container{width:96%}main .container{gap:1rem;grid-template-columns:5rem auto 30vw}main .left{z-index:3}main .container .left .leftcreate,main .container .left .menuitem h3,main .container .left .profile{display:none}.theme_customization .card{width:80vw}}@media screen and (max-width:992px){nav .search-bar{display:none}main .container{gap:0;grid-template-columns:0 auto 0}main .container .left{bottom:0;grid-column:3/4;position:fixed;right:5px;z-index:10}main .left .sidebar .menuitem i{padding-right:13px}main .container .middle{grid-column:1/3}main .container .right{display:none}.theme_customization .card{width:90vw}}.feedlist{display:flex;flex-direction:column-reverse}
/*# sourceMappingURL=main.ccfa5a5f.css.map*/