body{font-family:Poppins,sans-serif;background-color:#f9f9f9!important}.loginPage{display:flex;min-height:100vh;overflow:auto;flex-direction:row;background-color:#f9f9f9}@media (max-width: 900px){.loginPage-right{width:100%;flex:unset;padding:0 1rem;margin-top:0;overflow-y:auto;max-height:100vh;display:flex;flex-direction:column;align-items:center}.loginPage-form{margin-top:0;width:100%}}.loginPage-registerMobile{position:sticky;bottom:0;left:0;width:100%;padding:0 2rem;display:flex;justify-content:center;z-index:10000}.css-j3jqhj-MuiInputBase-input-MuiOutlinedInput-input:-webkit-autofill{-webkit-box-shadow:0 0 0 100px rgba(38,103,152,0) inset!important}.css-j3jqhj-MuiInputBase-input-MuiOutlinedInput-input:-webkit-autofill{background:#fff;background-color:#fff!important;-webkit-box-shadow:none;-webkit-text-fill-color:#a42bfd!important;caret-color:#a42bfd!important;border-radius:inherit}.loginPage{display:flex;min-height:100vh;flex-direction:row;background-color:#f9f9f9}.loginPage-input .MuiOutlinedInput-root{border-radius:1rem!important;transition:.3s all;background-color:#fff}.css-1xwpgvu-MuiFormLabel-root-MuiInputLabel-root{color:#a42bfd!important}.loginPage-input .MuiOutlinedInput-notchedOutline{border:1px solid #a42bfd}.loginPage-input .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#a42bfd}.loginPage-input .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#a42bfd;box-shadow:0 0 5px #6c63ff33}.loginPage-input label.Mui-focused,.loginPage-input input{color:#a42bfd!important}.loginPage-input input::placeholder{color:#a42bfd!important;opacity:1}.loginPage-input .MuiInputLabel-root{display:block!important;color:#a42bfd!important;opacity:1!important}.loginPage-input .MuiInputBase-input{color:#a42bfd!important;opacity:1!important}.loginPage-input .MuiInputBase-input::placeholder{color:#a42bfd!important;opacity:.7!important}.loginPage-left{flex:1;gap:30px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 3rem;margin-bottom:200px;text-align:center}@keyframes logoLoad{0%{opacity:0;transform:scale(.8) rotate(-5deg)}50%{transform:scale(1.05) rotate(2deg)}to{opacity:1;transform:scale(1) rotate(11deg)}}.app-logo{width:35px!important;height:auto!important;animation:logoLoad 3s ease-out forwards;transition:transform .3s ease}.loginPage-logo{width:160px!important;height:auto!important;margin-bottom:1.5rem;animation:logoLoad 3s ease-out forwards;transition:transform .3s ease}.loginPage-logo:hover{transform:scale(1.05) rotate(2deg)}.mobile-logo{display:none}.loginPage-title{font-size:2.8rem;font-weight:700;color:#1e1e1e;margin-bottom:1rem}.loginPage-description{max-width:420px;color:#000;font-size:1.5rem;line-height:1.5}.loginPage-right{flex:1;margin-bottom:200px;display:flex;justify-content:center;align-items:center;padding:0 3rem}.loginPage-form{padding:3rem;max-width:400px;width:100%;border-radius:.5rem;display:flex;flex-direction:column;gap:15px;background-color:transparent!important;box-shadow:0 12px 25px #0000001f;transition:transform .3s ease,box-shadow .3s ease}.loginPage-form:hover{box-shadow:0 15px 35px #00000026}.loginPage-form-title{font-size:1.6rem;font-weight:700;text-align:center;color:#1e1e1e;margin-bottom:1rem}.loginPage-button{padding:.9rem 0;height:56px;font-weight:700;text-transform:none;background-color:#a42bfd!important;color:#fff!important;border-radius:1rem!important;transition:.3s all}.loginPage-button:hover{transform:scale(1.03)}.loginPage-signup{margin-top:-5px!important;font-size:.9rem;color:#1e1e1e;text-align:center}.loginPage-registerButton{padding:.9rem 0;height:56px;font-weight:700;text-transform:none;border-radius:1rem!important;background-color:transparent;color:#a42bfd;border:2px solid #a42bfd;transition:.3s all}.loginPage-registerButton:hover{background-color:#a42bfd;color:#fff}.loginPage-registerButtonMobile{padding:.9rem 0;height:56px;font-weight:700;text-transform:none;background-color:#fff;color:#a42bfd;border:2px solid #a42bfd!important;border-radius:1rem!important;width:100%;transition:.3s all}.loginPage-registerButtonMobile:hover{background-color:#a42bfd;color:#fff}.loginPage-registerMobile{position:fixed;bottom:30px;left:0;width:100%;padding:0 2rem;display:flex;justify-content:center;z-index:10000}.langButton{border-radius:0!important;border:none!important}.loginPage-cookies{position:fixed;bottom:0;left:0;width:100%;background-color:#f5f5f5;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 -2px 10px #0000001a;z-index:99999}.loginPage-cookies-text{text-align:center;font-size:.85rem;color:#333}.loginPage-cookies-buttons{width:100%;display:flex;gap:.5rem}.loginPage-cookies-buttons button{font-weight:700;width:100%;text-transform:none;border-radius:6px}@media (max-width: 900px){.loginPage{flex-direction:column;align-items:center;justify-content:flex-start;padding-top:2rem}.loginPage-left,.loginPage-right{flex:unset;width:100%;padding:5px 2rem;margin-bottom:0;display:flex;flex-direction:column;align-items:center}.loginPage-left{order:1}.loginPage-right{order:2;margin-top:0!important}.loginPage-logo{width:80px!important;margin-bottom:0;max-width:150px}.mobile-logo{display:flex}.loginPage-description{display:none}.loginPage-form{margin-top:60px;box-shadow:none!important;padding:0;max-width:100%}.loginPage-cookies{display:none!important}}@media (max-width: 900px){.loginPage{flex-direction:column;align-items:center;justify-content:flex-start;padding-top:2rem;min-height:auto}.loginPage-right{margin-bottom:0;padding:0 2rem}.loginPage-form{margin-top:60px;box-shadow:none!important;max-width:100%;width:100%}}.loginPage-right{flex:1;display:flex;justify-content:center;align-items:center;width:100%;overflow-y:auto}.registerPage{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f9f9f9!important;padding:2rem}.registerPage-mainBox{width:35%;max-width:800px;background-color:transparent!important;color:#000!important;border-radius:1rem!important;padding:3rem;min-height:80vh;display:flex;flex-direction:column;gap:1.5rem;box-shadow:none!important;transition:transform .3s ease,box-shadow .3s ease;position:relative}.registerPage-mainBox:hover{box-shadow:0 15px 35px #00000026}.registerPage-logo{width:200px!important;height:auto!important;border-radius:0!important;align-self:center;animation:logoLoad 1s ease-out forwards;transition:transform .3s ease}.registerPage-logo:hover{transform:scale(1.05) rotate(2deg)}.registerPage-title{font-size:2rem;color:#a42bfd!important;font-weight:700!important;text-align:center}.registerPage-description{font-size:1rem;text-align:center;margin-bottom:1rem}.css-1w8f58i-MuiFormHelperText-root{color:#d3d3d3!important}.registerPage-stepContent{display:flex;margin:0 auto;flex-direction:column;gap:1rem;width:70%;transition:all .5s ease-in-out}.MuiStepIcon-root{color:#8d8d8d7f}.registerPage-row{display:flex;gap:1rem}.registerPage-input .MuiOutlinedInput-root{border-radius:1rem!important;background-color:#fff!important;transition:.3s all}.registerPage-input .MuiOutlinedInput-notchedOutline{border:1px solid #a42bfd!important}.registerPage-input .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline,.registerPage-input .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#a42bfd!important}.registerPage-input .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{box-shadow:0 0 5px #6c63ff33}.registerPage-input label.Mui-focused,.registerPage-input input{color:#a42bfd!important}.registerPage-input input::placeholder{color:#a42bfd!important;opacity:.7!important}.registerPage-button,.registerPage-button-outline{height:56px!important;padding:0 1.5rem;font-weight:700;text-transform:none;border-radius:1rem!important;transition:.3s all;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.registerPage-button{background-color:#a42bfd!important;color:#fff!important}.registerPage-button:hover{transform:scale(1.03)}.registerPage-button-outline{border:2px solid #a42bfd!important;color:#a42bfd!important;background-color:transparent!important}.registerPage-buttons{display:flex;justify-content:flex-end;gap:1rem;margin:2rem auto 0;position:relative;bottom:unset;padding:0;width:70%!important}.registerPage-footer{margin-top:auto;display:flex;justify-content:flex-end;gap:1rem;font-size:.85rem}.registerPage-stepper .MuiStepIcon-root.Mui-active{color:#a42bfd}.registerPage-stepper .MuiStepIcon-root.Mui-completed{color:#00a651}.registerPage-stepper .MuiStepIcon-root:not(.Mui-active):not(.Mui-completed){color:#888}.registerPage-stepper .MuiStepConnector-line{background-color:#ccc}.registerPage-stepper{margin-top:1rem;max-width:100%}.MuiStep-root .MuiStepLabel-label{color:#666!important;font-size:.85rem}.MuiStep-root.Mui-active .MuiStepLabel-label{color:#a42bfd!important}.MuiStep-root.Mui-completed .MuiStepLabel-label{color:#6c63ff!important}.registerPage-stepContent .MuiCheckbox-root,.registerPage-stepContent .MuiFormControlLabel-label{color:#a42bfd!important}.registerPage-input .MuiInputLabel-root{display:block!important;color:#a42bfd!important;opacity:1!important}.css-195ii7s-MuiFormControlLabel-root{margin-right:0!important}.registerPage-input .MuiInputBase-input{color:#a42bfd!important;opacity:1!important}.registerPage-input .MuiInputBase-input::placeholder{color:#a42bfd!important;opacity:.7!important}.registerPage-mobileStep{display:none;flex-direction:column;align-items:center;gap:.5rem}.registerPage-mobileStepIcon{background-color:#a42bfd;color:#fff;font-weight:700;font-size:1.2rem;border-radius:50%;width:50px;height:50px;display:flex;justify-content:center;align-items:center;box-shadow:0 3px 8px #0003}.registerPage-mobileStepLabel{font-size:.9rem;text-align:center;font-weight:500}.registerPage-stepContent img{max-width:300px;border-radius:.5rem;box-shadow:0 5px 15px #0000001a}.registerPage-mainBox::-webkit-scrollbar{display:none}.css-1i98s5f-MuiPaper-root-MuiPopover-paper-MuiMenu-paper{background-color:#fff!important;color:#a42bfd!important}@media (max-width: 900px){.registerPage{height:100vh;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:2rem}.registerPage-mainBox{width:100%!important;padding:0;height:100vh;overflow-y:auto;overflow-x:hidden;max-height:100vh;min-height:unset}.registerPage-title{display:none;font-size:2rem!important}.registerPage-description{font-size:.85rem;display:none}.registerPage-stepContent{padding:0!important;gap:.8rem;margin-bottom:0;width:100%}.registerPage-row{flex-direction:column}.registerPage-buttons{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding:0}.registerPage-footer{flex-direction:column;gap:.8rem;width:100%;text-align:center;margin-top:auto}.buttonHaveAccount{height:56px!important;width:100%!important}.registerPage-buttons{margin:0;width:100%!important}.registerPage-button,.registerPage-button-outline{height:56px!important}}.lostPasswordPage{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:#f9f9f9;padding:2rem}.lostPassword-logo{width:120px;height:auto;margin-bottom:1.5rem}.lostPassword-form{max-width:400px;width:100%;padding:2rem;border-radius:.5rem;box-shadow:0 12px 25px #0000001f;display:flex;flex-direction:column;gap:15px;background-color:#fff}.lostPassword-title{font-size:1.8rem;font-weight:700;text-align:center}.lostPassword-description{font-size:1rem;text-align:center;color:#333}.lostPassword-input .MuiOutlinedInput-notchedOutline{border:1px solid #a42bfd}.lostPassword-input .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#a42bfd}.lostPassword-input .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#a42bfd;box-shadow:0 0 5px #6c63ff33}.lostPassword-input label.Mui-focused,.lostPassword-input input{color:#a42bfd!important}.lostPassword-input input::placeholder{color:#a42bfd!important;opacity:1}.lostPassword-input .MuiInputLabel-root{display:block!important;color:#a42bfd!important;opacity:1!important}.lostPassword-input .MuiInputBase-input{color:#a42bfd!important;opacity:1!important}.lostPassword-input .MuiInputBase-input::placeholder{color:#a42bfd!important;opacity:.7!important}.lostPassword-input .MuiOutlinedInput-root{border-radius:1rem;transition:.3s all}.lostPassword-button{height:56px;font-weight:700;text-transform:none;background-color:#a42bfd!important;color:#fff!important;border-radius:1rem!important}.lostPassword-button:hover{transform:scale(1.03)}.lostPassword-backToLogin{text-align:center;font-size:.9rem}.lostPassword-langMobile{display:flex;gap:10px;justify-content:center;margin-top:10px}@media (max-width: 900px){.lostPasswordPage{padding:1rem}.lostPassword-form{padding:1rem;box-shadow:none}}.css-1fe3xww-MuiInputBase-input-MuiOutlinedInput-input{font:inherit;letter-spacing:inherit;color:#000!important;border-radius:1.4rem!important;border:none!important;box-sizing:content-box;background:none;height:1.4375em;margin:0;-webkit-tap-highlight-color:transparent;display:block;min-width:0;width:100%;-webkit-animation-name:mui-auto-fill-cancel;animation-name:mui-auto-fill-cancel;-webkit-animation-duration:10ms;animation-duration:10ms;padding:8.5px 14px}.contactModal .MuiModal-backdrop{height:94vh}@media (hover: none){.css-g45glb-MuiButtonBase-root-MuiToggleButton-root:hover{background-color:#f0ddff!important}}.css-1k8y2c3-MuiButtonBase-root-MuiToggleButton-root:hover{-webkit-text-decoration:none;text-decoration:none;background-color:#f0ddff!important}.css-67nffb-MuiToggleButtonGroup-root .MuiToggleButtonGroup-lastButton,.css-67nffb-MuiToggleButtonGroup-root .MuiToggleButtonGroup-middleButton{margin-left:-1px;border-left:1px solid transparent;border-top-left-radius:0;border-bottom-left-radius:0}.contact-item{border-radius:1.5rem!important;border:none!important;padding:0!important;transition:all .3s ease!important;cursor:pointer;background-color:#f0f0f094}.contact-item:hover{background-color:#0000000d!important;transform:scale(1.02)}.contact-item .MuiAvatar-root{transition:transform .3s ease}.contact-item:hover .MuiAvatar-root{transform:scale(1.15)}.messagesList{padding:1px 16px!important;gap:8px;display:flex;overflow-y:auto;flex:1;flex-direction:column}.sidebar{width:60px;display:flex;flex-direction:column;border-radius:.5rem 0 0 .5rem!important;border-right:solid 1px #80808040;box-shadow:2px 2px 4px #00000014!important;padding:16px 8px;gap:8px;background-color:#fff!important}.sidebarIcon{padding:10px!important;border-radius:30%!important;background-color:#d9d9d9!important;transition:all .3s ease!important;display:flex!important;align-items:center!important;justify-content:center}.sidebarIcon:hover{background-color:#bfbfbf;transform:scale(1.2)}.sidebarIconSvg{font-size:36px;color:#fff;transition:transform .2s ease}@keyframes bounce{0%{transform:scale(1.2) rotate(-10deg)}50%{transform:scale(1.3) rotate(10deg)}to{transform:scale(1.2) rotate(-10deg)}}.feedBox{max-width:100%;height:100%;flex:1;border-radius:0;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.feedBox::-webkit-scrollbar{width:0;background:transparent}.feedContainer{max-width:100%;width:auto;height:100%;overflow-y:auto;padding-right:8px;padding-bottom:8px;scrollbar-width:none;-ms-overflow-style:none}.postPaper{padding:16px;background-color:#fff!important;color:#000!important;box-shadow:2px 2px 4px #00000014;border-radius:8px}.postImage{width:100%;border-radius:8px;margin-top:8px;object-fit:cover}.custom-input{padding:16px 16px 7px!important}.custom-input::placeholder{color:#a0e7e5;opacity:.7}.contactsBox{width:350px;display:flex;flex-direction:column;background-color:#fff!important;border-radius:0 .5rem .5rem 0!important;color:#000!important;box-shadow:2px 2px 4px #00000014!important}.appContainer{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#e9e9e9;padding:20px;box-sizing:border-box}.appColumns{display:flex;width:100%;height:100%;gap:16px}.leftColumn{max-width:550px;height:100%;display:flex;gap:0}.chatBox{position:relative;border-radius:8px;overflow:hidden;height:100%;background-color:#fff}.contacts-modal,.contacts-modal .MuiModal-root,.contacts-modal .MuiBackdrop-root{height:calc(100vh - 59px)!important}.emojiIcon{color:#a42bfd!important}.sidebarMain{position:absolute!important;display:flex;flex-direction:column;max-width:250px}@media (max-width: 900px){.sidebarMain{position:absolute!important;bottom:0;left:0;right:0;flex-direction:row;justify-content:space-around;align-items:center;background-color:#fff;border-top:1px solid #ddd;height:60px;z-index:10}}.feedContainer{max-width:100%;min-height:500px;height:100%;overflow-y:auto;padding-right:8px;padding-bottom:40px;margin-bottom:60px!important;padding-top:0;scrollbar-width:none;-ms-overflow-style:none}.feedContainer::-webkit-scrollbar{width:0;background:transparent}.feedGrid{display:grid;gap:16px}.postPaper{padding:16px;background-color:#fff!important;color:#000!important;box-shadow:2px 2px 4px #00000014;border-radius:0!important;display:flex;flex-direction:column}.postImages{display:grid;gap:4px;margin-top:8px}.postImages.one img{width:100%;aspect-ratio:16/9;object-fit:contain}.postImages.two img{width:100%;aspect-ratio:1 / 1;object-fit:cover}.postImages.four,.postImages.more{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.postImages.four img,.postImages.more img{width:100%;aspect-ratio:1 / 1;object-fit:cover}.imageOverlayContainer .overlay{font-size:24px}.postImages img{width:100%;height:100%;object-fit:cover;display:block;border-radius:8px}.imageOverlayContainer .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;color:#fff;font-size:24px;display:flex;justify-content:center;align-items:center;border-radius:8px}.postActions{border-top:1px solid #eee;margin-top:auto;padding-top:12px;display:flex;justify-content:space-around;gap:12px}.css-k1rfys-MuiInputBase-root-MuiOutlinedInput-root-MuiSelect-root .MuiSelect-select{text-align:center;padding:12px;color:#fff!important}.actionBtn{flex:1;background-color:#f9f9f9!important;border-radius:10px!important;padding:10px 14px!important;font-size:1rem!important;font-weight:600!important;color:#333!important;transition:background-color .2s,transform .2s}.actionBtn:hover{background-color:#ffe8e8!important;transform:scale(1.05)}.feedIcons{background-color:#fff!important;color:#0000001a!important;border:1px solid #0000001a!important;width:36px;height:36px}.feedIconsBox{display:flex;gap:10px}.feedModal{display:flex;flex-direction:row;width:100%;height:100vh;gap:20px;margin:auto;background-color:#fff;border-radius:8px;overflow:hidden}.modalContent{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:24px;border-radius:12px;max-width:90%;max-height:90%;overflow-y:auto}.modalImages{display:flex;gap:8px;margin-top:16px}.modalImage{width:100%;border-radius:8px;object-fit:cover;max-height:300px}.modalImageContainer{position:relative;max-width:800px;width:100%;display:flex;background-color:transparent}.commentItem .commentBox{background-color:#f9f9f9;border-radius:12px;padding:8px 12px;display:flex;align-items:flex-start;gap:8px;transition:background-color .2s}.commentItem .commentBox :hover{background-color:#f0f0f0}.commentItem .commentAvatar{width:36px;height:36px}.commentItem .commentUser{color:#000;font-weight:500}.commentItem .commentText{color:#111;font-size:.875rem;line-height:1.4}.commentItem .replyBtn{color:#555}.commentItem .replyBtn :hover{color:#1976d2}.commentItem .replyInput{display:flex;gap:4px}.commentItem .replyInput .replyTextField{background-color:#fff;border-radius:4px}.commentUser{display:flex;color:#000;font-weight:500;align-items:center}.postImages{display:grid;gap:4px;border-radius:8px;overflow:hidden}.postImages.one{grid-template-columns:1fr}.postImages.two{grid-template-columns:1fr 1fr}.postImages.three{grid-template-columns:repeat(3,1fr)}.postImages.four{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.postImages.more{grid-template-columns:repeat(2,1fr)}.postImages img{width:100%;height:100%;object-fit:cover;cursor:pointer;border-radius:6px;transition:transform .2s ease}.postImages img:hover{transform:scale(1.03)}.imageOverlayContainer{position:relative}.imageOverlayContainer img{filter:brightness(.7)}.imageOverlayContainer .overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;font-weight:700;background:#0006}.modalImageContainer{position:relative;width:100%;max-height:800px;background:transparent;display:flex;align-items:center;justify-content:center;overflow:hidden}.modalImageContainer img,.modalImageContainer .protectedImage{max-height:100%;max-width:100%;object-fit:contain}.prevArrow,.nextArrow{position:absolute!important;top:50%;transform:translateY(-50%);min-width:40px!important;min-height:40px!important;border-radius:50%!important;background:#00000024!important;color:#fff!important;z-index:10}.prevArrow{left:10px}.nextArrow{right:10px}.feedUsernameBox{height:40px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px}.feedUserImage{width:36px;height:36px;text-align:center;object-fit:cover;color:transparent;border-radius:50%}@media (max-width: 900px){.postActions{display:grid;grid-template-columns:1fr 1fr}.feedContainer{padding:1px 0;background:#f4f4f4;margin:0 auto;max-width:100%;min-height:auto}.feedModal{display:flex;flex-direction:column!important;border-radius:0!important;height:100vh;gap:20px;max-width:100%!important;max-height:100%!important}.feedGrid{border-radius:0!important;grid-template-columns:1fr;gap:2px}.postPaper{padding:12px;border-radius:.5rem}.postImages.one img{aspect-ratio:0}.postImages.two{grid-template-columns:1fr 1fr;gap:3px}.postActions{flex-direction:column;gap:8px;padding-top:8px}.actionBtn{font-size:.9rem!important;padding:8px 12px!important;display:flex;align-items:center;justify-content:center;gap:10px}.modalRightPanel{padding:16px}.modalContent{padding:0;border-radius:8px;max-width:95%;max-height:80%}.modalImages{flex-direction:column;gap:6px}.modalImage{max-height:200px}.commentItem .commentBox{padding:6px 10px;border-radius:8px}.commentItem .commentAvatar{width:28px;height:28px}.commentItem .commentText{font-size:.8rem}}.modalNewPost{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:450px;background:#fff;border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:16px;box-shadow:0 8px 24px #0000004d;color:#000}.modalHeader{display:flex;align-items:center;justify-content:space-between;gap:8px}.modalAvatar{width:40px;height:40px;border-radius:50%}.modalTitle{font-weight:600;flex:1}.closeBtn{color:#888;transition:.2s}.closeBtn:hover{color:#000}.modalTextArea{width:100%}.mediaButtons{display:flex;gap:12px}.mediaBtn{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;cursor:pointer;background-color:#f0f0f0;transition:.2s}.mediaBtn:hover{background-color:#e0e0e0}.icon{font-size:20px}.submitPostBtn{background-color:#a42bfd;color:#fff;padding:10px 0;border-radius:8px;font-weight:600;transition:.2s}.submitPostBtn:hover{background-color:#7b1fa2}.previewContainer{display:flex;flex-direction:column;gap:8px}.previewImage{max-height:150px;border-radius:8px;object-fit:cover}.previewMusic{font-style:italic;color:#555}@media (max-width: 900px){.sidebar{width:100%;height:60px;flex-direction:row!important;justify-content:space-around;align-items:center;border-radius:0!important;border-right:none;border-top:1px solid #80808040;box-shadow:0 -2px 4px #00000014!important;padding:0 12px!important;position:fixed;bottom:0;left:0;background-color:#fff!important;z-index:20}.sidebarIcon{padding:8px!important;background-color:transparent!important}.sidebarIconSvg{font-size:28px;color:#333}.feedBox{padding-bottom:80px;border-radius:0!important}.contactsBox{width:100%!important;height:100%!important;border-radius:0!important;box-shadow:none!important}.chatBox{width:100%!important;height:100%!important;border-radius:0!important}.leftColumn{display:none}}.mobile-hide{display:none!important}