@import"https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&display=swap";:root{font-family:Red Hat Display,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#000;background-color:#fafaf5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root label{font-weight:800}label:color-scheme(dark){color:#fff}label:color-scheme(light){color:#000}button{background-color:#ea541c;color:#1b1b1b;transition:color .5s}button:hover{background-color:#f8cc27;color:#ea541c;transition:color .5s}h2:color-scheme(dark){color:#f9f9f9}@media (prefers-color-scheme: light){:root{color:#fff;background-color:#1b1b1b}a:hover{color:#a57c4c}button{background-color:#ea541c;color:#000}}#root{max-width:1280px;margin:0 auto;text-align:center}/*! 
https://serp.co/tools/css-reset/
<link rel="stylesheet" href="https://css.serp.co/css-reset/normalize.css/">
*/html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.welcomeContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100dvh;background-color:#fbf2e3}.welcomeImage{max-width:289px;height:285px}.logoAbracePet{font-size:2.5rem;font-weight:900;color:#000;text-align:center;align-self:center;margin-bottom:0}.subtitle{font-size:1rem;font-weight:500;margin-top:0;font-weight:700;color:#000}.socialButtonsContainer{display:flex;flex-direction:column;align-self:center;align-items:center;gap:1.5rem;margin-top:7.25rem}.socialButtonsContainer button{max-width:345px;border:none;box-shadow:2px 5px 8px #00000042;-webkit-box-shadow:2px 5px 8px 0px rgba(0,0,0,.26);-moz-box-shadow:2px 5px 8px 0px rgba(0,0,0,.26);border-radius:8px;text-align:left;gap:.5rem;padding:.6em 1.2em;font-size:1em;font-weight:500;background-color:#fff;color:#00000085;cursor:pointer;transition:background-color .25s,color .25s}.aboutContainer{margin-top:5rem}.aboutContainer a{text-decoration:none;font-weight:700;color:#ea541c}.moreInfo,.linkToDevContainer p{font-weight:600;color:#000}.linkToDevContainer{margin-top:6rem}.linkToDevContainer a{text-decoration:none;font-weight:600;color:#e99432}.madeWithText{font-size:.875rem}.headerContainer{display:flex;justify-content:space-between;align-items:center;background-color:#fafaf5;height:80px;width:100%;position:fixed;top:0;left:0;right:0;z-index:1000;box-shadow:0 4px 12px #4d4d4d33;-webkit-box-shadow:0px 4px 12px rgba(77,77,77,.2);-moz-box-shadow:0px 4px 12px rgba(77,77,77,.2)}.logoHeaderContainer{padding:24px 22px}.logoHeaderLink{text-decoration:none;color:#000;font-weight:900;font-size:24px}.profilePicture-img{margin-right:22px;width:45px;height:45px;border-radius:50%}.logo{width:103px;height:29px}.messagesContainer{margin-left:auto;margin-right:25px}.drawer{position:fixed;top:0;right:0;width:260px;height:100%;background-color:#fff;box-shadow:-4px 0 12px #0000001a;z-index:1100;padding:2rem 1.5rem;display:flex;flex-direction:column}.drawer-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0006;z-index:1000}.drawer-close{background:none;border:none;font-size:1.8rem;color:#333;align-self:flex-end;cursor:pointer;margin-bottom:2rem;border-radius:8px}.drawer-nav{display:flex;flex-direction:column;gap:1.2rem}.drawer-nav a,.logoutButtonMenu{font-size:1rem;font-weight:500;color:#000;text-decoration:none;background:none;border:none;text-align:left;cursor:pointer;padding:.5rem 0;display:flex;align-items:center;gap:12px}.drawer-nav a{border-bottom:1px solid #eee}.logoutButtonMenu{color:#e74c3c}.logoutButtonMenu:hover{background-color:transparent}.drawerImg{margin-right:0;cursor:pointer}.no-border a{border-bottom:none;display:flex;justify-content:center}.ongStampContainer{width:40px;height:20px;background-color:#56b3ff;padding:6px 5px;border-radius:8px;display:flex;justify-content:center;align-items:center;margin:8px auto}.ongStampText{font-weight:600;color:#fff;font-size:.775rem}.tabs-wrapper{display:flex;flex-direction:column;height:100vh;margin-top:80px}.tabContent{flex-grow:1;padding-bottom:80px}.bottom-tab-list{list-style:none;height:35px;display:flex;justify-content:space-between;align-items:center;position:fixed;bottom:16px;left:16px;right:16px;background-color:#fff;border-radius:999px;box-shadow:0 0 8px #4d4d4d59;padding:8px 24px;z-index:10}.bottom-tab{flex:1;text-align:center;padding:8px;font-size:16px;border:none;background:transparent;cursor:pointer;color:#555;font-weight:900;font-family:Red Hat Display,sans-serif;-webkit-tap-highlight-color:transparent;outline:none}.bottom-tab--selected{color:#000;font-weight:900;border-bottom:3px solid #EA541C;outline:none}.new-post-button-wrapper{position:relative;top:-12px;width:60px;height:60px;background-color:#ea541c;border-radius:50%;display:flex;align-items:center;justify-content:center;border:4px solid #fff;box-shadow:0 0 25px #4d4d4d59}.new-post-button{display:flex;justify-content:center;align-items:center;width:100%;height:100%;font-size:28px;color:#fff;text-decoration:none;text-align:center;line-height:48px;-webkit-tap-highlight-color:transparent}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var( --custom-highlight-background, linear-gradient( 90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100% ) );transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}.menuPostOptionsContainer{width:135px;height:100px;background-color:#fafaf5;border-radius:16px;box-shadow:0 4px 10px #0000004d;display:flex;flex-wrap:wrap;-webkit-tap-highlight-color:transparent;position:absolute;z-index:10;right:10px;transform:scale(.8);animation:scaleUp .3s forwards}.editBtn{margin-top:14px;margin-bottom:4px}.deleteBtn{margin-bottom:14px}.editBtn,.deleteBtn{border:none;outline:none;background:none;display:flex;align-items:center;gap:14px;margin-left:14px;padding:0;font-weight:600}.editBtn:hover,.deleteBtn:hover{background-color:#fafaf5;color:#1b1b1b;cursor:pointer}.menuPostOptionsSeparator{width:104px;height:1px;background-color:#eee;margin-left:14px}.confirm-modal-overlay{position:fixed;inset:0;background:#0006;display:flex;justify-content:center;align-items:center;z-index:50}.confirm-modal{background:#fafaf5;border-radius:1rem;width:90%;max-width:290px;text-align:center;font-family:Red Hat Display,sans-serif;opacity:0;transform:scale(.8);animation:scaleUp .3s forwards}.confirm-modal p{font-size:.875rem;margin-bottom:1rem;font-weight:700;color:#1b1b1b}.confirmModalSeparator{width:100%;height:1px;background-color:#eee}.confirm-modal .buttons{display:flex;justify-content:center;gap:5.5rem;padding:.3rem}.confirm-modal .danger{background:transparent;color:#1877f2;border:none;padding:.6rem;border-radius:.5rem;font-weight:600;font-size:.875rem;cursor:pointer}.confirm-modal .cancel{background:transparent;color:#ea4335;border:none;padding:.6rem;border-radius:.5rem;font-weight:600;font-size:.875rem;cursor:pointer}.buttonPrimary{position:relative;width:200px;font-family:Red Hat Display,sans-serif;font-weight:800;color:#fff;border:none;padding:12px;border-radius:16px;font-size:14px;cursor:pointer;margin-bottom:30px;align-self:center;box-shadow:0 4px 4px #4d4d4d59;-webkit-tap-highlight-color:transparent;outline:none}.spinner{width:10px;height:10px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.buttonDisabled{background-color:#a1a1a1;color:#fff;opacity:.6;cursor:not-allowed}.buttonDisabled:hover{background-color:#a1a1a1}.edit-modal-backdrop{position:fixed;inset:0;background:#0006;display:flex;justify-content:center;align-items:center;z-index:50}.edit-modal-content{width:90%;max-width:90%;min-height:200px;text-align:center;font-family:Red Hat Display,sans-serif;background:#fafaf5;border-radius:16px;overflow-y:auto;opacity:0;transform:scale(.8);animation:scaleUp .3s forwards}.edit-modal-close-container{display:flex;justify-content:flex-end;padding-right:12px;padding-top:12px}.edit-modal-content-close-btn{border:none;background-color:transparent;color:#000}.edit-modal-title{font-family:Red Hat Display,sans-serif;font-weight:900;font-size:1rem;color:#000;margin-bottom:16px}form textarea{width:90%;height:130px;padding:12px;font-size:.975rem;font-weight:700;color:#4b5563;resize:none}.commentHeader{display:flex;align-items:center;gap:12px}.commentHeader img{border-radius:50%}.commentText p{margin-top:0}.formComment{display:flex;gap:45px}.btnComment{font-size:.375rem;font-family:Red Hat Display,sans-serif;font-weight:700}.postsContainer{max-width:600px;margin:0 auto;padding-top:40px;font-family:sans-serif}.postsTitle{font-size:24px;font-weight:700;margin-bottom:24px}.postCard{margin-bottom:20px;overflow:hidden}.postHeader{display:flex;align-items:center;gap:14px;margin-bottom:14px;padding-inline:16px;font-family:Red Hat Display,sans-serif}.userAvatar{width:40px;height:40px;border-radius:9999px;object-fit:cover}.userName{font-weight:600;margin:0}.postTime{font-size:12px;color:#777;margin:0;display:flex}.postImage{width:90vw;height:360px;object-fit:cover;border-radius:16px}@media (min-width: 375px){.postImage{width:340px}}@media (min-width: 390px){.postImage{width:360px}}@media (min-width: 412px){.postImage{width:380px}}@media (min-width: 414px){.postImage{width:380px}}@media (min-width: 430px){.postImage{width:396px}}.options{margin-left:auto;cursor:pointer;-webkit-tap-highlight-color:transparent}.postDescription{width:82vw;padding-inline:22px;font-family:Red Hat Display,sans-serif;font-size:14px;font-weight:500;text-align:left;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.postDescription:color-scheme(dark){color:#f9f9f9}.see-more-container{display:flex;justify-content:flex-end;margin-top:-10px;margin-right:18px}.see-more{font-family:Red Hat Display,sans-serif;font-weight:600;font-size:14px;cursor:pointer;border:none;padding:0;position:relative;top:-25px;right:12px;color:#ea541c}.see-more:color-scheme(dark){color:#f9f9f9}.new-post-alert{position:fixed;top:90px;left:50%;transform:translate(-50%);background-color:#eea95a;color:#000;border:none;padding:10px 16px;border-radius:20px;font-weight:700;font-size:14px;cursor:pointer;z-index:999;box-shadow:0 3px 20px #0000004d;animation:fadeIn .1s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.post-menu-icon{padding:10px}.no-posts-message p{font-family:Red Hat Display,sans-serif;font-weight:700;font-size:.975rem}.edited-label{display:block;font-size:.75rem;color:#888;margin-top:4px;font-style:italic}.verified-icon{margin-left:4px;vertical-align:middle}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fafaf5;border-radius:16px;max-width:85%;max-height:620px;overflow-y:auto;opacity:0;transform:scale(.8);animation:scaleUp .3s forwards}@keyframes scaleUp{to{opacity:initial;transform:initial}}.modal-image{width:100%;max-height:300px;object-fit:contain;border-radius:16px 16px 0 0}.modal-description{margin-top:12px;font-size:14px;font-family:Red Hat Display,sans-serif;padding-inline:24px;text-align:left}.modal-description p{color:#4b5563}.modal-description p:color-scheme(dark){color:red}.modal-comment{display:flex;align-items:center;margin:36px 22px 22px;background:#f1f1f1;padding:14px;border-radius:16px;position:sticky;bottom:10px}.modal-comment input{flex:1;border:none;outline:none;font-family:Red Hat Display,sans-serif;font-weight:600;background:transparent;padding:4px 8px;color:#000}.modal-comment button{background:none;border:none;font-size:18px;cursor:pointer}.modal-comment .btnComment{font-size:.875rem}.modalCloseIcon{position:absolute;top:118px;right:35px;font-size:24px;color:#fff}.adoptionPostsGrid{display:grid;grid-template-columns:repeat(3,124px);grid-auto-rows:124px;gap:8px;justify-content:center}.adoptionTile{width:124px;height:124px;border-radius:8px;overflow:hidden;background:#f3f3f3;cursor:pointer}.adoptionTileImage{width:100%;height:100%;object-fit:cover;display:block}.adoptionModalOverlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:999}.adoptionModalContent{position:relative;background:#fff;border-radius:12px;max-width:min(900px,92vw);width:100%;max-height:92vh;overflow:auto;display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px}.adoptionModalClose{position:absolute;top:8px;right:12px;border:0;background:transparent;font-size:28px;line-height:1;cursor:pointer}.adoptionModalImage{width:100%;height:100%;max-height:70vh;object-fit:cover;border-radius:8px}.adoptionModalInfo{display:flex;flex-direction:column;gap:8px}.adoptionHeading{display:flex;align-items:center;gap:16px}.adoptionAnimalName{margin-top:0;margin-bottom:0;margin-left:22px;font-size:1.5rem;font-weight:800;position:relative;z-index:0}.adoptionAnimalName:after{content:"";display:block;width:30px;height:6px;background-color:#ea541c;position:absolute;top:25px;left:50px;z-index:-1}.adoptionAnimalType{font-size:1rem;font-style:italic;color:#a1a1a1}.adoptionAnimalSize,.adoptionAnimalOng{margin-right:auto;margin-left:22px}.adoptionAnimalOng{margin-top:0}.deleteButton{align-self:flex-start;background:#e53935;color:#fff;border:0;padding:8px 12px;border-radius:6px;cursor:pointer}.deleteButton:hover{background:#c62828}@media (max-width: 720px){.adoptionModalContent{grid-template-columns:1fr}}.backButtonBackground{width:40px;height:40px;background-color:#d9d9d999;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:3px;padding:10px 6px;margin-top:22px;-webkit-tap-highlight-color:transparent;cursor:pointer;border:none}.backButtonBackground:hover{background-color:#d9d9d9}.backButtonText{display:none;font-size:.875rem;font-weight:900;color:#000;font-family:Red Hat Display,sans-serif}.backButtonContainer{padding-inline:16px}.adoptionTextContainer{text-align:left;padding-inline:16px}.adoptionTextContainer h2{font-weight:800}.adoptionTextContainer:after{content:"";width:80px;height:8px;border-radius:3px;background-color:#ea541c;position:absolute;top:120px;left:113px;z-index:-1;display:block}.adoptionTextContainer p{font-family:Red Hat Display,sans-serif;font-size:.875rem;font-weight:400}.adoptionContentContainer{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;justify-content:center;margin-bottom:90px;padding-inline:16px}.animalImg{width:190px;height:190px;object-fit:cover;border-radius:16px;opacity:1;transition:opacity .3s ease}.ongsLink{font-weight:800;text-decoration:none;color:#ea541c}.selectsContainer{padding-inline:16px;margin-bottom:26px}textarea,select,input{border:none;outline:none;color:#000;border-radius:16px;font-weight:700;font-size:14px;font-family:Red Hat Display,sans-serif}select{width:100%;background-color:#eee;color:#000;outline:none;padding:14px}.filterContainer{display:flex;justify-content:space-between}.filterItem{width:110px;height:40px;border:2px solid #eeeeee;border-radius:16px;display:flex;justify-content:center;align-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent}.filterItem.active{width:110px;height:40px;font-weight:800;border:2px solid #EA541C;border-radius:16px;display:flex;justify-content:center;align-items:center;cursor:pointer}.porte-animal{margin-top:16px}@media (min-width: 344px){.animalImg{width:151px}}@media (min-width: 375px){.animalImg{width:168px}}@media (min-width: 360px){.animalImg{width:160px}}@media (min-width: 390px){.animalImg{width:175px}}@media (min-width: 412px){.animalImg{width:185px}}@media (min-width: 430px){.animalImg{width:194px}}.animalImg:hover{opacity:.5;transition:opacity .3s ease}.newPostContainer{max-width:400px;margin-top:80px;padding-inline:22px;font-family:Red Hat Display,sans-serif;display:flex;flex-direction:column;gap:16px}.newPostTitle{text-align:left;font-family:Red Hat Display,sans-serif;font-size:2rem;font-weight:700;margin-bottom:4px}.fileInputLabel{display:flex;justify-content:center;align-items:center;background:#f2f2f2;border:2px dashed #ccc;height:250px;cursor:pointer;position:relative;overflow:hidden}.uploadText{font-size:16px;color:#666}.previewImage{width:100%;height:100%;object-fit:cover}.nameInput{max-width:396px;height:18px;background-color:#eee;font-family:Red Hat Display,sans-serif;padding:16px;border-radius:6px;border:none;resize:none;font-size:14px}input::placeholder{color:#a1a1a1;font-weight:500}.descriptionInput{max-width:396px;height:100px;padding:16px;border-radius:6px;border:none;resize:none;font-size:14px}.postButton{width:200px;font-family:Red Hat Display,sans-serif;font-weight:700;border:none;padding:12px;border-radius:6px;font-size:14px;cursor:pointer;transition:background .3s;margin-bottom:30px;align-self:center;box-shadow:0 4px 4px #00000040;-webkit-tap-highlight-color:transparent;outline:none}.postButton:hover{background-color:#5349ac}.botoes-foto{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.botao-foto{padding-top:10px;cursor:pointer;font-weight:500;display:flex;align-items:center}.botao-foto input{display:none}.image-preview{position:relative;border-radius:12px;overflow:hidden;margin:0 auto;width:90vw}.image-preview img{width:100%;height:360px;display:block;object-fit:cover}.preview-label{position:absolute;bottom:8px;left:50%;transform:translate(-50%);font-family:Red Hat Display,sans-serif;background:#0009;color:#fff;padding:4px 8px;font-size:14px;font-weight:700;border-radius:4px}.photo-icon{margin-right:8px}.form-group{text-align:left}textarea,select,input{border:none;outline:none;color:#a1a1a1;border-radius:16px;font-size:14px;font-family:Red Hat Display,sans-serif}select{width:100%;height:40px;background-color:#eee;color:#000;outline:none;padding-bottom:8px;padding-top:8px;margin-bottom:12px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3csvg%20width='21'%20height='21'%20viewBox='0%200%2021%2021'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4.375%2010.5L16.625%2010.5'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M10.5%204.375L16.625%2010.5L10.5%2016.625'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:16px;padding-right:30px}select:first-child{color:red}textarea{color:#000;outline:none;background-color:#eee;max-width:396px}textarea::placeholder{color:#a1a1a1;font-weight:500}label{display:block;margin-bottom:6px;font-weight:700;font-family:Red Hat Display,sans-serif}.crop-modal{position:fixed;inset:0;background:#000000e6;z-index:1000;display:flex;justify-content:center;align-items:center}.crop-content{width:90%;height:80%;position:relative}.react-easy-crop_Container{position:absolute;inset:0 0 60px}.crop-actions{position:absolute;bottom:0;width:100%;display:flex;flex-direction:column;justify-content:center;padding:10px}.profileCover{width:100%;height:120px;background-color:#ea541c;margin-top:80px}.profileCover button{position:relative;top:12px;left:20px}.userProfilePicture{width:78px;height:78px;border:4px solid #fafaf5;box-shadow:0 4px 6px #0000004d;border-radius:50%;position:relative;top:-40px}.userFullName{font-size:1.5rem;font-weight:800;margin-top:-40px}.memberSinceOf{font-size:.75rem;color:#a1a1a1;font-weight:400}.userStatsContainer{display:flex;justify-content:center;align-items:center;gap:40px}.postsCount,.likesCount{display:flex;justify-content:center;align-items:center;flex-direction:column}.postsCount p,.likesCount p{margin-top:3px;font-size:.875rem;font-weight:700}.postsCount span,.likesCount span{font-size:.875rem;font-weight:700}.editProfileBtn{width:200px;font-family:Red Hat Display,sans-serif;font-weight:700;border:none;padding:12px;border-radius:6px;font-size:14px;cursor:pointer;transition:background .3s;margin-bottom:30px;align-self:center;box-shadow:0 4px 4px #00000040;-webkit-tap-highlight-color:transparent;outline:none}.editProfileBtn:hover{background-color:#5349ac}.animalsForAdoptionText{font-weight:800;font-size:1.25rem}.errorText{color:#f44;font-size:14px;margin-top:8px}.crop-modal-overlay{position:fixed;inset:0;background:#000000e6;z-index:1000;display:flex;justify-content:center;align-items:center}.react-easy-crop_Container{position:relative;width:90vw;height:70vh}.crop-controls{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:1001}.backButtonContainer{margin-top:90px;padding-inline:22px}.messagesHeadingTitle{margin-left:22px;margin-top:22px;text-align:left;font-size:1.15rem}.messagesListContainer{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;padding-inline:22px}.messagesListItem{display:flex;margin-bottom:16px;gap:12px}.messagesTextContainer{display:flex;flex-wrap:wrap}.messagesListItemUserName{margin:0}.messagesTitle{text-align:left}.backBtnContainer{margin-bottom:22px}.messagesLink{text-decoration:none}.messagesListContainer,.chatContainer{display:flex;flex-direction:column;gap:12px;padding:22px;max-width:480px;margin:0 auto}.messagesListItem{display:flex;max-width:350px;align-items:center;gap:20px;overflow:hidden;cursor:pointer;transition:background-color .2s,transform .2s}@media (max-width: 344px){.messagesListItem{max-width:300px}}.messagesListItem:hover{background-color:#f0f1f6;transform:translateY(-2px)}.messagesListItemUserPhoto{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid #4a90e2}.messagesTextContainer{display:flex;flex:1;align-items:flex-start;flex-direction:column;min-width:0;overflow:hidden}.messagesListItemUserName{font-weight:600;color:#2f3640;font-size:1rem;margin-bottom:2px}.messagesListItemMessage{display:block;font-size:.875rem;color:#7f8fa6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;min-width:0}.chatHeaderUser{display:flex;align-items:center;gap:12px;padding:0 16px;background-color:#fff;border-bottom:1px solid #e1e4eb;border-radius:16px 16px 0 0}.messagesTitle{font-size:1rem;font-weight:700;color:#2f3640}.chatContainer{display:flex;flex-direction:column;height:calc(100vh - 120px);background-color:#f5f6fa;border-radius:16px;overflow:hidden}.messagesList{flex:1;padding:16px;display:flex;flex-direction:column;gap:8px;overflow-y:auto;scroll-behavior:smooth}.myMessage,.otherMessage{text-align:left;max-width:70%;padding:10px 14px;border-radius:20px;font-size:.95rem;line-height:1.3;word-wrap:break-word;animation:fadeIn .2s ease-in-out}.myMessage{align-self:flex-end;background-color:#4a90e2;color:#fff;border-bottom-right-radius:4px}.otherMessage{align-self:flex-start;background-color:#e1e4eb;color:#2f3640;border-bottom-left-radius:4px}.chatInputContainer{display:flex;padding:12px 16px;gap:8px}.chatInput{flex:1;padding:10px 14px;border-radius:24px;border:1px solid #dcdde1;font-size:.95rem;outline:none;transition:border-color .2s}.chatInput:focus{border-color:#4a90e2}.chatSendButton{background-color:#4a90e2;color:#fff;font-weight:600;border:none;padding:10px 16px;border-radius:24px;cursor:pointer;transition:background-color .2s}.chatSendButton:hover{background-color:#357abd}.messagesList::-webkit-scrollbar,.chatContainer::-webkit-scrollbar{width:6px}.messagesList::-webkit-scrollbar-thumb,.chatContainer::-webkit-scrollbar-thumb{background-color:#0003;border-radius:3px}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.noChats{text-align:center;padding:20px;font-size:.95rem;color:#7f8fa6}.chatHeaderUser{height:69px}