body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0}html{font-size:15px}*{box-sizing:border-box}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background-color:initial}::-webkit-scrollbar-thumb{background-color:gray;border-radius:50px}.App{--alt-background-color:#fff;--background-color:#f0f2f5;--border-color:#dcdcdc;--svg-color:#000;--svg-container-color:#e2e3e6;--color:#000;--color-light:#666;--hover-color:rgba(0,0,0,.056);--hover-color-user:#c7c7c9;--hover-color-user-blue:#256bc7;--hover-color-search:#0000001a;--search-background-color:#f0f2f5;--group-create-link-background:#e6eeff;--group-create-link-hover:#d4e1fd;--modal-color:hsla(0,0%,100%,.615);--box-shadow:0px 0px 6px rgba(0,0,0,.24);--box-shadow-light:0px 0px 6px rgba(0,0,0,.11);display:flex;flex-direction:column;max-height:100vh;overflow:hidden;text-align:center}.App.DarkMode{--alt-background-color:#232527;--background-color:#17191b;--search-background-color:#393b3d;--border-color:#393b3d;--svg-color:#e7e9ee;--svg-container-color:#393b3d;--color:#e4e6eb;--color-light:#b0b3b8;--hover-color:#ffffff1f;--hover-color-search:#ffffff27;--hover-color-user:#333436;--hover-color-user-blue:#2261b3;--group-create-link-background:rgba(45,136,255,.2);--group-create-link-hover:rgba(45,136,255,.274);--modal-color:hsla(0,0%,7%,.705);--box-shadow:0px 0px 12px 0px rgba(0,0,0,.651);--box-shadow-light:0px 0px 36px 0px rgba(0,0,0,.226)}.App{background-color:var(--alt-background-color);color:var(--color)}strong{font-weight:600}img{height:100%;object-fit:cover;width:100%}.modal-container{background-color:var(--modal-color);inset:0;position:fixed;z-index:10}.modal-container,.modal-header{align-items:center;display:flex;justify-content:center}.modal-header{border-bottom:1px solid var(--border-color);color:var(--color);font-size:1.5rem;height:60px;margin:0;padding:0 60px;position:relative;text-transform:capitalize}.modal-header svg{fill:var(--svg-color);background-color:var(--svg-container-color);border-radius:50%;height:32px!important;padding:4px;position:absolute;right:12px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:32px!important}.wrapper{border-radius:8px;box-shadow:0 0 26px rgba(0,0,0,.277)}.main-aside,.wrapper{background-color:var(--alt-background-color)}.main-aside{padding:0 8px;text-align:left;width:clamp(258px,100%,360px)}.flex{display:flex;width:100%}.main-aside h3{font-weight:600;padding:0 8px}.main-aside h2{align-items:center;display:flex;margin:26px 12px 12px;text-align:left}.main-aside section{align-items:center;border-radius:8px;display:flex;font-size:1.15rem;font-weight:600;padding:0 8px;transition:.1s}a{color:var(--color);text-decoration:none}.main-aside section span{flex:1 1;text-align:left}.main-aside section:hover{background-color:var(--hover-color)}.main-aside section svg{fill:var(--svg-color);height:26px;width:26px}.main-aside .svg-wrapper{align-items:center;background-color:var(--svg-container-color);border-radius:50%;display:flex;height:36px;justify-content:center;margin:8px 12px 8px 0;width:36px}.main-aside .svg-wrapper svg{fill:var(--svg-color)}.main-aside .active svg{fill:#fff}.main-aside .active .svg-wrapper{background-color:#3075ff}.main-aside .active section{background-color:var(--hover-color)}.main-wrapper{background-color:var(--background-color);display:flex;height:calc(100vh - 56px)}main{flex:1 1;height:100%;overflow:auto}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;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}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}nav{align-items:center;border-bottom:1px solid var(--border-color);box-shadow:0 0 6px rgba(0,0,0,.137);display:flex;min-height:56px;z-index:10}.App.DarkMode nav{border-bottom:2px solid var(--border-color)}.app-name{color:#3075ff;font-size:1.4rem;font-weight:600;margin-bottom:4px;margin-top:6px;padding:4px 4px 2px 20px;text-align:left;text-decoration:none;width:clamp(248px,100%,300px)}.searchbar-wrapper{flex:1 1}.searchbar{margin:auto;position:relative;width:clamp(500px,100%,680px)}.searchbar input{background-color:var(--search-background-color);border:0;border-radius:50px;color:var(--color);font-family:inherit;font-size:1rem;height:40px;outline:0;padding:7px 8px 9px 36px;width:100%}.searchbar-icon svg{fill:var(--svg-color);height:16px;left:12px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:16px}.nav-options{justify-content:flex-end;margin-right:16px;position:relative;width:clamp(248px,100%,368px)}.nav-options,.nav-svg{align-items:center;display:flex}.nav-svg{background-color:var(--svg-container-color);border-radius:50%;cursor:pointer;height:40px;justify-content:center;margin-right:8px;transition:.1s;width:40px}.nav-svg:not(:last-child):hover{background-color:var(--hover-color-search)}.nav-svg:last-child{margin-right:0}.nav-modal{background-color:var(--alt-background-color);border-radius:10px;box-shadow:var(--box-shadow);cursor:auto;display:flex;flex-direction:column;gap:16px;max-height:calc(100vh - 78px);overflow:auto;padding:16px;position:absolute;right:0;text-align:left;top:calc(100% + 4px);width:100%}.nav-modal h2{margin:0}.chat-profile{background-color:var(--svg-container-color);border-radius:50%;height:56px;position:relative;width:56px}.chat-preview{display:flex;gap:12px;position:relative}.chat-preview:hover:after{background-color:var(--hover-color);border-radius:8px;content:"";height:calc(100% + 8px);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:calc(100% + 8px)}.chat-data{display:flex;flex-direction:column;gap:2px;justify-content:center}.chat-last-message{color:var(--color-light);font-size:.92rem}.chat-preview:not(.read) .chat-name{font-weight:600;text-transform:capitalize}.chat-preview:not(.read) .chat-last-message{color:var(--color)!important}.input-wrapper{align-items:center;display:flex;gap:8px;position:relative}.input-wrapper input{background-color:var(--search-background-color);border:0;border-radius:50px;color:var(--color);flex:1 1;font-family:inherit;font-size:1rem;outline:none;padding:9px 9px 9px 36px;width:100%}.input-wrapper input:focus{padding-left:12px}.input-wrapper input:focus+svg{display:none}.input-wrapper svg{fill:var(--color-light);height:16px;left:12px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:16px}.bubble-pic{-webkit-animation:bubble-expand .2s;animation:bubble-expand .2s;height:48px;position:relative;width:48px}.bubble-pic img{border-radius:50%;box-shadow:2px 2px 8px 0 rgba(0,0,0,.767);overflow:hidden}.bubble-messages-count{background-color:#e12c4c;border-radius:50%;color:#fff;display:block;font-size:.85rem;font-weight:600;height:19px;position:absolute;right:-6px;top:-6px;width:19px}.bubble-pic .message-preview{align-items:flex-start;-webkit-animation:messagePreviewing 10s;animation:messagePreviewing 10s;background-color:var(--alt-background-color);border-radius:8px;box-shadow:0 0 12px rgba(0,0,0,.301);display:none;flex-direction:column;gap:0;padding:8px;position:absolute;right:calc(100% + 22px);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);white-space:nowrap;width:clamp(210px,100%,240px)}.bubble-pic .message-preview.visible,.bubble-pic:hover .message-preview,.message-preview:hover{display:flex}.bubble-pic .message-preview:hover:after{display:none}.bubble-pic .message-preview .chat-message{color:var(--color-light);overflow:hidden;text-align:left;text-overflow:ellipsis;width:100%}.chat-message .dot{background-color:#3075ff;border-radius:50%;display:inline-block;height:8px;margin-right:4px;width:8px}.right-delt{background-color:var(--alt-background-color);border-top-right-radius:4px;box-shadow:6px -4px 6px rgba(0,0,0,.247);height:20px;position:absolute;right:0;top:50%;-webkit-transform:translate(50%,-50%) rotate(45deg);transform:translate(50%,-50%) rotate(45deg);width:20px}.bubble-pic:hover{cursor:pointer}@-webkit-keyframes bubble-expand{0%{opacity:.5;-webkit-transform:scale(.2);transform:scale(.2)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes bubble-expand{0%{opacity:.5;-webkit-transform:scale(.2);transform:scale(.2)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.bubbles-container{align-items:flex-end;bottom:0;display:flex;gap:12px;position:fixed;right:16px;z-index:12}.bubbles{flex-direction:column;margin-bottom:36px;width:48px}.bubbles,.chats{display:flex;gap:16px}.main-chat-header{align-items:center;box-shadow:var(--box-shadow);display:flex;font-size:1rem;font-weight:600;padding:2px;position:relative;text-transform:capitalize;z-index:12}.main-chat-pic{padding:6px}.chat-pic-wrapper{background-color:var(--svg-container-color);border-radius:50%;height:32px;position:relative;width:32px}.chat-pic-wrapper img{border-radius:50%}.main-chat{background-color:var(--alt-background-color);border-top-left-radius:8px;border-top-right-radius:8px;box-shadow:var(--box-shadow-light);overflow:hidden;position:relative;width:328px}.main-chat-name{flex:1 1;text-align:left}.main-chat-options{display:flex;gap:4px;padding-right:8px}.main-chat-options>svg{border-radius:50%;height:28px;padding:2px;width:28px}.main-chat-options>svg:hover{background-color:var(--hover-color)}.main-chat:not(:focus-within) .main-chat-send:not(.blue) svg{fill:gray}.main-chat:focus-within svg{fill:#3075ff}.main-chat-messages{display:block;display:flex;flex-direction:column-reverse;height:347px;overflow-y:auto}.main-chat-messages>:last-child{padding-top:16px}.main-chat-input{align-items:center;display:flex;gap:12px;padding:12px}.main-chat-input svg{fill:#3075ff;display:block;height:20px;width:20px}.main-chat-input .message-input-container{background-color:var(--search-background-color);border:0;border-radius:20px;display:flex;flex-direction:column;height:clamp(0px,0%,150px);overflow:auto;padding:8px 12px}.main-chat-input .message-input-container,.message-input-container textarea{color:var(--color);font-family:inherit;font-size:1rem;outline:none;width:100%}.message-input-container textarea{background-color:initial;border:0;height:clamp(0px,0%,20px);padding:0;resize:none}.message{padding:0 8px 16px}.message-user-pic{background-color:#dcdcdc;border-radius:50%;height:28px;overflow:hidden;width:28px}.message-time{color:#65676b;font-size:.85rem;padding:0 20px 16px}.message-content{align-items:center;display:flex;gap:8px}.message-content-message{background-color:var(--hover-color-search);border-radius:18px;max-width:178px;padding:8px 12px}.message.mine .message-content-message{background-color:#3075ff;color:#fff;overflow-wrap:break-word}.message.mine .message-content{justify-content:flex-end}.chat-name{text-transform:capitalize}.nav-svg.user{position:relative}.nav-svg.user svg{background-color:var(--svg-container-color);border-radius:50%;bottom:0;box-shadow:0 0 0 2px var(--alt-background-color);height:14px;position:absolute;right:0;width:14px;z-index:1}.nav-user{align-items:center;border-radius:8px;box-shadow:0 0 6px rgba(0,0,0,.137);display:flex;gap:12px;padding:14px 16px}.nav-user-img{height:36px;width:36px}.nav-user-name{font-size:1.15rem;font-weight:600;text-transform:capitalize}.nav-user-option:last-child svg{padding:6px 2px 6px 6px}.nav-user-option svg,.nav-user-option:last-child svg{background-color:var(--svg-container-color);border-radius:50%;height:36px;width:36px}.nav-user-option svg{fill:var(--svg-color);padding:6px}.nav-user-option{align-items:center;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:12px;position:relative;z-index:1}.nav-user-option:not(.not-highlight):hover:after{border-radius:8px;content:"";height:calc(100% + 12px);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:calc(100% + 12px)}.nav-user-option:not(.not-highlight):after{background-color:var(--hover-color)}.nav-svg:last-child{cursor:auto}.nav-nested .nav-modal{gap:8px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;top:0;z-index:2}.nav-svg:last-child .nav-modal{overflow:visible}.nav-text{flex:1 1}.nav-text .post-data{margin-bottom:4px}.nav-user-option-input{align-items:center;border-radius:8px;display:flex;justify-content:space-between;padding:16px 8px;position:relative;width:100%}.nav-user-option-input:hover:after{background-color:var(--hover-color);border-radius:8px;content:"";height:100%;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:calc(100% + 12px)}.nav-user-option-input input{height:18px;width:18px}.close-nav-modal svg{fill:var(--svg-color);padding:6px;transition:background-color border-radius .1s .1s;width:36px}.close-nav-modal{align-items:center;cursor:pointer;display:flex;font-size:1.6rem;font-weight:900;gap:12px}.close-nav-modal:hover svg{background-color:var(--background-color);border-radius:50%}.close-nav-modal:hover{text-decoration:underline}.queried-user-small{align-items:center;cursor:pointer;display:flex;gap:12px;padding:6px;position:relative}.queried-user-small:after{border-radius:8px;content:"";height:100%;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:.1s;width:calc(100% + 8px)}.queried-user-small:hover:after{background-color:var(--hover-color)}.queried-user-small .queried-user-img{border-radius:50%;height:36px;overflow:hidden;width:36px}.queried-users{padding-top:16px}.queried-users-wrapper{display:flex;flex-direction:column}.input-wrapper:focus-within~.chats-wrapper{display:none}.input-wrapper .return-queried{border-radius:50%;height:32px;padding:4px;position:static;-webkit-transform:none;-webkit-transform:initial;transform:none;transition:.1s;width:32px}.input-wrapper .return-queried:hover{background-color:var(--hover-color)}.input-wrapper:not(:focus-within) .return-queried{display:none}.input-wrapper:focus-within .return-queried{display:block}.message-media-preview{display:flex;gap:12px;margin-bottom:16px;padding-top:2px}.message-media-preview>*{align-items:center;background-color:var(--hover-color-search);border-radius:10px;display:flex;gap:12px;height:48px;justify-content:center;width:48px}.message-media-preview>:hover{background-color:var(--hover-color-user)}.message-media-preview img{border-radius:10px}.message-media-preview .close{fill:var(--color);background-color:var(--alt-background-color);border:1px solid var(--border-color);border-radius:50%;height:24px;padding:2px;position:absolute;right:0;top:0;-webkit-transform:translate(30%,-30%);transform:translate(30%,-30%);width:24px;z-index:1}.message-media-preview svg{fill:var(--color)!important;height:26px;width:26px}.message-media{max-width:200px}.message-media img{border:1px solid var(--border-color);border-radius:10px;display:block;overflow:hidden}.message-state{align-items:center;border-radius:50%;bottom:16px;display:flex;height:14px;justify-content:center;overflow:hidden;position:absolute;right:8px;width:14px}.message-state svg{fill:var(--alt-background-color)!important;background-color:gray;padding:2px}.message-state .recent{fill:#8f8f8f!important;background-color:var(--alt-background-color);border:1px solid var(--border-color);border-radius:50%}.mine{position:relative}.mine .message-content>:nth-last-child(2){margin-right:20px}.unsent-message{padding:0 8px 16px;text-align:left}.unsent-message.mine{text-align:left}body,html{height:100%}.main-auth{background-color:#f0f2f5;display:flex;flex-direction:column;min-height:100vh}.auth-main-wrapper{align-items:center;display:flex;flex:1 1;justify-content:center;margin:auto;padding:20px 0;text-align:left;width:980px}.auth-moto h1{color:#1876f2;font-size:3.5rem;margin:0}.auth-moto p{font-size:2rem;letter-spacing:-1px;margin:0;width:clamp(400px,100%,500px)}.form-wrapper{background-color:#fff;border-radius:8px;box-shadow:0 0 6px 1px rgba(0,0,0,.158);min-width:398px;padding:16px 16px 24px}.login-form{display:flex;flex-direction:column;gap:12px}.login-form>*{font-family:inherit;font-size:1.2rem;padding:14px 16px}.login-form input{border:1px solid #dcdcdc;border-radius:8px;outline:0}.login-form .border-line{padding:0}.form-wrapper .create-account,.form-wrapper button{background-color:#1876f2;border:0;border-radius:8px;color:#fff;font-size:1.3rem;font-weight:600}.form-wrapper .create-account{background-color:#42b72a;font-size:1.2rem;padding:14px 16px;transition:.2s}.form-wrapper .create-account,.login-form .modal-wrapper{margin:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.login-form .modal-wrapper{padding:0}.login-form .create-account:hover{background-color:#389c24}.sign-form{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);min-width:432px;padding:16px}.sign-form button{background-color:#42b72a;border-radius:5px;font-size:1.2rem;grid-column:span 2;margin:auto;padding:6px 4rem}.button-wrapper{display:flex;justify-content:center}.sign-form input{background-color:#f5f6f7;border:1px solid #dcdcdc;border-radius:5px;font-size:1rem;padding:11px}.error-container,.span2{grid-column:span 2}.error-container{background-color:rgba(255,0,0,.11);border-radius:8px;color:red;display:flex;flex-direction:column;font-weight:600;padding:10px 14px;width:100%}.error-message:after{content:"*"}.main-home{display:flex}.post-loading .post-subheader{align-items:flex-start;display:flex;flex-direction:column;gap:4px}.post-loading .post-media{height:150px}.post-loading .post-options{border:0;justify-content:space-evenly;padding-bottom:8px}.post-form-create .modal-content{padding:16px}.post-loading .post-options>*,.post-loading .post-subheader>*{background-color:#dcdcdc;border-radius:50px;color:transparent;font-size:.7rem}.main-home .right-aside{height:-webkit-min-content;height:min-content;padding-top:8px;position:-webkit-sticky;position:sticky;text-align:left;top:0;width:clamp(248px,100%,368px)}.input-wrapper .hover-bar{cursor:pointer;padding-left:14px}.hover-bar{background-color:var(--background-color);transition:.2s}.hover-bar:hover{background-color:var(--hover-color-search)}.left-aside{padding-top:8px;text-align:left;width:clamp(248px,100%,300px)}.sub-title{font-size:1.2rem;margin:0;padding:20px 16px 0}.post{background-color:var(--alt-background-color);border-radius:8px;box-shadow:var(--box-shadow-light);display:flex;flex-direction:column;width:clamp(0px,100%,680px)}.post-form .modal-wrapper{flex:1 1}.post-form-create .post-header{border-radius:6px;padding:8px;position:relative}.post-content-input__suggestions .post-header:hover{background-color:var(--hover-color)}.post-form-create .group-options{top:100%;z-index:1}.post-form-create .post-name:hover{text-decoration:none}.post-form-create .post-data{background-color:var(--svg-container-color);border-radius:4px;color:var(--color);cursor:pointer;font-size:.9rem;font-weight:600;padding:2px 16px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.post-content-input{border:0;font-size:1.6rem;margin-top:16px;max-height:150px}.post-content-input__highlighter strong{background-color:#e4f0ff}.post-content-input__highlighter{max-height:150px}.post-header.mention{font-size:1rem}.post-content-input__suggestions{background-color:var(--alt-background-color)!important;border-radius:8px;box-shadow:var(--box-shadow);left:0!important;padding:4px;top:100%!important;width:300px}.post-user img{border-radius:50%}.post-content-input__suggestions__list{display:flex;flex-direction:column}.post-content-input__control{max-height:150px;overflow:auto}.post-content-input textarea{border:0;color:var(--color);outline:0;overflow:auto!important}.wrapper.post-form-create{width:500px}.feed{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:16px;padding:16px}.post-form{gap:12px;padding:16px 16px 0}.post-form .post-button-icon svg{fill:#4db863;height:100%}.post-form-header{display:flex;gap:8px;width:100%}.post-form .input-wrapper{flex:1 1}.post-form .input-wrapper input{height:40px}.posts-container{align-items:center;display:flex;flex-direction:column;gap:16px;width:100%}.comment-text a,.post-content a{color:#2f66ff;text-transform:capitalize}.comment-text a:hover,.post-content a:hover{text-decoration:underline}.post-media{height:448px;z-index:1}.post-media-profile{height:448px;position:relative}.post-media-profile>img{aspect-ratio:1/1;background-color:var(--alt-background-color);border-radius:50%;box-shadow:0 0 0 6px var(--alt-background-color);height:auto;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:clamp(0px,60%,388px)}.post-media-profile .post-banner{background-color:var(--svg-container-color);height:50%}.post-header{align-items:center;display:flex;gap:8px;padding:12px 16px 4px}.post-user{align-self:flex-start;border-radius:50%;height:40px;position:relative;width:40px}.post-subheader{line-height:18px;text-align:left}.post-type-name>*{display:inline}.post-name{color:var(--color);font-weight:600;text-decoration:none;text-transform:capitalize}.post-name:hover{text-decoration:underline}.post-data{color:var(--color-light)}.post-content{padding:6px 16px 16px;text-align:left;white-space:pre-line}.post-form-content{height:clamp(0px,100%,550px);max-height:550px}.post-form-extras{align-items:center;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 1px 6px rgba(0,0,0,.098);display:flex;justify-content:space-between;margin-top:16px;padding:12px}.post-form-content .post-create-images{grid-gap:3px;border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.post-create-images,.post-form-content .post-create-images{display:grid;height:clamp(350px,100%,478px);max-height:478px;overflow:hidden;position:relative}.post-create-images{grid-gap:2px;gap:2px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));z-index:1}.main-post.length1{border-radius:0;display:inline;display:initial}.main-post img{border:.5px solid #dcdcdc;border-left:0;border-right:0}.main-post{border-radius:0}.post-create-images-close{border-radius:50%;height:28px!important;padding:4px;right:12px;width:28px!important}.post-create-images-add,.post-create-images-close{fill:var(--svg-color);background-color:var(--svg-container-color);position:absolute;top:12px}.post-create-images-add{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-weight:600;gap:6px;left:12px;padding:6px 10px;transition:.2s;white-space:nowrap}.post-create-images-add:hover{background-color:var(--alt-background-color)}.post-create-images-add svg{height:24px}.post-create-images-wrapper{border:1px solid var(--border-color);border-radius:8px;margin-top:16px;padding:10px}.post-form-content .post-create-images.length3>:first-child{grid-row:span 2;height:100%}.post-form-content .post-create-images.length4>:first-child{grid-row:span 3;height:100%}.post-form-content .post-create-images.length4>*{height:160px}.post-form-content .post-create-images.length3>*{height:180px}.post-create-images.length3>:first-child{grid-row:span 2;height:100%}.post-create-images.length4>:first-child{grid-row:span 3;height:100%}.post-create-images.length4>*{height:200px}.post-create-images.length3>*{height:210px}.post-form-extras-options{display:flex}.post-form-extras-options svg{height:24px;width:24px}.post-create-images img{border:0}.post-reactions{color:var(--color-light);display:flex;flex-direction:column;padding:0 16px}.post-counts{display:flex;justify-content:flex-end;padding:10px 0}.post-options:after{background-color:var(--border-color);content:"";height:1px;position:absolute;top:-1px;width:100%}.post-options{display:flex;gap:8px;padding:5px 0;position:relative;width:100%}.post-button{align-items:center;border-radius:5px;color:var(--color-light);cursor:pointer;display:flex;flex:1 1;font-weight:600;gap:8px;height:30px;justify-content:center;padding:5px;text-transform:capitalize}.post-button:hover{background-color:var(--hover-color)}.post-button-icon{height:100%}.post-button-icon svg{fill:var(--svg-color);display:block;height:100%}.post-button.like{color:#1379ff}.post-button.like svg{fill:#1379ff}.contacts-list{display:flex;flex-direction:column;padding-top:6px}.contact{align-items:center;border-radius:5px;cursor:pointer;display:flex;padding:0 12px;transition:.2s;width:100%}.contact:hover{background-color:rgba(0,0,0,.028)}.contact-name{flex:1 1;font-weight:600;text-transform:capitalize}.contact-img{background-color:var(--svg-container-color);border-radius:50%;height:24px;margin:8px 12px 8px 0;position:relative;width:24px}.contact-img img{border-radius:50%;overflow:hidden}.right-aside{margin-right:16px}.left-aside{padding:8px 18px 18px}.left-aside section{border-bottom:1px solid var(--border-color);padding:8px 0}.middle-section svg{fill:#1379ff}.section-svg.saved svg{fill:#7200c4}.section-item{align-items:center;color:var(--color);cursor:pointer;display:flex;font-weight:600;gap:12px;padding:8px 2px;position:relative;text-decoration:none}.section-item>*{z-index:2}.section-item:hover:after{background-color:var(--hover-color);border-radius:6px;content:"";height:calc(100% + 4px);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:calc(100% + 14px);z-index:1}.nav-svg img{border-radius:50%}.section-icon{background-color:#dcdcdc;border-radius:50%;overflow:hidden}.group-profile,.section-icon,.section-svg{height:24px;width:24px}.group-profile{background-color:var(--svg-container-color);border-radius:6px;overflow:hidden}.section-svg svg{fill:var(--svg-color);aspect-ratio:1/1;height:100%;width:100%}.section-item.active svg{fill:#1876f2}.section-item:before{background-color:#1876f2;border-radius:15px;content:"";height:100%;left:-20px;position:absolute;-webkit-transform:scaleY(0);transform:scaleY(0);width:6px}.section-item.active:before{-webkit-transform:scaleY(1);transform:scaleY(1);transition:.4s}.not-home .section-item>div:last-of-type{display:none}.not-home{background-color:var(--alt-background-color);border-right:1px solid var(--border-color);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.post-modal-container{flex:1 1}.post-modal-container .trigger-wrapper{display:flex}.post-modal-container .modal-content{padding:0}.post-modal-container .post{border-radius:0;box-shadow:none;margin:0;max-height:720px;overflow:auto;width:700px}.comment-form{align-items:flex-start;display:flex;gap:6px;padding:9px 16px}.comment-user{border-radius:50%;height:32px;margin-top:3px;overflow:hidden;width:32px}.comment-content{background-color:var(--search-background-color);border:0;border-radius:18px;color:var(--color);flex:1 1;font-family:inherit;outline:none;padding:8px 12px;position:relative;text-align:left;width:100%}.comment-content,.comment-content .post-content-input{font-size:1rem;margin:0}.comment-content button{background-color:var(--background-color);border:0;bottom:9px;outline:none;padding:0;position:absolute;right:12px}.comment-content svg{background-color:var(--search-background-color);display:block;transition:.2s}.comment-content input{border:0;font-size:1rem!important;outline:none}.comment{align-items:flex-start;display:flex;gap:6px;padding:4px 16px 0;position:relative}.comment .comment{padding:4px 12px 0}.comment-user-name{font-size:.87rem;font-weight:600;text-transform:capitalize}.comment-user-name:hover{text-decoration:underline}.comment .comment-content{flex:initial;line-height:16px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.comment-form>.comment-content{flex:1 1;line-height:normal}.post-comments-count:hover{cursor:pointer;text-decoration:underline}.comment-extra{display:flex;font-size:.8rem;gap:16px;padding-left:12px;padding-top:2px;position:relative;text-transform:capitalize}.comment-extra .like{color:#1379ff}.comment-extra strong:hover{cursor:pointer;text-decoration:underline}.comment-right{flex:1 1}.replies-count{color:gray;cursor:pointer;font-weight:600;padding:6px 12px 4px;text-align:left;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.replies-count:hover{text-decoration:underline}.replies-count svg{fill:gray;height:16px;width:16px}.comment-reactions-imgs img{border-radius:50%;box-shadow:0 0 0 2px #fff}.comment-reactions-imgs>img:not(:first-child){margin-left:-4px}.comment-reactions{background-color:var(--alt-background-color);border-radius:20px;bottom:4px;box-shadow:0 0 3px rgba(0,0,0,.138);color:gray;display:flex;font-size:.8rem;font-weight:600;gap:3px;height:20px;overflow:hidden;padding:2px;position:absolute;right:-10px}.post-reactions-counter{display:flex;flex:1 1;gap:6px;text-transform:capitalize}.post-reactions-imgs{display:flex;height:18px}.post-reactions-imgs img{border-radius:50%;box-shadow:0 0 0 2px var(--alt-background-color);z-index:1}.post-reactions-imgs img:not(:first-child){margin-left:-2px}.relative{position:relative}.post-reactions-options:not(.comment){top:12px}.post-reactions-options.comment,.post-reactions-options:not(.comment){background-color:var(--alt-background-color);border-radius:40px;box-shadow:0 0 4px rgba(0,0,0,.151);display:flex;gap:6px;height:0;height:52px;left:0;opacity:0;padding:6px 10px;position:absolute;visibility:hidden;z-index:100}.post-reactions-options.comment{left:16px}.post-reactions-options img{transition:.2s}.post-reactions-options img:hover{-webkit-transform:scale(1.4) translateY(-4px);transform:scale(1.4) translateY(-4px)}.post-button:hover+.post-reactions-options{opacity:1;top:-100%;transition:.2s .8s;visibility:visible}.post-reactions-options:not(.comment):hover{opacity:1;top:-100%;transition:0ms .8s;visibility:visible}.comment .post-reactions-options:hover{opacity:1;-webkit-transform:translateY(-100%);transform:translateY(-100%);transition:.2s .8s;visibility:visible}.comment-extra .post-button:hover+.post-reactions-options{opacity:1;top:-100%;transition:.2s .8s;visibility:visible}strong:hover+.post-reactions-options{opacity:1;-webkit-transform:translateY(-100%);transform:translateY(-100%);transition:.2s .8s;visibility:visible}.love{color:#f05969}.haha,.wow{color:#ffc107}.sad{color:#8b9dc3}.angry{color:#dc4e41}.care{color:pink}.comment-reactions-imgs{display:flex}.post-form-submit{background-color:#1876f2;border:0;border-radius:4px;color:#fff;font-family:inherit;font-size:1rem;font-weight:600;margin-top:16px;padding:8px 3rem;transition:.1s;width:100%}.group-post{border-radius:8px;height:36px;overflow:hidden;width:36px;z-index:1}.group-post-user{bottom:0;height:24px;position:absolute;right:0;width:24px;z-index:2}.group-post-user img{box-shadow:0 0 0 1.5px var(--alt-background-color)}.post-user.group{background-color:initial;border-radius:0}.post-data.group a{color:var(--color-light);cursor:pointer;font-size:.85rem;font-weight:600}.post-data.group a:hover{text-decoration:underline}.svg-container svg{fill:var(--svg-color);display:block}.svg-container{position:relative}.nav-svg .count{background-color:#e12c4c;border-radius:50%;color:#fff;display:block;font-size:.85rem;font-weight:600;height:19px;position:absolute;right:-14px;top:-14px;width:19px}.notification{display:flex;gap:12px;padding:12px 0;position:relative}.notification-section{margin-top:2px}.notification:after{background-color:initial;border-radius:8px;content:"";height:100%;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:.2s;width:calc(100% + 8px)}.notification:hover:after{background-color:var(--hover-color)}.notification-user{border-radius:50%;height:56px;position:relative;width:56px}.notification-content{max-width:236px}.notification-strong{font-weight:600;text-transform:capitalize}.notification-date{color:#1876f2;font-size:.875rem;font-weight:600}.notification-icon{align-items:center;bottom:-6px;display:flex;height:28px;justify-content:center;position:absolute;right:-6px;width:28px}.notification-icon .mention{fill:#fff;background-color:#56d36f;display:block;padding:5px}.post-expanded .post{padding-bottom:16px}.post-expanded{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;margin-top:16px;width:100%}.photo-expanded{display:flex;height:100vh;inset:0;position:fixed;width:100vw;z-index:100}.photo-expanded-image{background-color:#000;flex:1 1;position:relative;-webkit-user-select:none;user-select:none}.photo-expanded-image div{align-items:center;display:flex;padding:16px;position:absolute;transition:.1s linear}.photo-expanded-image div:hover svg{background-color:var(--alt-background-color)}.photo-expanded-image .right-photo-button:hover{padding-right:12px}.photo-expanded-image .left-photo-button:hover{padding-left:12px}.photo-expanded-image div svg{background-color:#b6b6b6;border-radius:50%;height:48px;padding:6px;transition:.3s;width:48px}.photo-expanded-close{cursor:pointer;left:16px;padding:0!important;position:relative;top:16px;z-index:10}.photo-expanded-close svg{fill:var(--svg-color);background-color:initial!important;height:42px!important;width:42px!important}.right-photo-button{height:100%;right:0;top:0}.left-photo-button{height:100%;left:0;top:0}.photo-expanded-image img{max-height:100%;max-width:100%;object-fit:contain}.photo-post{width:360px}.photo-post .post{border-radius:0;border-top:1px solid var(--border-color);box-shadow:0 0 0 transparent;height:100%;position:relative;z-index:10}.photo-post .nav-options{background-color:var(--alt-background-color);height:56px;padding:16px;position:static}.photo-post .nav-modal{right:16px;top:52px;width:clamp(248px,100%,368px);z-index:100}.notification-content-wrapper{display:flex;flex:1 1;justify-content:space-between}.notification-dot{align-items:center;display:flex;justify-content:flex-end;padding-right:8px}.notification-dot span{background-color:#1876f2;border-radius:50%;display:block;height:12px;width:12px}.notification.visited{color:var(--color-light)}.notification.visited .notification-date{color:var(--color-light);font-weight:400}.photo-post .post-data.extra{display:none}.post-reactions:nth-child(2){margin-top:16px}.post .post-hidden-menu{background-color:var(--alt-background-color);margin-left:auto}.post .post-hidden-menu svg{fill:var(--svg-color)}.options-available{z-index:12!important}.options span{align-items:center;color:var(--color);display:flex;font-size:1rem;font-weight:600;gap:8px}.options span svg{fill:#444;height:24px;width:24px}.options-available .border-line{margin:8px 0;padding:0;width:100%}.hidden-delt{fill:var(--alt-background-color)!important;-webkit-filter:drop-shadow(0 0 8px rgba(0,0,0,.384));filter:drop-shadow(0 0 8px rgba(0,0,0,.384));height:30px;padding:0!important;position:absolute;right:0;top:0;-webkit-transform:translateY(-70%) rotate(181deg);transform:translateY(-70%) rotate(181deg);width:24px}.hidden-delt:hover{background-color:initial!important}.options-available>span:first-of-type{position:relative;z-index:10}.options-available:after{background-color:var(--alt-background-color);border-bottom-right-radius:8px;content:"";height:36px;position:absolute;right:0;top:0;width:26px;z-index:10;z-index:1}.first-message{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:12px;padding:20px 12px}.first-message-user{border-radius:50%;height:60px;overflow:hidden;width:60px}.first-message-username{font-size:1.14rem;font-weight:600;text-transform:capitalize}.first-message-data{color:var(--color-light);display:flex;flex-direction:column;font-size:.87rem;gap:4px}.notification-content .user-option.group{position:relative;transition:0s;z-index:10}.photo-post .post-media-profile{display:none}.chat-preview .chat-menu{border:1px solid var(--border-color);margin-top:12px;position:fixed;right:62px;z-index:10}.chat-preview .chat-menu svg{visibility:hidden}.chat-preview .chat-menu .options{background-color:initial}.chat-preview:hover .chat-menu svg{visibility:visible}.options svg{fill:var(--svg-color)}.options:hover{background-color:var(--hover-color-search)}.message-content .options{background-color:initial;position:static}.message-content .options .hiddenmenu{fill:var(--svg-color);padding:2px;rotate:90deg;visibility:hidden}.message-content:hover .options .hiddenmenu{border-radius:50%;visibility:visible}.message-content .options .hiddenmenu:hover{background-color:var(--svg-container-color)}.message-content .hidden-delt{left:0;-webkit-transform:translateY(30%);transform:translateY(30%)}.message-content .options-available>span:last-of-type{position:relative;z-index:10}.message-content .options-available:after{left:0;right:auto}.message-content .hidden-delt{bottom:-10px;left:auto;right:0;top:auto;-webkit-transform:translateY(30%) rotateY(180deg);transform:translateY(30%) rotateY(180deg)}.message-content .options-available:after{background-color:var(--alt-background-color);border-bottom-right-radius:8px;bottom:0;height:12px;left:auto;position:absolute;right:0;top:auto;width:26px;z-index:1}.unsent-message .message-content-message{background-color:var(--alt-background-color)!important;border:1px solid var(--border-color);color:var(--color-light)!important;padding:10px}.message-content .options.message .options-available{inset:auto;position:fixed;-webkit-transform:translate(-95%,-115%);transform:translate(-95%,-115%)}.message{position:relative}.message-state #read,.message-state #sended,.message-state #viewed{display:none}.message.read .message-state #read{display:block}.message.read~.message .message-state{display:none}.message.viewed .message-state #viewed{display:block}.message.viewed~.message.sended .message-state #sended{display:none}.post-subheader{flex:1 1}.message.sended .message-state #sended,.message.viewed~.message.sended .message-state #viewed{display:block}.saved-posts-main{flex:1 1}.saved-posts-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:36px 16px 16px;text-align:left}.group-post img{border-radius:8px}.saved-posts{width:clamp(0px,100%,988px)}.post-saved{background-color:var(--alt-background-color);border-radius:8px;box-shadow:var(--box-shadow-light);display:flex;gap:16px;padding:16px}.saved-posts-container{display:flex;flex-direction:column;gap:16px}.post-saved-media{aspect-ratio:1/1;background-color:var(--svg-container-color);border-radius:8px;overflow:hidden;width:clamp(0px,80%,144px)}.post-saved-content{font-size:1.2rem;font-weight:600}.post-saved-info{display:flex;flex:1 1;flex-direction:column;gap:12px;height:100%}.post-saved-origin{align-items:center;color:var(--color-light);display:flex;font-size:.9rem;gap:6px}.user-option.options{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.user-option svg{height:20px;width:20px}.group-invite-menu{padding:16px}@media (max-width:1150px){.right-aside{display:none}}@media (max-width:900px){.user-data{align-items:center;flex-direction:column}.user-data .user-aside{width:clamp(0px,100%,680px)}.user-info{align-items:center;flex-direction:column;justify-content:center}.user-profile-pic{height:50px;margin-right:0}.header-wrapper .cover{height:300px}.post-media-profile{height:400px;position:relative}}@media (max-width:790px){.left-aside{background-color:var(--alt-background-color);border-right:1px solid var(--border-color);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.section-item>div:last-of-type{display:none}}.friends-main .main-aside{box-shadow:0 0 6px rgba(0,0,0,.158);z-index:1}.friends-home{flex:1 1}.main-aside h2 .svg-wrapper{background-color:var(--alt-background-color)!important;transition:.2s}.main-aside h2 .svg-wrapper:hover{background-color:var(--hover-color)!important}.main-aside h2 svg{fill:var(--svg-color)!important;height:24px;width:24px}.friend-preview{align-items:center;border-radius:6px;display:flex;padding:0 8px;transition:.15s}.friend-preview-name{font-weight:600;text-transform:capitalize}.friend-preview-pic{background-color:#dcdcdc;border-radius:50%;height:60px;margin:8px 12px 8px 0;overflow:hidden;width:60px}.friend-data{display:flex;flex:1 1;flex-direction:column;gap:8px}.friend-preview-buttons{align-items:center;display:flex;gap:12px}.friend-preview-buttons>*{flex:1 1;justify-content:center;text-align:center}.sub-title-smaller{font-weight:600}.smaller{color:gray;font-size:.85rem;font-weight:400;margin:0}.user-option:hover{background-color:var(--hover-color-user)!important}.friend-data.sent{flex-direction:row}.friend-data.sent>*{flex:1 1}.friend-preview-name div{color:gray;font-size:.95rem;font-weight:400}.friend-preview:hover{background-color:rgba(0,0,0,.068)}.user-aside{width:clamp(350px,100%,490px)}.user-routes-wrapper a{align-items:center;color:var(--color-light);display:flex;font-weight:600;height:60px;justify-content:center;padding:0 16px;position:relative;text-decoration:none}.user-routes-wrapper a:hover:after{background-color:rgba(0,0,0,.084);border-radius:6px;content:"";height:calc(100% - 8px);position:absolute;width:calc(100% - 8px)}.user-routes-wrapper a.active:before{background-color:#1876f2;border-top-left-radius:6px;border-top-right-radius:6px;bottom:0;content:"";height:4px;position:absolute;width:100%}.user-routes,.user-routes-wrapper{padding:0 16px;width:100%}.user-routes-wrapper{border-top:1px solid var(--border-color);display:flex;justify-content:flex-start}.user-data{display:flex;gap:16px;justify-content:center;padding:16px 16px 56px}.user-data .posts-container{width:clamp(0px,100%,680px)}.user-section{background-color:var(--alt-background-color);border-radius:8px;box-shadow:var(--box-shadow-light);padding:20px}.user-section .sub-title{font-size:1.3rem;padding:0;text-align:left}.header-wrapper{align-items:center;display:flex;flex-direction:column;width:clamp(800px,100%,1218px)}.user-routes-wrapper a.active{color:#2e89ff}.user-header{align-items:center;background-color:var(--alt-background-color);box-shadow:0 0 6px rgba(0,0,0,.116);display:flex;justify-content:center;width:100%}.cover{background-color:var(--svg-container-color);border-bottom-left-radius:10px;border-bottom-right-radius:10px;height:462px;width:clamp(0px,100%,1250px)}.user-profile-pic{margin-right:16px;position:relative;width:168px}.user-profile-pic-wrapper{background-color:var(--svg-container-color);border-radius:50%;bottom:0;box-shadow:0 0 0 6px var(--alt-background-color);height:168px;overflow:hidden;position:absolute;width:168px}.user-details{display:flex;flex:1 1;flex-direction:column;gap:2px;padding-bottom:12px;text-align:left}.user-info .user-name{font-size:2rem;font-weight:700;text-transform:capitalize}.user-info{display:flex;margin-bottom:16px;margin-top:32px;padding:0 16px;width:100%}.user-friends-count{color:#636363;font-size:1rem;font-weight:600}.user-friends-pics{display:flex;padding-top:4px}.friend-pic{background-color:var(--svg-container-color);border-radius:50%;box-shadow:0 0 0 2px var(--alt-background-color);height:32px;overflow:hidden;width:32px}.friend-pic:not(:first-child){margin-left:-4px}.user-section{width:100%}.user-about{align-items:center;display:flex;flex-direction:column;gap:16px;margin:auto;padding:16px;width:clamp(800px,100%,1186px)}.user-section.details{background-color:var(--svg-container-color);display:flex;gap:1px;padding:0}.user-section.details>*{background-color:var(--alt-background-color);padding:16px}.user-section.details>:last-child{flex:1 1}.user-section-left{display:flex;flex-direction:column;width:287px}.sub-route h3{margin-top:0;text-align:left}.sub-route-link:hover:after{background-color:rgba(0,0,0,.054)}.sub-route-link.active:after,.sub-route-link:hover:after{border-radius:6px;content:"";height:calc(100% - 8px);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:calc(100% + 22px);z-index:-1}.sub-route-link.active:after{background-color:rgba(35,138,255,.13)}.sub-route-link{color:var(--color);color:var(--color-light);font-weight:600;padding:12px 0;position:relative;text-align:left;text-decoration:none;z-index:1}.sub-route-link.active{color:#4470ff}.sub-route-link>*{z-index:1}.user-section-left .sub-title{margin-bottom:12px}.about-form{display:flex;flex-direction:column;gap:16px}.about-form label{position:relative;z-index:1}.about-form input,.about-form select{background-color:var(--alt-background-color);border:1px solid var(--border-color);border-radius:5px;box-shadow:0 0 0 2px var(--alt-background-color);color:var(--color);font-size:1.1rem;outline:none;padding:26px 16px 10px;width:100%}.about-form .input-label{color:#555;font-size:1.1rem;font-weight:400;left:16px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:.2s;z-index:1}.about-form label:not(.not):focus-within .input-label{color:#4470ff;font-size:.8rem;top:30%}.about-form label:not(.not) input:not(:placeholder-shown)+.input-label{color:#4470ff;font-size:.8rem;top:30%}.about-form label:not(.not):focus-within:after{background-color:#4470ff;border-radius:8px;content:"";height:calc(100% + 8px);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:calc(100% + 8px);z-index:-1}label.not{display:flex;gap:8px}label.not .checkbox{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.about-form-buttons{border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;margin-bottom:12px;padding-top:16px}.about-form-buttons>*{background-color:var(--svg-container-color);border:0;border-radius:5px;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;outline:none;padding:.5rem 1.15rem}.about-form-buttons>:hover{background-color:var(--hover-color-search)}.about-form-buttons button{background-color:#1876f2;color:#fff}.about-form-buttons button:hover{background-color:rgba(24,118,242,.719);color:#fff}.checkbox{font-weight:600}.about-expand{align-items:center;color:#1876f2;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:8px;justify-content:flex-start;padding-bottom:16px}.about-expand:hover{text-decoration:underline}.about-expand svg{fill:#1876f2;height:28px;width:28px}.about-preview{align-items:center;display:flex;gap:12px;padding-bottom:16px}.preview-icon{background-color:var(--svg-container-color);border-radius:50%;height:40px;width:40px}.preview-data{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;justify-content:center}.preview-data-bottom{color:var(--color-light);font-size:.9rem}.preview-data span{font-weight:600}.options .hiddenmenu{padding:4px}.options{background-color:var(--svg-container-color);border-radius:50%;height:34px;position:relative;width:34px}.options-available{background-color:var(--alt-background-color);border-radius:8px;box-shadow:0 0 16px 2px rgba(0,0,0,.136);display:flex;flex-direction:column;padding:6px;position:absolute;right:45%;text-align:left;top:calc(100% + 8px);white-space:nowrap;width:clamp(290px,100%,328px);z-index:10}.reverse .options-available{left:45%;right:auto}.message .options-available,.reverse .options-available{background-color:var(--alt-background-color);border-radius:8px;bottom:calc(100% + 8px);box-shadow:0 0 16px 2px rgba(0,0,0,.136);display:flex;flex-direction:column;padding:6px;position:absolute;text-align:left;top:auto;white-space:nowrap;width:clamp(140px,100%,128px);z-index:10}.message .options-available{left:auto;right:45%}.options-available>*{border-radius:3px;cursor:pointer;padding:.4rem 5rem .4rem .4rem}.options-available>:hover{background-color:var(--hover-color)}.user-options{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.user-option{background-color:var(--svg-container-color);border-radius:6px;cursor:pointer;display:flex;font-weight:600;gap:6px;padding:8px 12px}.user-options svg{fill:var(--svg-color);height:21px;width:21px}.profile-edit{width:clamp(560px,100%,700px)}.user-options .sub-title{display:flex;justify-content:space-between}.sub-title .profile-add{border-radius:6px;color:#1876f2;cursor:pointer;display:block;font-size:1rem;font-weight:600;padding:6px 10px;transition:.2s}.profile-add:hover{background-color:var(--hover-color)}.intro-section{align-items:center;display:flex;gap:12px;justify-content:flex-start;padding-top:16px}.intro-section svg{fill:#8f969d;height:24px;width:24fpx}.user-aside{display:flex;flex-direction:column;gap:16px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:16px}.photos-container{grid-gap:5px;border-radius:8px;display:grid;gap:5px;grid-template-columns:repeat(3,1fr);margin-top:16px;overflow:hidden}.photos-container img{aspect-ratio:1/1}.user-friends-container{grid-gap:5px;display:grid;gap:5px;gap:14px;grid-template-columns:repeat(3,1fr);margin-top:16px;overflow:hidden}.user-friends-container a{align-items:flex-start;display:flex;flex-direction:column;font-size:.87rem;font-weight:600;gap:4px;text-transform:capitalize}.user-friends-container img{aspect-ratio:1/1;border-radius:12px}.user-section .post-data{font-size:1.14rem;padding-top:2px;text-align:left}.user-profile-pic-edit{padding:16px 8px 0}.user-profile-pic-edit img{border:1px solid #ccc;border-radius:50%;height:168px;margin:auto;overflow:hidden;width:168px}.user-cover-pic-edit{padding:16px 8px 0}.user-cover-pic-edit img{border:1px solid #ccc;border-radius:20px;height:185px;margin:auto;max-width:500px;overflow:hidden}.profile-edit .intro-section{padding-left:16px}.profile-edit .group-create-link{font-size:1rem;margin:16px}.edit-profile-pic .about-form{padding:16px}.edit-profile-pics-buttons{border-top:1px solid #dcdcdc;display:flex;gap:8px;justify-content:flex-end;padding:16px}.edit-profile-pics-buttons>*{background-color:initial}.edit-profile-pics-buttons>*,.edit-profile-pics-buttons>:last-child{border:0;border-radius:4px;font-family:inherit;font-size:1rem;font-weight:600;padding:8px 3rem;transition:.1s}.edit-profile-pics-buttons>:last-child{background-color:#1876f2;color:#fff}.edit-profile-pics-buttons>:last-child:hover{background-color:rgba(24,118,242,.616)}.edit-profile-pics-buttons>:hover{background-color:var(--svg-container-color)}.unavailable{background-color:var(--svg-container-color)!important}.user-relationship-confirm .sub-title-smaller{font-size:1.15rem}.user-relationship-confirm{align-items:center;background-color:var(--hover-color);border-radius:8px;display:flex;justify-content:space-between;padding:16px;width:100%}.user-relationship-confirm-wrapper{padding:16px;width:100%}.user-online{aspect-ratio:1/1;background-color:#409d50;border-radius:50%;bottom:0;box-shadow:0 0 0 2.5px var(--alt-background-color);position:absolute;right:0;width:25%}.contact .user-online{box-shadow:0 0 0 2.5px var(--background-color)}.group-media.friend{display:grid;grid-template-columns:repeat(2,1fr)}.friend-route-user{align-items:center;aspect-ratio:auto!important;border:1px solid #eee;border-radius:8px;display:flex!important;gap:16px;padding:16px;width:100%!important}.friend-route-user img{border-radius:8px;height:80px;width:80px}.friend-route-name{flex:1 1;text-align:left;text-transform:capitalize}.friend-route-name-bit{cursor:pointer;display:block;font-size:1.2rem;font-weight:600;width:100%}.friend-route-name-bit:hover{text-decoration:underline}.friend-route-name .post-data{font-size:.875rem;text-align:left}.user-header+*{margin-bottom:56px!important}.user-friends-container span:hover{text-decoration:underline}.preview-icon{background-color:initial;padding:4px}.preview-icon svg{fill:#59636d}.img-profile{border-radius:50%}.chats-wrapper{display:flex;flex-direction:column;gap:12px}.group-create-link{align-items:center;background-color:var(--group-create-link-background);border-radius:6px;color:#1f79ff;display:flex;font-weight:600;gap:8px;justify-content:center;margin:8px;padding:8px;transition:.2s}.border-line{background-color:var(--border-color);height:1px;margin:18px auto;width:calc(100% - 16px)}.group-create-link svg{fill:#1f7ffd;height:20px;width:20px}.group-create-link:hover{background-color:var(--group-create-link-hover)}.main-aside .about-form{padding:0 16px}.main-aside .about-form label{position:relative}.group-options{background-color:#fff;border-radius:8px;box-shadow:0 0 6px rgba(0,0,0,.158);padding:6px;position:absolute;width:100%}.group-option{border-radius:8px;display:flex;gap:8px;padding:8px}.group-option:hover{background-color:rgba(0,0,0,.078)}.group-option-icon svg{height:100%}.group-option-icon{background-color:#dcdcdc;border-radius:50%;height:36px;min-width:36px;padding:6px;width:clamp(36px,100%,36px)}.group-option-data{color:#707070;font-size:.8rem}.group-option-header{font-weight:600}.select-input{caret-color:transparent;cursor:pointer}.group-admin{align-items:center;display:flex;margin:18px 0;padding:0 16px}.group-admin-pic{background-color:#dcdcdc;border-radius:50%;height:36px;margin:8px 12px 8px 0;width:36px}.group-admin-name{font-weight:600;text-transform:capitalize}.group-admin-role{color:#707070;font-size:.8rem}.main-group-create{background-color:#1f7ffd;border:0;border-radius:6px;color:#fff;font-family:inherit;font-size:1rem;font-weight:600;margin:auto 8px 16px;padding:8px 0;text-align:center}.groups-main .main-aside{display:flex;flex-direction:column}.group-preview{align-items:center;display:flex;gap:12px;padding-bottom:16px}.group-preview-data{display:flex;flex-direction:column}.group-preview-name{font-weight:600}.group-details-wrapper .group-preview-name{font-size:1.13rem}.group-preview-pic{background-color:#dcdcdc;border-radius:8px;height:48px;overflow:hidden;width:48px}.group-preview-detail{color:var(--color-light);font-size:.8rem}.group-details-wrapper .group-preview{padding:16px 8px}.group-section-wrapper{margin:16px auto;padding:0 16px;width:clamp(800px,100%,1186px)}.sub-title span{color:var(--color-light);font-weight:400}.group{text-align:left}.cover{overflow:hidden;position:relative}.cover .user-option{bottom:16px;box-shadow:0 0 6px rgba(0,0,0,.158);cursor:pointer;position:absolute;right:16px}.cover .user-option:hover{background-color:var(--search-background-color)}.cover .user-option svg{fill:var(--svg-color);height:21px;width:21px}.cover .save-buttons{background-color:rgba(0,0,0,.075);display:flex;gap:16px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:flex-end;padding:12px;position:absolute;width:100%}.cover .save-buttons>*{background-color:var(--svg-container-color);border-radius:6px;cursor:pointer;font-weight:600;padding:6px 12px}.save-buttons .save,.user-option.group{background-color:#1f79ff;color:#fff}.user-option.group{cursor:pointer;gap:6px;transition:.1s}.user-option.group:hover{background-color:var(--hover-color-user-blue)!important}.user-option.group svg{fill:#fff}.leave-group{align-items:center;cursor:pointer;font-family:inherit;gap:8px;justify-content:center}.leave-group svg{fill:var(--svg-color);height:24px;width:24px}.main-group-buttons{align-items:center;display:flex;gap:8px;text-align:center}.main-group-preview{background-color:var(--alt-background-color);border-radius:8px;box-shadow:0 0 0 1px var(--border-color);display:flex;flex-direction:column;height:350px;width:clamp(0px,100%,350px)}.main-group-preview.mine{gap:16px;height:auto;padding:16px;width:clamp(0px,100%,400px)}.groups-container{flex:1 1;padding:16px 64px}.discover-groups{display:flex;flex-wrap:wrap;gap:16px}.main-group-cover{border-top-left-radius:8px;border-top-right-radius:8px;height:184px;overflow:hidden}.main-group-content{display:flex;flex:1 1;flex-direction:column;padding:16px}.main-group-content.mine{flex-direction:row;gap:16px;padding:0}.main-group-data.mine .group-name{font-size:1rem}.main-group-data.mine .group-metadata{font-size:.85rem}.main-group-data.mine{display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:12px}.main-group-cover.mine{border-radius:8px;height:80px;width:80px}.main-group-buttons>:first-child{flex:1 1;justify-content:center;margin:0;text-align:center;width:100%}.main-group-data .group-name{font-size:1.15rem;font-weight:600;text-align:left;text-transform:capitalize}.main-group-data{flex:1 1;text-align:left}.main-group-data .group-metadata{color:var(--color-light);font-size:1.05rem}.main-group-buttons svg{fill:var(--svg-color);height:20px;width:20px}.groups-preview-header{display:flex;flex-direction:column;gap:4px;margin-bottom:12px;text-align:left}.groups-preview-header h2{font-family:inherit;margin-bottom:0}.groups-preview-header p{color:#707070;font-size:1.18rem;margin-top:0}.groups-container h3{font-weight:600;text-align:left}.user-data .post-form{margin-top:0}.main-group-about-data{display:flex;margin-top:12px}.main-group-about-data *{margin:0}.main-group-about-icon svg{fill:var(--svg-color);height:20px;margin:10px 12px 8px 0;width:20px}.main-group-about-info{padding:8px 0 0}.main-group-about-info h2{font-size:1.15rem;font-weight:600;text-align:left;text-transform:capitalize}.main-group-about .sub-title{font-weight:600}.group-media{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.group-media>*{aspect-ratio:1/1;display:block;width:clamp(100px,100%,185px)}.group-feed{padding:36px}.group-feed h3{text-align:left}.group-feed .posts-container{align-items:flex-start}.my-groups{display:flex;flex-wrap:wrap;gap:16px}.search-element{background-color:var(--alt-background-color);border-radius:8px;box-shadow:0 0 4px rgba(0,0,0,.201);width:clamp(200px,100%,680px)}.search-container{flex:1 1;flex-direction:column;overflow:auto}.search-container,.search-user{align-items:center;display:flex;gap:16px;padding:16px}.search-user .friend-data{align-items:flex-start}.search-user-profile{border-radius:50%;height:60px;overflow:hidden;width:60px}.group-create-link{cursor:pointer}.search-main .svg-wrapper{padding:6px}.search-images-preview{grid-gap:6px;border-radius:8px;display:grid;gap:6px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));margin:16px;overflow:hidden}.search-images-preview img{aspect-ratio:1/1}.search-element h2{font-size:1.3rem;text-align:left}.search-element .user-option{justify-content:center;margin:16px;text-align:center}.image-navlink{position:relative}.image-author{bottom:0;color:#fff;font-weight:600;padding:8px;position:absolute;text-shadow:0 0 4px rgba(0,0,0,.397);z-index:1}.capitalize{text-transform:capitalize}.search-element .friend-data{gap:2px}.empty-search-wrapper{align-items:center;display:flex;flex-direction:column;width:100%}.empty-search-image{color:#6e6e6e;margin:auto;padding:24px;width:500px}.empty-search-image img{height:112px;width:112px}.empty-search-image>*{margin:0}.empty-search-image h2{font-size:1.4rem;font-weight:900}.empty-search-image h4{font-size:1.2rem;font-weight:400}.search-images-container{grid-gap:6px;display:grid;flex:1 1;gap:6px;grid-template-columns:repeat(auto-fit,200px);margin:16px}.search-images-container img{aspect-ratio:1/1}.search-container.row{align-items:flex-start;flex-direction:row}
/*# sourceMappingURL=main.0e81b91d.css.map*/