@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap);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}body,h1,h2,h3,h4,h5,h6,li,ol,p,ul{margin:0;padding:0}#navbar{align-items:center;background-color:#f4f7f9;box-shadow:0 2px 4px rgba(0,0,0,.1);color:#333;display:flex;font-family:Arial,sans-serif;justify-content:space-between;left:0;min-width:320px;padding:30px 10px;position:fixed;top:0;width:100%;z-index:100}#navbar .hamburger-menu{cursor:pointer;display:none}#navbar .navbar__search{align-items:center;display:flex;flex-grow:1;margin-left:10px;position:relative}#navbar .search-input{border:1px solid #ccc;border-radius:20px;flex-grow:1;font-size:16px;padding:5px 10px;width:100%}#navbar .search-icons{align-items:center;display:flex;position:absolute;right:10px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}#navbar .search-icon{color:#aaa;cursor:pointer}#navbar .clear-search-icon{color:#aaa;cursor:pointer;margin-right:10px}#navbar .nav-icons{align-items:center;display:flex;flex-shrink:0}#navbar .navbar-item{align-items:center;border-radius:20px;color:#333;cursor:pointer;display:flex;font-size:1.5rem;margin:0 5px;padding:5px 10px}#navbar .navbar-item:hover{color:#007bff}#navbar .navbar-icon{height:20px;margin-right:5px;width:20px}#navbar .navbar-logo{height:30px;margin-right:5px;width:30px}#navbar .navbar-item .unread-messages-count{background-color:red;border-radius:50%;color:#fff;font-size:.75rem;font-weight:700;min-width:1.5em;padding:.25em .4em;position:absolute;right:-10px;text-align:center;top:-10px}@media (max-width:768px){#navbar{flex-wrap:wrap;padding:30px 10px}#navbar .hamburger-menu{display:block;margin-right:10px;padding:5px}#navbar .navbar__search{flex-basis:70%;margin-left:10px}#navbar .nav-icons{justify-content:center;margin-top:10px;order:3;width:100%}#navbar .navbar-item{font-size:1.2rem;margin:0 5px}}@media (min-width:768px) and (max-width:1024px){#navbar .hamburger-menu{cursor:pointer;display:block}#navbar .navbar__search{flex-grow:1;margin-left:10px;margin-right:auto;max-width:80%}#navbar .search-input{width:100%}}@media (min-width:820px) and (max-width:1180px) and (min-height:1000px) and (max-height:1370px){#navbar .hamburger-menu{cursor:pointer;display:block}#navbar .navbar__search{flex-grow:1;margin-left:10px;margin-right:auto;max-width:70%}#navbar .search-input{width:100%}}@media (min-width:1024px) and (max-width:1368px){#navbar .hamburger-menu{cursor:pointer;display:block}#navbar .navbar__search{flex-grow:1;margin-left:10px;margin-right:auto;max-width:70%}#navbar .search-input{width:100%}}@media (min-width:1368px){#navbar .hamburger-menu{display:none}#navbar{flex-direction:row;justify-content:space-between}#navbar .navbar__search{margin-left:250px;margin-right:auto;max-width:600px}#navbar .search-input{width:100%}}@media (max-width:375px){#navbar .navbar-item{font-size:1.2rem;padding:5px 10px}#navbar .navbar-icon{height:20px;width:20px}}@media only screen and (min-device-width:820px) and (max-device-width:1180px) and (-webkit-min-device-pixel-ratio:1.5){#navbar .navbar__search{margin-left:200px;max-width:40%}#navbar .navbar-item{font-size:1rem;padding:5px 10px}#navbar .navbar-icon{height:18px;width:18px}#navbar .navbar-logo{height:30px;width:30px}}@media only screen and (min-device-width:1024px) and (max-device-width:1366px) and (-webkit-min-device-pixel-ratio:1.5){#navbar .navbar__search{margin-left:200px}#navbar .navbar-item{font-size:1.2rem;padding:5px 10px}#navbar .navbar-icon{height:20px;width:20px}}@media only screen and (min-device-width:1368px) and (max-device-width:1824px) and (-webkit-min-device-pixel-ratio:1.5){#navbar .navbar__search{margin-left:250px}#navbar .navbar-item{font-size:1.2rem;padding:5px 10px}#navbar .navbar-icon{height:20px;width:20px}}@media (min-width:816px) and (max-width:2208px){#navbar .navbar-item{font-size:.9rem;padding:2px 4px}#navbar .navbar-icon{height:14px;width:14px}}@media (min-width:1264px){#navbar .navbar-item{border-radius:12px;font-size:1.1rem;padding:5px 10px}#navbar .navbar__search{margin-left:250px;margin-right:auto;max-width:900px}#navbar .navbar-icon{height:12px;width:12px}}@media (min-width:1300px){#navbar .navbar-item{border-radius:12px;font-size:1.1rem;padding:5px 10px}#navbar .navbar__search{margin-left:250px;margin-right:auto;max-width:900px}#navbar .navbar-icon{height:12px;width:12px}}.sidebar{background:#fff;box-shadow:0 0 15px rgba(0,0,0,.1);color:#333;display:flex;flex-direction:column;height:100%;justify-content:flex-start;left:0;overflow-y:auto;padding:15px;position:fixed;top:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:-webkit-transform .35s ease-in-out;transition:transform .35s ease-in-out;transition:transform .35s ease-in-out,-webkit-transform .35s ease-in-out;width:200px;z-index:999}.sidebar.open{-webkit-transform:translateX(0);transform:translateX(0)}.profile-section{align-items:center;display:flex;flex-direction:column;margin-bottom:20px}.profile-pic{border:2px solid #e6e6e6;box-shadow:0 4px 10px rgba(0,0,0,.1);height:120px;margin-bottom:8px;width:120px}.profile-pic:hover{box-shadow:0 4px 12px rgba(0,0,0,.15)}.profile-name-container{display:flex;justify-content:center;width:100%}.profile-name{color:#333;font-family:Roboto,sans-serif;font-size:20px;font-weight:700;line-height:1.2;text-align:center}.sidebar-menu{list-style-type:none;margin:0;padding:0}.sidebar-item{border-radius:6px;margin-bottom:12px;padding:6px 8px;transition:background-color .3s ease,color .3s ease}.sidebar-icon-wrapper{align-items:center;display:flex;height:24px;justify-content:center;margin-right:8px;width:24px}.sidebar-icon{color:#000;font-size:20px}.sidebar-item a{color:#333;font-size:14px;font-weight:500;text-decoration:none;width:100%}.sidebar-item a,.sidebar-link-content{align-items:center;display:flex}.sidebar-text{font-weight:700;margin-left:8px;vertical-align:middle}.sidebar-item.active,.sidebar-item:hover{background-color:#0095f6;color:#fff;-webkit-transform:translateX(3px);transform:translateX(3px)}.sidebar-item.active{-webkit-transform:scale(1.03);transform:scale(1.03)}.sidebar-close-button{display:flex;justify-content:flex-end;position:absolute;right:10px;top:10px;z-index:1000}@media (max-width:768px){.sidebar{width:80%}}@media (max-width:480px){.sidebar{width:100%}.sidebar-close-button{justify-content:flex-end;right:15px;top:15px}}.close-button{color:#333;font-size:20px;right:10px;top:10px;z-index:1000}.sidebar .close-button{display:none}.form-container .close-button{display:block}@media (max-width:480px){.sidebar .close-button{display:block}}.app-footer{align-items:center;background-color:#f4f7f9;bottom:0;color:#333;display:flex;font-family:Roboto,sans-serif;justify-content:center;left:0;padding:15px 0;position:fixed;text-align:center;width:100%;z-index:1000}.footer-icons{display:flex;justify-content:space-around;width:100%}.footer-icon{color:#333;font-size:28px;padding:0 15px}.footer-icon--new{font-size:32px}.footer-icon:hover{color:#007bff}.footer-icon svg{font-size:28px}.footer-icon:not(:last-child):hover:after{background:#007bff;content:"";display:block;height:2px;margin:auto;transition:width .3s;width:30px}@media (max-width:768px){body.sidebar-open .app-footer{display:none}}@media (min-width:769px){.app-footer{display:none}}@media (max-width:768px){.app-footer{display:flex}}*{box-sizing:border-box;outline:none}*,:focus,:hover{transition:all .3s ease}.form-container{background-color:#1f1f1f;border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,.1);box-sizing:border-box;margin-bottom:70px;margin-left:180px;margin-top:70px;max-width:calc(100% - 180px);padding:40px;position:relative}@media (min-width:1264px) and (max-width:1264px){.form-container{margin-top:150px}}.close-button{background:none;border:none;color:#fff;cursor:pointer;position:absolute;right:20px;top:20px;z-index:10}.form-title{border-bottom:2px solid #333;color:#fff;font-size:24px;letter-spacing:-1px;margin-bottom:25px;padding-bottom:15px;text-align:left}.form-group{margin:40px 0}.form-group label{color:#ddd;display:block;font-size:18px;letter-spacing:.5px;margin-bottom:15px;text-align:left}.form-input,.form-options input[type=checkbox],.form-textarea{background-color:#292929;border:none;border-radius:10px;color:#fff;font-size:16px;padding:15px 20px;width:100%}.form-input::-webkit-input-placeholder,.form-textarea::-webkit-input-placeholder{color:#777}.form-input::placeholder,.form-textarea::placeholder{color:#777}.form-input:focus,.form-options input[type=checkbox]:focus,.form-textarea:focus{background-color:#3a3a3a;box-shadow:0 0 5px rgba(28,169,255,.5)}.form-options label{align-items:center;color:#ccc;cursor:pointer;display:flex}.form-options input[type=checkbox]{cursor:pointer;height:20px;margin:0;width:20px}.form-button{background-color:#1ca9ff;border:none;border-radius:50px;color:#fff;cursor:pointer;display:block;font-size:16px;font-weight:500;margin:20px auto;padding:15px 30px}.form-button:hover{background-color:#1691cc}.form-button:active{-webkit-transform:scale(.98);transform:scale(.98)}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.form-container{-webkit-animation:fadeIn .7s forwards;animation:fadeIn .7s forwards}.upload__image-wrapper{margin-bottom:20px}.image-item{display:inline-block;margin-right:10px;position:relative}.image-item__btn-wrapper{display:none;position:absolute;right:0;top:0}.image-item:hover .image-item__btn-wrapper{display:block}.drag-drop-zone{align-items:center;background-color:#292929;border:2px dashed #4caf50;border-radius:10px;color:#fff;display:flex;flex-direction:column;justify-content:center;margin-bottom:20px;padding:20px;text-align:center}.images-icon,.upload-icon{color:#4caf50;margin-bottom:10px;margin-top:10px}input[type=checkbox]{-webkit-appearance:checkbox;appearance:checkbox}.form-options{align-items:center;display:flex;flex-wrap:wrap;gap:10px 20px;justify-content:flex-start}.form-options div{align-items:center;display:flex;gap:10px}.form-options input[type=checkbox],.form-options label{margin:0;padding:0}.form-container .form-options{align-items:center;display:flex;flex-wrap:wrap;gap:10px 20px;justify-content:flex-start}.form-container .form-options div{align-items:center;display:flex;gap:10px}.form-container .form-options input[type=checkbox]{margin-right:5px}.form-options>div{align-items:center;display:inline-flex;margin-right:10px}@media (max-width:768px){.form-container{margin-left:20px;margin-right:20px;margin-top:180px;max-width:100%;padding:20px}}@media (min-width:768px){.form-container{margin-left:180px;max-width:600px}}.password-verification{-webkit-animation:fadeIn .7s forwards;animation:fadeIn .7s forwards;background-color:#1f1f1f;border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,.1);margin-bottom:70px;margin-left:250px;margin-top:100px;max-width:calc(100% - 180px);padding:40px}.password-verification-title{border-bottom:2px solid #333;color:#fff;font-size:34px;margin-bottom:25px;padding-bottom:15px;text-align:center}.password-verification-form-group{margin:40px 0;text-align:center}.password-verification-form-group label{color:#ddd;display:block;font-size:18px;margin-bottom:15px}.password-verification-input{background-color:#292929;border:none;border-radius:10px;color:#fff;font-size:16px;margin-bottom:20px;padding:15px 20px;width:100%}.password-verification-input:focus{background-color:#3a3a3a;box-shadow:0 0 5px rgba(28,169,255,.5)}.password-verification-button{background-color:#1ca9ff;border:none;border-radius:50px;color:#fff;cursor:pointer;display:block;font-size:16px;font-weight:500;margin:auto;padding:15px 30px}.password-verification-button:hover{background-color:#1691cc}.password-verification-button:active{-webkit-transform:scale(.98);transform:scale(.98)}.password-error{color:#ff6b6b;margin-top:10px;text-align:center}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}input[type=number]{-webkit-appearance:textfield;appearance:textfield}.form-input[type=number]::-webkit-input-placeholder{color:#777}.form-input[type=number]::placeholder{color:#777}.image-preview-container{display:inline-block;position:relative}.uploaded-image-preview{border:1px solid #ccc;border-radius:5px;display:block;height:auto;margin:10px 0;max-height:150px;max-width:100%;object-fit:contain}.remove-image-icon{background-color:#fff;border-radius:50%;box-shadow:0 0 5px rgba(0,0,0,.3);color:red;cursor:pointer;font-size:14px;font-weight:700;padding:2px 5px;position:absolute;right:0;top:0;z-index:10}.suggestion-link{align-items:center;color:#007bff;display:flex;font-size:16px;text-decoration:none}.suggestion-link svg{font-size:20px;margin-left:5px}@media (min-width:1346px){.form-container{margin-top:150px}}#post{align-items:center;background-color:#fff;border:1px solid rgba(0,0,0,.1);border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:5px 0;max-width:2000px;padding:16px;position:relative;width:100%}#post .post-image{border-radius:6px;height:auto;margin-right:15px;max-height:120px;max-width:120px;object-fit:cover;width:100%}#post .post-content{align-items:flex-start;display:flex;flex-direction:column;flex-grow:1}#post .post-title{align-self:flex-start;color:#1a0dab;font-size:20px;font-weight:700;margin:10px 0 8px}#post .post-metadata{align-items:flex-start;color:#888;display:flex;flex-direction:column;font-size:12px;gap:4px;margin-bottom:16px}#post .post-author{color:#1a0dab;cursor:pointer;text-decoration:underline}#post .post-timestamp{color:#888}#post .post-footer{align-items:flex-end;display:flex;justify-content:space-between}#post .post-comments,#post .post-share{color:#717171;cursor:pointer;font-size:14px}#post .profile-pic{display:none}#post .post-footer i{font-size:14px;margin-right:8px}@media (max-width:768px){#post{margin:5px;padding:8px}#post .post-image{margin-bottom:12px;margin-right:0}#post .post-content{align-items:center;text-align:center}}#post .post-details{align-items:flex-start;display:flex;flex-direction:column;gap:4px}#post .post-conditions,#post .post-location,#post .post-price{color:#888;font-size:14px;margin-bottom:8px}#post .post-conditions,#post .post-price{word-wrap:break-word;max-width:100%}#post .post-share{color:#717171;cursor:pointer;font-size:14px;position:absolute;right:0;top:10px}#post .post-conditions{display:flex;flex-direction:row;flex-wrap:wrap}#post .post-conditions .condition{margin-right:4px}#post .post-conditions .condition.wrap{flex:1 0 100%}#post .post-details{margin-left:0;padding-left:0;text-align:left}#post.postPage{align-items:left;border:1px solid rgba(0,0,0,.1);border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);display:flex;flex-direction:column;margin:0 auto;max-width:720px;padding:16px;position:relative;text-align:left;width:100%}#post.postPage .post-title{color:#1a0dab;font-size:20px;font-weight:700;margin:10px 0 8px}#post.postPage .post-metadata{color:#888;font-size:12px;margin-bottom:16px}#post.postPage .post-author{color:#1a0dab;text-decoration:underline}#post.postPage .post-footer .post-details{font-size:36px}#post.postPage .post-comments,#post.postPage .post-footer i,#post.postPage .post-share{color:#717171;font-size:14px}#post.postPage .post-conditions,#post.postPage .post-location,#post.postPage .post-price{color:#888;font-size:14px;margin-bottom:8px}#post.postPage .post-title{margin:30px 0 24px}#post.postPage .post-share{right:0;top:10px}.heart-icon{transition:color .2s}.likes-section .liked{color:red}@-webkit-keyframes pop{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.3);transform:scale(1.3)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pop{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.3);transform:scale(1.3)}to{-webkit-transform:scale(1);transform:scale(1)}}.heart-icon{color:#bbb;cursor:pointer;font-size:24px;transition:color .3s ease}.heart-icon.liked{-webkit-animation:pop .3s ease;animation:pop .3s ease;color:#e0245e}.heart-icon{color:#000}.heart-icon.liked{color:#ed4956}.heart-icon svg path{strokeWidth:.5!important}.SearchResultsPage .post{display:flex;flex-direction:row;margin:10px auto;max-width:600px;width:100%}.SearchResultsPage .post .post-image{height:100px;object-fit:cover;width:100px}.SearchResultsPage .post .post-content{flex-grow:1;padding-left:10px}.SearchResultsPage .post .post-title{font-size:18px}.SearchResultsPage .post .post-footer,.SearchResultsPage .post .post-metadata{display:none}.SearchResultsPage .post:hover{box-shadow:0 6px 12px rgba(0,0,0,.15);-webkit-transform:translateY(-2px);transform:translateY(-2px);transition:box-shadow .3s ease,-webkit-transform .3s ease;transition:box-shadow .3s ease,transform .3s ease;transition:box-shadow .3s ease,transform .3s ease,-webkit-transform .3s ease}.modal-backdrop{align-items:center;background-color:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10}.modal-content{border-radius:5px;z-index:11}.report-form-modal{background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);margin:auto;max-height:90vh;max-width:500px;overflow-y:auto;padding:20px;position:relative;width:90%}@media (max-width:768px){.report-form-modal{max-height:85vh;padding:10px;width:95%}}.report-form-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.close-modal-button{background:none;border:none;cursor:pointer;font-size:24px}h2{color:#333;flex-grow:1;font-size:18px;font-weight:400;margin:0;text-align:center}.report-form{font-family:Arial,sans-serif}.report-reasons label{display:block;margin:10px 0}.report-reasons input[type=radio]{margin-right:10px}.other-details-textarea{border:1px solid #ccc;border-radius:4px;font-family:Arial,sans-serif;height:100px;margin-top:10px;padding:10px;width:100%}.report-button{background-color:#c4302b;border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;font-weight:700;margin-top:20px;padding:10px 20px;text-transform:uppercase;width:100%}.report-button:hover{background-color:#a5281c}.modal-overlay{align-items:center;background:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}.report-confirmation h2{color:#333;text-align:center}.report-confirmation p{color:#666;text-align:center}.report-confirmation button{display:block;margin:20px auto;padding:10px 20px}.share-icon-container{cursor:pointer;position:absolute;right:10px;top:10px;z-index:10}.share-icon{color:#666;font-size:24px;transition:color .3s ease}.share-icon:hover{color:#333}.copy-success-message{color:green;font-size:12px;margin-top:5px;text-align:center}.post .MuiCardActions-root{align-items:center;display:flex}.votes-count{margin-left:8px}.search-results-container{margin-left:170px;margin-top:100px}.search-results-container .post{margin-left:0;margin-right:auto;max-width:600px}@media (max-width:768px){.search-results-container{margin-left:0;margin-top:170px}}.posts{align-items:center;display:flex;flex-direction:column;padding-top:70px}.post-container{display:flex;justify-content:center;margin-bottom:20px;padding:0 15px}.home-page-container{min-height:100vh;padding-bottom:80px;position:relative}.home-footer{background-color:#f3f3f3;bottom:0;padding:20px 0;position:absolute;text-align:center;width:100%}.footer-link{color:#007bff;font-weight:700;text-decoration:none}@media (max-width:768px){.posts{margin-left:0;padding-top:40px;width:100%}.post-container{padding:0 10px}.home-footer{padding:15px 0}}@media (max-width:480px){.posts{padding-top:40px}.home-footer{padding:10px 0}.footer-link{font-size:14px}}@media (min-width:768px){.posts{margin-left:200px;margin-top:40px;width:calc(100% - 220px)}}@media (max-width:375px){.posts{margin-top:40px}}@media (max-width:414px){.posts{margin-top:40px}}@media (max-width:430px){.posts{margin-top:40px}}@media (min-width:540px) and (max-width:720px) and (orientation:portrait),(min-width:720px) and (max-width:1114px) and (orientation:landscape){.posts{margin-top:120px}}@media (min-width:1024px) and (max-width:1366px) and (orientation:portrait),(min-width:1366px) and (max-width:1024px) and (orientation:landscape){.posts{margin-top:70px;width:90%}.post-container{padding:0 20px;width:100%}}@media (min-width:912px) and (max-width:1024px){.posts{margin-top:70px;width:90%}.post-container{padding:0 20px;width:100%}}@media only screen and (min-device-width:1024px) and (max-device-width:768px) and (orientation:landscape),only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){.posts{margin-top:120px}}@media (max-width:375px) and (max-height:667px){.posts{margin-top:60px}}@media (max-width:414px) and (max-height:896px){.posts{margin-top:60px}}@media (max-width:390px) and (max-height:844px){.posts{margin-top:60px}}@media (max-width:430px) and (max-height:932px){.posts{margin-top:60px}}@media (max-width:393px) and (max-height:851px){.posts{margin-top:60px}}@media (max-width:360px) and (max-height:740px){.posts{margin-top:60px}}@media (max-width:412px) and (max-height:915px){.posts{margin-top:60px}}@media (max-width:816px) and (max-height:2208px){.posts{margin-top:60px}}@media (max-width:412px) and (max-height:914px){.posts{margin-top:60px}}.login-container{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;margin:120px auto;max-width:400px;padding:30px;width:100%}.login-header{font-size:32px;font-weight:700;margin-bottom:30px}.login-input{background-color:#f8f8f8;border:1px solid #e0e0e0;border-radius:6px;font-size:18px;margin-bottom:15px;padding:15px;transition:background-color .2s;width:100%}.login-input:focus{background-color:#e8e8e8}.login-button{align-items:center;background-color:#3897f0;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:15px;transition:background-color .2s;width:100%}.login-button:hover{background-color:#307abf}.login-links{align-items:center;display:flex;flex-direction:column;margin-top:20px;width:100%}.forgot-link{color:#3897f0;margin-bottom:10px;text-decoration:none}@media (min-width:769px){.login-container{margin-left:250px}}@media (max-width:768px){.login-container{margin:150px auto;padding:20px}.login-header{font-size:24px}.login-button,.login-input,.math-captcha{font-size:16px}}@media (max-width:480px){.login-container{margin:180px auto;padding:15px}.login-header{font-size:24px}.login-button,.login-input{font-size:16px}.math-captcha{font-size:14px}}@media (min-width:820px) and (max-width:1024px){.login-container{margin-top:150px}}@media (min-width:1024px) and (max-width:1366px){.login-container{margin-left:auto;margin-right:60px;margin-top:150px}}@media (min-width:1368px) and (max-width:1368px){.login-container{margin-left:300px;margin-top:150px}}@media (min-width:1920px) and (max-width:1920px){.login-container{margin-top:150px}}@media (min-width:1024px) and (max-width:1280px){.login-container{margin-left:250px;margin-top:150px}}@media (min-width:1280px) and (max-width:1280px){.login-container{margin-left:auto;margin-right:60px;margin-top:150px}}@media (min-width:1300px){.login-container{margin-left:auto;margin-right:60px;margin-top:150px;max-width:500px}}@media (min-width:320px) and (max-width:375px) and (min-height:568px){.login-container{margin-top:200px}}@media (min-width:414px) and (max-width:896px) and (min-height:896px){.login-container{margin-top:200px}}@media (min-width:390px) and (max-width:844px) and (min-height:844px){.login-container{margin-top:200px}}@media (min-width:430px) and (max-width:932px) and (min-height:932px){.login-container{margin-top:200px}}@media (min-width:360px) and (max-width:740px) and (min-height:740px){.login-container{margin-top:200px}}@media (min-width:768px) and (max-width:834px){.login-container{margin-top:180px}}@media (min-width:540px) and (max-width:720px){.login-container{margin-top:180px}}@media (min-width:373px) and (max-width:848px) and (min-height:848px){.login-container{margin-top:200px}}@media (min-width:412px) and (max-width:915px) and (min-height:915px){.login-container{margin-top:200px}}.messages-list-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);margin-left:auto;margin-right:auto;max-width:600px;overflow:hidden;width:100%}.messages-loading{align-items:center;display:flex;height:100%;justify-content:center}.no-messages{padding:20px;text-align:center}.List{padding:0}.chat-item{transition:background-color .2s ease-in-out}.chat-item:hover{background-color:#f5f5f5}.chat-user-img{height:50px;width:50px}.unread-badge{background-color:#009688;border:2px solid #fff;border-radius:50%;height:12px;width:12px}.chat-status{color:#8e8e8e;font-size:.875rem}.ListItemText-primary{color:#262626;font-weight:700}.ListItemText-secondary{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.ListItem-secondaryAction{right:16px}.MuiIconButton-root{padding:8px}.MuiTypography-caption{color:rgba(0,0,0,.54);font-size:.75rem}@media (max-width:768px){.messages-list-container{border-radius:0;box-shadow:none;max-width:100%}}@media (max-width:600px){.messages-list-container{border-radius:0;box-shadow:none}}.messages-list-container::-webkit-scrollbar{width:8px}.messages-list-container::-webkit-scrollbar-track{background:#f1f1f1}.messages-list-container::-webkit-scrollbar-thumb{background:#888}.messages-list-container::-webkit-scrollbar-thumb:hover{background:#555}.MuiTooltip-tooltip{font-size:.75rem}.MuiCard-root{transition:box-shadow .3s}.MuiCard-root:hover{box-shadow:0 4px 20px rgba(0,0,0,.2)}@media (prefers-color-scheme:dark){.MuiCard-root,.messages-list-container{background-color:#424242;color:#fff}.messages-list-container::-webkit-scrollbar-track{background:#616161}.messages-list-container::-webkit-scrollbar-thumb{background:#bdbdbd}.unread-badge{background-color:#bbdefb}}@media (max-width:480px){.messages-list-container::-webkit-scrollbar{display:none}}.messages-container{display:flex;flex-direction:column;font-family:Arial,sans-serif;height:100%;margin-left:250px}.main-content{display:flex;flex-direction:row;height:100%}.spacer{flex-grow:2}.users-list{border-right:1px solid #dbdbdb;height:100vh;margin-right:2%;overflow-y:auto;padding:20px;width:30%}.main-content .chat-window-section{flex-grow:3;margin-left:2%;width:auto}.user{align-items:center;border-bottom:1px solid #dbdbdb;cursor:pointer;display:flex;padding:20px 0}.user:hover{background-color:#f5f5f5}.user-img{border-radius:50%;height:50px;object-fit:cover;width:50px}.text-content{margin-left:20px}.username{font-weight:600;margin-bottom:5px}.last-message{color:#8e8e8e}.chat-section{background-color:#fafafa;display:flex;flex:1 1;flex-direction:column;justify-content:space-between;padding:20px}.message-bubble{margin-bottom:20px}.message-bubble.sender{align-self:flex-end;background-color:#0f93f4;color:#fff}.time-stamp{color:#8e8e8e;font-size:.8em;margin-left:10px}.input-area{align-items:center;background-color:#fff;border-top:1px solid #dbdbdb;display:flex;padding:10px 20px}.icon{color:#262626;font-size:24px;margin-right:20px;opacity:.6;transition:opacity .3s}.icon:last-child{margin-right:0}.icon:hover{opacity:1}.input-area input{border:1px solid #dbdbdb;border-radius:20px;flex:1 1;margin:0 10px;padding:10px;transition:border-color .3s}.input-area input:focus{border-color:#0f93f4;outline:none}.message-bubble{align-self:flex-start;background-color:#efefef;border-radius:20px;color:#262626;display:flex;justify-content:space-between;margin-bottom:10px;padding:10px 20px}.sender{align-self:flex-end;background-color:#0f93f4;color:#fff}.receiver{background-color:#efefef;color:#262626}.chat-profile-pic{border:none}.last-message,.user-name{margin-left:10px}.user-search{border-bottom:1px solid #dbdbdb;padding:10px}.user-search input{border:1px solid #dbdbdb;border-radius:15px;box-shadow:none;padding:7px 10px;width:100%}.notification-badge{background-color:#0f93f4;border-radius:12px;color:#fff;font-size:12px;font-weight:700;margin-left:auto;padding:2px 7px}@media (max-width:768px){.messages-container{margin-left:0}.main-content{flex-direction:column}.users-list{border-right:none;display:block;height:auto;width:100%}.main-content .chat-window-section,.main-content .users-list{margin:0}.new-chat-button-section{order:-1}}@media (max-width:480px){.header,.new-chat-button-section{padding:10px}.messages-container{margin-top:60px}}.new-chat-button-section{align-items:center;display:flex;justify-content:center;padding:20px}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){.messages-container{margin-top:180px}}@media only screen and (min-device-width:820px) and (max-device-width:1180px){.messages-container{margin-top:200px}}@media only screen and (min-device-width:1024px) and (max-device-width:1366px){.messages-container{margin-top:220px}}@media only screen and (min-device-width:912px) and (max-device-width:1368px){.messages-container{margin-top:200px}}@media (min-width:540px) and (min-height:720px) and (max-width:720px){.messages-container{margin-top:100px}}@media (min-width:1920px) and (max-width:2560px){.messages-container{margin-top:250px}}@media (min-width:1024px) and (max-width:600px){.messages-container{margin-top:160px}}@media (min-width:1280px) and (max-width:800px){.messages-container{margin-top:180px}}@media (min-width:1264px){.messages-container{margin-top:100px}}.signup-container{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;margin:120px auto;max-width:400px;padding:30px;width:100%}.signup-header{font-size:32px;font-weight:700;margin-bottom:30px}.signup-input{background-color:#f8f8f8;border:1px solid #e0e0e0;border-radius:6px;font-size:18px;margin-bottom:15px;padding:15px;transition:background-color .2s;width:100%}.signup-input:focus{background-color:#e8e8e8}.signup-button{align-items:center;background-color:#3897f0;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:15px;transition:background-color .2s;width:100%}.signup-button:hover{background-color:#307abf}.signup-links{align-items:center;display:flex;flex-direction:column;margin-top:20px;width:100%}.signup-text{font-size:16px}.signup-text a{color:#3897f0;margin-left:5px;text-decoration:none}.signup-text a:hover{text-decoration:underline}.math-captcha{margin-bottom:15px;text-align:center;width:100%}@media (min-width:769px){.signup-container{margin-left:250px}}@media (max-width:768px){.signup-container{margin:150px auto;padding:20px}.signup-header{font-size:24px}.math-captcha,.signup-button,.signup-input{font-size:16px}}@media (max-width:480px){.signup-container{margin:180px auto;padding:15px}.signup-header{font-size:24px}.signup-button,.signup-input{font-size:16px}.math-captcha{font-size:14px}}@media (min-width:820px) and (max-width:1024px){.signup-container{margin-top:150px}}@media (min-width:1024px) and (max-width:1366px){.signup-container{margin-left:auto;margin-right:60px;margin-top:150px}}@media (min-width:1368px) and (max-width:1368px){.signup-container{margin-left:300px;margin-top:150px}}@media (min-width:1920px) and (max-width:1920px){.signup-container{margin-top:150px}}@media (min-width:1024px) and (max-width:1280px){.signup-container{margin-left:250px;margin-top:150px}}@media (min-width:1280px) and (max-width:1280px){.signup-container{margin-left:auto;margin-right:60px;margin-top:150px}}@media (min-width:1300px){.signup-container{margin-left:auto;margin-right:60px;margin-top:150px;max-width:500px}}@media (min-width:768px) and (max-width:834px){.signup-container{margin-top:180px}}@media (min-width:540px) and (max-width:720px){.signup-container{margin-top:180px}}.view-reports-container{background-color:#f5f6f7;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);margin:auto;max-width:800px;padding:20px}.view-reports-container h2{color:#1c1e21;margin-bottom:20px}.reports-list{list-style:none;padding:0}.report-item{background-color:#fff;border:1px solid #ccd0d5;border-radius:4px;margin-bottom:10px;padding:15px}.report-item p{color:#4b4f56;margin:5px 0}.report-item button{background-color:#1877f2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-right:10px;padding:10px 15px}.report-item button:hover{background-color:#1654a1}.likes-page{align-items:center;display:flex;flex-direction:column;margin:80px 20px 20px;padding:20px 20px 20px 180px}.page-heading{text-align:center}@media screen and (max-width:767px){.likes-page{align-items:flex-start;margin:160px 10px 10px;padding:20px 10px}.page-heading{text-align:left}}@media screen and (min-width:768px) and (max-width:1024px){.likes-page{align-items:flex-start;margin-left:20px;margin-right:20px;margin-top:160px;max-width:calc(100% - 40px)}.page-heading{margin-left:0;text-align:left}.post-container{align-self:flex-start;margin-left:0;padding:0;width:100%}}@media screen and (min-width:768px){.likes-page{margin-left:auto;margin-right:auto;max-width:768px}}@media only screen and (min-width:992px){.likes-page{margin-top:30px}}@media only screen and (max-width:991px){.likes-page{margin-top:80px}}@media only screen and (min-device-width:1024px) and (max-device-width:768px) and (orientation:landscape),only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){.likes-page{align-items:flex-start;margin-left:20px;margin-right:20px;margin-top:120px;max-width:calc(100% - 40px);padding-left:20px}.page-heading{margin-left:0;text-align:left}.post-container{margin-left:0;padding:0 10px;width:100%}}@media only screen and (min-device-width:820px) and (max-device-width:1180px) and (-webkit-min-device-pixel-ratio:1.5){.likes-page{margin-left:0;padding-left:200px}.post-container{margin-left:auto;margin-right:0;max-width:700px;padding:0 20px;width:calc(100% - 220px)}}@media (min-width:1264px) and (max-width:1264px){.likes-page{margin-top:100px}}.my-posts-container{align-items:center;display:flex;flex-direction:column;margin:40px 20px 20px;padding:20px 20px 20px 180px}.my-posts-container h1{margin-bottom:40px}@media screen and (max-width:767px){.my-posts-container{align-items:flex-start;margin:140px 10px 10px;padding:20px 10px}}@media screen and (min-width:768px) and (max-width:1024px){.my-posts-container{margin-top:140px;padding-left:20px}}@media screen and (min-width:768px) and (max-width:820px){.my-posts-container{max-width:600px;padding-left:200px}.my-posts-container .post{max-width:500px;width:100%}}@media screen and (min-width:1025px) and (max-width:1366px){.my-posts-container{-webkit-transform:translateX(200px);transform:translateX(200px)}.my-posts-container .post{max-width:700px;width:100%}}@media screen and (min-width:1368px){.my-posts-container{align-items:flex-start;display:flex;flex-direction:column;margin-left:-150px;padding-left:30px}.my-posts-container.post{max-width:700px;width:100%}}@media screen and (min-width:1919px){.my-posts-container{max-width:600px;padding-left:20px;padding-right:20px}.my-posts-container.post{max-width:400px;padding:10px;width:100%}}@media screen and (max-width:1024px) and (min-width:600px){.my-posts-container{align-items:center;display:flex;flex-direction:column;margin:20px;padding:20px}.my-posts-container .post{max-width:300px;padding:10px;width:90%}}@media screen and (min-width:1280px) and (max-width:800px){.my-posts-container{margin-top:150px}.my-posts-container.post{max-width:550px;width:100%}}@media screen and (min-width:768px){.my-posts-container{margin-left:auto;margin-right:auto;max-width:768px}}@media screen and (min-width:992px){.my-posts-container{max-width:900px}}@media screen and (min-width:1300px){.my-posts-container{margin-top:100px;padding-left:250px}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){.my-posts-container{margin-top:180px}}@media only screen and (min-device-width:820px) and (max-device-width:1180px){.my-posts-container{margin-top:200px}}@media only screen and (min-device-width:1024px) and (max-device-width:1366px){.my-posts-container{margin-top:220px}}@media only screen and (min-device-width:912px) and (max-device-width:1368px){.my-posts-container{margin-top:200px;padding-left:250px}.my-posts-container .post{margin-left:auto;margin-right:0;max-width:600px;width:80%}}@media only screen and (min-device-width:1920px) and (max-device-width:2560px){.my-posts-container{margin-top:250px}}@media only screen and (min-device-width:1024px) and (max-device-width:600px){.my-posts-container{margin-top:160px}}@media only screen and (min-device-width:1280px) and (max-device-width:800px){.my-posts-container{margin-top:180px}}@media (min-width:1264px) and (max-width:1264px){.my-posts-container{margin-left:-150px}}.info-container{align-items:center;background:#f9f9f9;border:2px solid #000;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;margin:80px auto 80px 180px;max-width:800px;padding:20px;width:100%}.info-container section{margin-bottom:20px}.info-container h1,.info-container h2{color:#333;margin-bottom:10px}.info-container li,.info-container p{color:#666;line-height:1.6;margin-bottom:10px}.welcome-section h1{color:#0275d8}.claims-section,.disclaimer-section,.miscellaneous-section,.terms-of-use{background:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);padding:15px}.info-container,.info-container h1,.info-container h2,.info-container h3,.info-container li,.info-container p,.info-container ul{text-align:left}.info-container h1{font-size:2rem}.info-container h2{font-size:1.75rem}.info-container li,.info-container p{font-size:1rem}@media screen and (max-width:992px){.info-container{margin:180px 20px 20px}}@media screen and (max-width:768px){.info-container{margin:180px 20px 20px;max-width:calc(100% - 40px)}}@media screen and (max-width:576px){.info-container{margin:180px 20px 20px}.info-container h1{font-size:1.5rem}.info-container h2{font-size:1.3rem}.info-container li,.info-container p{font-size:.9rem}}@media screen and (min-width:1300px){.info-container{margin-top:120px}}@media screen and (device-width:1024px) and (device-height:600px){.info-container{margin-top:120px}}@media screen and (device-width:1280px) and (device-height:800px){.info-container{margin-top:120px}}@media only screen and (min-device-width:1024px) and (max-device-width:1366px) and (-webkit-min-device-pixel-ratio:2){.info-container{margin-top:120px}}@media only screen and (min-device-width:820px) and (max-device-width:1180px) and (-webkit-min-device-pixel-ratio:2){.info-container{margin-left:200px;max-width:500px}}@media screen and (min-width:853px) and (max-width:1280px){.info-container{margin-left:200px;max-width:600px}}@media screen and (max-width:1264px) and (min-width:1264px){.info-container{margin-top:150px}}@media screen and (max-width:1281px) and (min-width:1281px){.info-container{margin-top:150px}}.contact-form-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:0 20px}.contact-form{background-color:#fff;border-radius:20px;box-shadow:0 5px 15px rgba(0,0,0,.1);margin:80px auto;max-width:600px;padding:40px;width:100%}.contact-form-header{align-items:center;background-color:#f0f0f0;border-bottom:1px solid #e6e6e6;border-radius:40px;box-shadow:0 3px 6px rgba(0,0,0,.16);display:flex;font-size:24px;font-weight:600;justify-content:center;margin:10px auto 20px;padding:20px;width:80%}.contact-form-field{margin-top:20px;width:100%}.contact-form-field input,.contact-form-field textarea{border:1px solid #e0e0e0;border-radius:15px;font-size:1rem;outline:none;padding:20px;width:100%}.contact-form-field textarea{min-height:150px;resize:vertical}.contact-form-button{display:flex;justify-content:center;margin-top:30px}.contact-form-button button{background-color:#0095f6;border:none;border-radius:15px;box-shadow:0 3px 6px rgba(0,0,0,.16);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:10px 20px;text-transform:none}.contact-form-button button:hover{background-color:#07c}@media (max-width:768px){.contact-form-container{margin-top:30px;padding:0}.contact-form{border-radius:20px;max-width:90%;padding:20px}.contact-form-header{border-radius:40px;font-size:20px;margin:10px auto 20px;padding:15px;width:90%}.contact-form-field input,.contact-form-field textarea{border-radius:15px;font-size:.9rem;padding:15px}.contact-form-button button{border-radius:15px;font-size:.9rem;padding:8px 16px}}@media (max-width:480px){.contact-form-container{margin-top:100px}.contact-form{border-radius:20px;margin:20px auto;max-width:100%}.contact-form-header{border-radius:40px;font-size:18px;margin:10px auto 20px;width:90%}.contact-form-button button,.contact-form-field input,.contact-form-field textarea{border-radius:15px;font-size:.8rem}}@media (min-width:768px){.contact-form-container{padding-left:170px}}@media (min-width:1300px){.contact-form-container{margin-top:50px}}@media (max-width:375px) and (max-height:667px){.contact-form-container{margin-top:150px}}@media (max-width:360px) and (max-height:740px){.contact-form-container{margin-top:150px}}@media (min-width:540px) and (min-height:720px) and (max-width:720px){.contact-form-container{margin-top:100px}}@media (min-width:1024px) and (max-width:1280px) and (min-height:600px){.contact-form-container{margin-top:50px}}@media (min-width:1280px) and (max-width:1920px) and (min-height:800px){.contact-form-container{margin-top:50px}}@media (min-width:1264px) and (max-width:1264px){.contact-form,.contact-form-container{margin-left:100px}}.chat-component-container{background-color:#fff;border:1px solid #dbdbdb;border-radius:8px;display:flex;flex-direction:column;margin:100px auto 0;max-width:600px;overflow:hidden;padding:0;width:100%}@media (min-width:768px){.chat-component-container{margin-left:230px;margin-right:auto;max-width:80%}}@media (min-width:992px){.chat-component-container{margin-left:230px;margin-right:auto;max-width:60%}}@media (max-width:767px){.chat-component-container{display:flex;flex-direction:column;margin-bottom:20px;margin-top:140px}.chat-header,.chat-input-area{height:60px}.chat-container{max-height:calc(100vh - 340px);overflow-y:auto}}.chat-header{align-items:center;background-color:#fafafa;border-bottom:1px solid #dbdbdb;display:flex;justify-content:space-between;padding:16px 20px;position:relative}.chat-header .MuiTypography-h6{margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-header .block-button,.chat-header .unblock-button{margin-left:auto}@media (max-width:767px){.chat-header{justify-content:center}.chat-header .block-button,.chat-header .unblock-button{font-size:.75rem;margin-left:8px;order:2;padding:4px 8px;position:static;-webkit-transform:none;transform:none}.chat-header .MuiTypography-h6{flex-grow:1;font-size:1rem;order:1;text-align:left}}.chat-container{height:380px;max-height:380px;overflow-y:auto;padding:20px}.message{display:flex;justify-content:flex-end;margin-bottom:10px}.incoming{justify-content:flex-start}.avatar{border-radius:50%;height:32px;margin-right:8px;width:32px}.message-area{display:flex;flex-direction:column;max-width:100%}.message-time{color:#999;font-size:.75rem;margin-bottom:2px}.outgoing{justify-content:flex-end}.message-bubble{word-wrap:break-word;align-self:flex-end;background-color:#dcf8c6;border-radius:18px;display:inline-block;font-size:14px;margin-bottom:6px;max-width:60%;padding:10px 12px;text-align:left}.incoming .message-area{align-items:flex-start;align-self:flex-start}.incoming .message-bubble{align-self:flex-start;background-color:#efefef}.outgoing .message-area{align-items:flex-end}.outgoing .message-bubble{background-color:#08c;color:#fff;text-align:right}.chat-input-area{border-top:1px solid #dbdbdb;display:flex;padding:10px}.chat-input-field{border:1px solid #ccc;border-radius:18px;flex-grow:1;margin-right:8px;padding:8px 12px}.send-button{margin:auto 0}.Button{background-color:#4caf50;border:none;border-radius:18px;color:#fff;cursor:pointer;padding:8px 16px}.Button:hover{background-color:#45a049}.outgoing-text{color:#fff}.message-timestamp{color:#8e8e8e;font-size:.75rem;margin-bottom:20px;margin-top:20px;text-align:center}.message-timestamp,.modal{display:flex;justify-content:center;width:100%}.modal{align-items:center;background-color:rgba(0,0,0,.5);height:100%;left:0;position:fixed;top:0;z-index:1000}.modal-content{align-items:center;background-color:#fff;border-radius:10px;display:flex;flex-direction:column;padding:20px;position:relative}.modal img{max-height:80vh;max-width:90%;object-fit:contain}.modal-close{background:none;border:none;cursor:pointer;font-size:1.5rem;position:absolute;right:15px;top:10px}.image-preview-container img{max-height:150px;max-width:100%}@media (max-width:767px){.image-preview-container img{max-height:150px;max-width:100%}}.image-preview{align-items:center;display:flex;justify-content:center;margin-bottom:10px}.image-preview img{max-height:150px;max-width:100%;object-fit:contain}@media (max-width:767px){.image-preview img{max-height:100px}}.explore-container{align-items:center;display:flex;flex-direction:column;margin:40px 20px 20px;padding:20px}.explore-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-width:1200px}.explore-item{background-color:#f5f5f5;overflow:hidden;padding-top:100%;position:relative;width:100%}.explore-item img{height:100%;left:0;position:absolute;top:0}@media (max-width:768px){.explore-container{padding-left:20px;padding-right:20px;padding-top:150px}.explore-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.explore-container{padding-left:80px}.explore-grid{gap:20px}}@media only screen and (min-device-width:820px) and (max-device-width:1180px){.explore-container{margin-top:100px;max-width:calc(100% - 220px);padding-left:220px}.explore-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.explore-item img{height:auto;width:100%}}@media (min-width:1264px) and (max-width:1264px){.explore-container{padding-left:260px}}.admin-dashboard-container{color:#333;font-family:Roboto,sans-serif;margin:60px 20px 20px 250px}.admin-dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.admin-dashboard-tabs{border-bottom:2px solid #e7e7e7;display:flex;flex-wrap:wrap;list-style:none;margin-bottom:30px;overflow-x:auto;padding:0}.admin-dashboard-tabs li{border-bottom:3px solid transparent;cursor:pointer;margin-right:20px;padding:10px 15px;transition:all .3s ease;white-space:nowrap}.admin-dashboard-tab-button.active,.admin-dashboard-tabs li:hover{border-bottom:3px solid #4267b2}.admin-dashboard-content{background-color:#fff;border:1px solid #e7e7e7;border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,.1);min-height:300px;padding:20px}.admin-dashboard-content ul{list-style:none;padding:0}.admin-dashboard-content li{align-items:center;border-bottom:1px solid #e7e7e7;display:flex;justify-content:space-between;padding:10px 0}.admin-dashboard-content li:last-child{border-bottom:none}.admin-dashboard-content a{color:#4267b2;text-decoration:none;transition:color .3s ease}.admin-dashboard-content a:hover{color:#2d4373}.button-delete{background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px;transition:background-color .3s ease}.button-delete:hover{background-color:#d32f2f}@media (max-width:768px){.admin-dashboard-container{margin-left:0}}.admin-dashboard-tabs li:last-of-type{margin-right:0}.forgotpassword-container{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;margin:120px auto;max-width:400px;padding:30px}.forgotpassword-header{font-size:32px;font-weight:700;margin-bottom:30px}.forgotpassword-input{background-color:#f8f8f8;border:1px solid #e0e0e0;border-radius:6px;font-size:18px;margin-bottom:15px;padding:15px;transition:background-color .2s;width:100%}.forgotpassword-input:focus{background-color:#e8e8e8}.forgotpassword-button{background-color:#3897f0;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:18px;padding:15px;transition:background-color .2s;width:100%}.forgotpassword-button:hover{background-color:#307abf}.forgotpassword-links{align-items:center;display:flex;flex-direction:column;margin-top:20px;width:100%}.forgotpassword-text{font-size:16px}.forgotpassword-text a{color:#3897f0;margin-left:5px;text-decoration:none}.forgotpassword-text a:hover{text-decoration:underline}.message-info{color:green}.error-message,.message-info{font-size:16px;margin-bottom:20px}.error-message{color:red}@media (max-width:768px){.forgotpassword-container{margin-top:150px;max-width:90%;padding:20px}.forgotpassword-button,.forgotpassword-input{font-size:16px;padding:10px}.forgotpassword-header{font-size:28px}.forgotpassword-text{font-size:14px}}@media (max-width:480px){.forgotpassword-container{margin-top:180px;padding:15px}.forgotpassword-header{font-size:24px}.forgotpassword-button,.forgotpassword-input{font-size:16px}}.post-list{list-style-type:none;margin:0;padding:0}.post-item{align-items:center;border-bottom:1px solid #e7e7e7;display:flex;margin-bottom:10px;padding-bottom:10px}.post-thumbnail{border-radius:4px;height:60px;margin-right:15px;object-fit:cover;width:60px}.post-title{color:#4267b2;margin-right:auto;text-decoration:none}.post-title:hover{text-decoration:underline}body{background-color:#f9f9f9}.profile-container{box-sizing:border-box;padding:20px}.profile-container,.profile-header{align-items:center;display:flex;flex-direction:column}.profile-header{margin-top:80px;width:100%}.profile-picture-container{align-items:center;display:flex;flex-direction:column}.profile-picture{color:#757575;font-size:150px}.user-info{text-align:center}.user-name{font-size:1.5rem;font-weight:700;margin:.5rem 0}.post-count{color:#777}.explore-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin:40px auto auto;width:100%}.explore-item img{height:auto;object-fit:cover;width:100%}@media screen and (max-width:768px){.profile-container{padding:20px 10px}.profile-header{align-items:center;justify-content:center;margin-top:80px;width:100%}.profile-picture-container{align-items:center;margin-top:8px}.profile-picture{font-size:42px;margin-top:30px}.user-info{padding-top:8px;text-align:center}.user-name{font-size:1.2rem}.post-count{font-size:1rem;padding-top:4px}.explore-grid{gap:10px;grid-template-columns:repeat(2,1fr);margin-top:20px}}@media only screen and (min-device-width:820px) and (max-device-width:1180px){.profile-container{margin-left:30px;margin-top:20px;padding:10px;width:70%}.profile-header{margin-top:40px;width:100%}.profile-picture-container{align-items:center;margin-top:20px}.profile-picture{font-size:80px}.user-info{padding-top:10px;text-align:center}.user-name{font-size:1rem}.post-count{font-size:.9rem;padding-top:5px}.explore-grid{gap:10px;grid-template-columns:repeat(2,1fr);margin-top:20px}}@media only screen and (min-device-width:1920px) and (max-device-width:2560px){.profile-container{margin-left:50px;max-width:800px}.profile-header,.profile-picture-container{margin-left:50px}.profile-picture{font-size:140px}}@media only screen and (min-device-width:1025px) and (max-device-width:1366px){.profile-container{margin-left:30px;max-width:800px}.profile-header,.profile-picture-container{margin-left:30px}.profile-picture{font-size:100px}}@media only screen and (min-device-width:1368px) and (max-device-width:1920px){.profile-container{margin-left:40px;max-width:900px}.profile-header,.profile-picture-container{margin-left:40px}.profile-picture{font-size:120px}}@media only screen and (min-device-width:600px) and (max-device-width:1024px){.profile-container{margin-left:20px;max-width:700px}.profile-header,.profile-picture-container{margin-left:20px}.profile-picture{font-size:90px}}.users-posts-container{align-items:center;display:flex;flex-direction:column;margin:40px 20px 20px;padding:20px 20px 20px 240px}@media screen and (min-width:768px){.users-posts-container{margin-left:120px;margin-right:auto;margin-top:40px;max-width:768px;padding-left:40px}}@media screen and (min-width:992px){.users-posts-container{margin-left:120px;margin-right:auto;max-width:900px;padding-left:40px}}@media screen and (max-width:480px){.users-posts-container{margin:150px 5px 20px;padding:10px}}.suggestion-form-container{align-items:center;box-sizing:border-box;display:flex;justify-content:center;margin-top:80px;padding:20px}.suggestion-form{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);margin:auto;max-width:400px;padding:20px;width:100%}.action-button{background:#1877f2;border:none;border-radius:6px;box-shadow:none;color:#fff;font-weight:700;margin:10px 0;outline:none;padding:8px 16px;transition:background-color .2s,-webkit-transform .1s;transition:background-color .2s,transform .1s;transition:background-color .2s,transform .1s,-webkit-transform .1s}.action-button:focus,.action-button:hover{background:#165cd8;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.action-button:active{background:#0a3c85;-webkit-transform:translateY(1px);transform:translateY(1px)}.MuiCard-root{border:1px solid #d3d3d3;border-radius:8px;box-shadow:none;margin:0;padding:20px}.MuiCardContent-root{padding:0}.MuiTextField-root{background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;margin-bottom:16px;width:100%}.MuiSelect-select{text-align:left;text-align-last:left}.typography-h5{font-size:1.5rem;font-weight:600}.suggestions-list{align-items:flex-start;display:flex;flex-direction:column;gap:20px;margin-top:20px;width:100%}.suggestion-link{display:block;text-align:left}.image-link,.suggestion-link{display:inline;margin-right:5px}.image-link{color:blue;text-decoration:none;white-space:nowrap}.submission-container{background-color:#fff;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.05);margin:20px 0;max-width:600px;text-align:left;width:100%}.submission-container img{height:auto;margin:0 auto;max-height:600px;max-width:100%;object-fit:contain;width:auto}.submission-container:hover{box-shadow:0 5px 15px rgba(0,0,0,.1);-webkit-transform:translateY(-5px);transform:translateY(-5px)}@media (max-width:768px){.suggestion-form-container{margin-left:0}.submission-container{max-width:100%}.submission-container img{max-height:400px}}.buttons-container{display:flex;gap:10px;justify-content:center;margin-top:20px}.buttons-container.two-buttons .action-button{margin:0 2px}@media (max-width:480px){.buttons-container{justify-content:center}.action-button{margin:0 10px;max-width:130px}}.loading-indicator{display:flex;justify-content:center}.error-message,.success-message{font-size:.875rem;margin-top:10px;text-align:center}.MuiInputBase-root .MuiSelect-select{color:rgba(0,0,0,.87)}.MuiInput-underline:before{border-bottom:2px solid rgba(0,0,0,.42)}.MuiMenuItem-root{color:rgba(0,0,0,.54)}@media screen and (max-width:992px){.suggestion-form-container{margin-left:0;margin-top:120px}.suggestion-form{max-width:calc(100% - 40px)}}@media screen and (max-width:768px){.suggestion-form-container{margin-top:120px}.suggestion-form{max-width:calc(100% - 40px)}}@media screen and (max-width:576px){.suggestion-form-container{margin-top:120px}.suggestion-form{max-width:calc(100% - 20px)}}@media screen and (min-width:992px){.suggestion-form-container{margin-left:calc(50vw - 576px)}.suggestion-form{max-width:1092px}}.MuiInputBase-root .MuiSelect-select{text-align:left;text-align-last:left}.MuiInputBase-root .MuiSvgIcon-root{position:absolute;right:12px}.MuiSelect-select,.MuiTextField-root,.suggestion-form-container,.suggestion-link{text-align:left}*{text-align:left!important}@media only screen and (min-width:834px) and (max-width:1194px){.suggestion-form-container{margin-left:250px}}@media only screen and (min-width:912px) and (max-width:1368px){.suggestion-form-container{margin-left:250px}}@media only screen and (min-width:1024px) and (max-width:600px){.suggestion-form-container{margin-left:250px}}@media (min-width:1264px) and (max-width:1264px){.suggestion-form-container{margin-top:140px}}.App{background-color:#fafafa;display:flex;flex-direction:column;min-height:100vh;text-align:center}.App-header{color:#333;position:fixed;top:0;width:100%;z-index:1000}.main-content{flex:1 1;padding-top:90px}.posts{max-width:80%;padding-top:40px}.post-container{padding-top:40px;width:100%}.Sidebar{bottom:0;height:calc(100vh - 90px);overflow-y:auto;position:fixed;right:0;top:90px;width:350px}@media (max-width:768px){.Sidebar,.posts{margin-left:0;max-width:100%;width:100%}.Sidebar{height:auto;position:static;top:auto;width:80%}.App{padding-bottom:2rem}}@media (min-width:768px){.Sidebar{display:block;height:calc(100vh - 90px);position:fixed;right:0;top:90px;width:230px}}@media (max-width:480px){.App-header{padding:10px}.app-footer{align-items:center;background-color:#f4f7f9;bottom:0;color:#333;display:flex;justify-content:center;left:0;padding:10px 0;position:fixed;text-align:center;width:100%;z-index:1000}.posts{padding-top:60px}}@media (min-width:1264px){#navbar .navbar-item{border-radius:12px!important;font-size:1.1rem!important;padding:5px 10px!important}#navbar .navbar-icon{height:16px!important;width:16px!important}}@media (min-width:1300px){#navbar .navbar-item{border-radius:12px!important;font-size:1.1rem!important;padding:5px 10px!important}#navbar .navbar-icon{height:16px!important;width:16px!important}}
/*# sourceMappingURL=main.277152c0.css.map*/