:root{font-size:16px;--headerSize: 80px;--black: #000000;--grey: #666667;--grey-2: #f2f2f2;--grey-3: #f6f6f6;--grey-4: #ededed;--white: #ffffff;--green-1: #e1f7cb;--green-2: #56bca6;--red: #ff4a4a;--green-3: #429488;--blue: #5cb3f0;--body-16regular: 400 1rem/1.25rem Inter;--body-16bold: 700 1rem/1.25rem Inter;--body-14regular: 400 .875rem/1.125rem Inter;--body-14regular_u: 500 .875rem/1.25rem Inter;--caption-12bold: 700 .75rem/1rem Inter;--caption-12regular: 400 .75rem/1rem Inter;--caption-12regular_u: 400 .75rem/1.25rem Inter}.container-chat{display:grid;grid-template-columns:27.5rem 1fr;grid-template-rows:1fr}.container-chat__mobile{grid-template-columns:1fr}.header{box-sizing:border-box;block-size:var(--headerSize);display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:var(--grey-4)}.header-info{display:flex;gap:.5rem}.header-info .icon-arrowLef{border:none;padding:0;background-color:inherit;cursor:pointer}.user{font:var(--body-16regular);display:flex;align-items:center;gap:.5rem}.user img{cursor:pointer}.user p span{display:block}.user-name{color:var(--black);margin-block-end:.25rem}.user-status{color:var(--grey)}.user img{border-radius:50%}.header-actions-search{border:none;background:inherit}.message-list{color:green;flex-grow:1;display:flex;flex-direction:column;gap:1.5rem;background-image:url(/assets/background-cc87b3fb.jpg);background-size:cover;padding:1rem;overflow-y:scroll}.date{background-color:#e5f2fa;color:var(--black);font:var(--body-16regular);border-radius:.5rem;padding:.65rem;align-self:center}.message{padding:.5rem;font:var(--body-16regular);color:var(--black);gap:.5rem}.message-text{margin:0}.message.is-receiver{background-color:var(--white);border-radius:0 .5rem .5rem;align-self:flex-start;position:relative}.message.is-sender{background-color:var(--green-1);border-radius:.5rem 0 .5rem .5rem;align-self:flex-end;position:relative}.message.is-sender:after{content:"";position:absolute;box-sizing:border-box;inline-size:12px;block-size:12px;border-inline-start:6px solid var(--green-1);border-inline-end:6px solid transparent;border-block-end:6px solid transparent;border-block-start:6px solid var(--green-1);right:-11px;top:0}.message.is-receiver:after{content:"";position:absolute;box-sizing:border-box;inline-size:12px;block-size:12px;border-inline-start:6px solid transparent;border-inline-end:6px solid var(--white);border-block-end:6px solid transparent;border-block-start:6px solid var(--white);left:-11px;top:0}.message-details{display:flex;justify-content:flex-end;gap:.25rem}.message-date{font:var(--caption-12regular);color:var(--grey)}.message-status{inline-size:1rem;block-size:1rem}.message-status.is-dobleCheck{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAE+SURBVHgB7ZG/SgNBEMZn9iRBtIj4J4hX5BUsfAB7Qb3YePHgUgiCFvEBxARfIL1FFPKnSWIKrQ2YUtA3MIWFxBymsTgvu+NuJHB3ksNWyAfLDsP89puPBfgXMi4d3ai+5X71a845+wuMc+KBgD2GYSChz0TBO6WPFMaH90ji+iaT7PhhJG5z93Mdo2BNwgD43DCXdoPO/EQg32jtr3aZHExMhglccA+DziKPnE4VrHpMDpb2Ku8XYZiA5jnyzVtzrR+ASRQaVrI8nke1gRb3noBYm39phR9nSAEXFh/GOtqst02kJRQsH71rmitb/m1ZK7swQI5ZQLIl/KLgsQvGvBwILCpYxumC0I7CcUffWLeW2yToTNXKpZ5J5kc140V5DdRRcZoHi68QpXS1d2WUHd3fMyo9O13rH8NUE/UNuJah4Uzl5mgAAAAASUVORK5CYII=);background-repeat:no-repeat;background-position:center}.action{block-size:var(--headerSize);display:flex;align-items:center;gap:1rem;background-color:var(--grey-4);padding:1rem;box-sizing:border-box}.action-message{flex:1;font:var(--body-16regular);border-radius:3.125rem;padding:14px 24px;border:none}.action-button{border:none;padding:0}.chat-container{position:relative}.chat{box-sizing:border-box;display:flex;flex-direction:column;block-size:100vh;position:absolute;top:0;width:100%}.inicioChat-container{box-sizing:border-box;display:flex;flex-direction:column;block-size:100vh;justify-content:center;align-items:center;background:var(--grey-4)}.inicioChat-container p{font-size:2rem;color:var(--grey)}.perfilUser-container{height:100vh;position:absolute;width:100%;box-sizing:border-box;top:0;left:0}.perfilUser-header{block-size:7.5rem;background:var(--green-2);display:flex;align-items:flex-end}.perfilUser-header-container{display:flex;align-items:flex-start;gap:1rem;flex:1;padding-inline-start:1rem;padding-block-end:1rem}.perfilUser-header-icon,.perfilUser-iconCamera,.perfil-detail-icon{border:none;padding:0;background:inherit;cursor:pointer}.perfilUser-header-info{font:var(--body-16regular);color:var(--white)}.perfilUser-info{display:flex;flex-direction:column;align-items:center;height:calc(100vh - 7.5rem);background:var(--grey-4)}.perfilUser-info-container{position:relative;padding-block:2.5rem}.perfilUser-img{inline-size:12.5rem;block-size:12.5rem;background-color:#7f8080;border-radius:50%;display:flex;align-items:flex-end;justify-content:center}.perfilUser-img img{inline-size:inherit;block-size:inherit;border-radius:50%}.perfilUser-img-change{position:absolute;top:0;inline-size:12.5rem;block-size:12.5rem;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--white);font:var(--body-16regular);padding:inherit}.perfilUser-details{background:var(--white);font:var(--body-16regular);width:100%}.perfilUser-detail-info{color:var(--green-3);padding:1rem;margin:0}.perfil-detail-name{display:flex;justify-content:space-between;padding:1rem;padding-top:0}.headerImg{block-size:var(--headerSize);box-sizing:border-box;background-color:var(--grey-4);display:flex;align-items:center;padding-left:1rem;padding-block:1rem;border-right:1px solid rgba(44,58,66,.2)}.headerImg img{border-radius:50%;cursor:pointer}.messageChatList-container{display:flex;flex-direction:column;overflow-y:scroll;cursor:pointer}.messageChat-container{border-bottom:1px solid var(--grey-2);display:flex;align-items:center;gap:.5rem;padding:1rem}.messageChat-img{border-radius:50%;background-size:cover}.messageChat-body{flex:1}.messageChat-list{display:flex;justify-content:space-between;text-transform:capitalize;margin-bottom:.5rem}.messageChat-name{font:var(--body-16regular);color:var(--black)}.messageChat-date{font:var(--caption-12regular);color:var(--grey)}.messageChat-details{display:flex;gap:.25rem;align-items:center}.messageChat-status{inline-size:2rem;block-size:1rem}.messageChat-details .is-dobleCheck{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAKCAYAAAC9vt6cAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEhSURBVHgBjZE9S8RAEIaTzQdXHfkFgXSWV4llkBSm8yeIlaU/ycpSRISohGSbgE1ALI9IYgqxDCImIV++cyQQlrvjBoZdhnned2ZXkg4I13WXjuOciHXUbHYIXNf1ZVmWXyIsy/Jyr4Bt2wbBjLG3KIryOYxj1TTNC9sHA7yAy7fv+3wOD8Nw3LbtDee8Ymhc7IKRUlEUD4IzCTwBLqjGFEU5P0VscdbJJY7jvzmM5EEQvE/9Mk0A4ApA1nUdH52Nvu/vkLmqqkfoW4zwGuvczqdltAca7yGwQvM1wZMLpqOvOxvhQtO0R3HdzSNCJINIMNbW06NholccFSWt43nejyigTJc0TT8tyzJ0XX9OkqSmWpZllWmav7jmYRh+SFviH/N8jc8dTWCAAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-position:center}.messageChat-text{margin:0;font:var(--caption-12regular);color:var(--grey)}.search{background-color:var(--grey-3);padding:1rem}.searchContainer{border-radius:3.125rem;display:flex;align-items:center;gap:2rem;background-color:var(--white);padding-inline:1.5rem}.searchIcon{margin-left:1.5rem}.searchInput{font:var(--body-16regular);border:none;padding-block:1rem;flex:1}.searchInput:focus-visible{outline:none}.chatListContainer{position:relative}.chatList{block-size:100vh;display:flex;flex-direction:column;box-sizing:border-box}.chatList-perfil{position:absolute;top:0;width:100%;height:100vh}body{margin:0}