*{box-sizing:border-box;margin:0}:root{--toolbar-bg: #F7F5F3;--body-bg: #F5F1EB;--header-bg: #FFFFFF;--toolbar-icons-color: #666564;--header-search-box-bg: #F6F5F4;--buttons-hover-bg: #eae9e7;--header-border: solid 1px #e5e5e5;--message-container-bg: #d9fdd3;--color-font: #0b0b0b;--font-size: 1em}html{height:100%;width:100%}body{display:flex;height:100%;width:100%;background-color:var(--body-bg);font-family:Segoe UI,Helvetica neue,sans-serif;color:var(--color-font);font-size:var(--font-size)}aside{display:flex;flex-direction:row-reverse;height:100%;box-shadow:1px 1px 4px #8d8d8d56;border:1px var(--header-border);z-index:1}.aside__toolbar{display:flex;flex-direction:column;height:100%;width:64px;padding:10px 12px;background-color:var(--toolbar-bg);border-right:var(--header-border)}.aside__toolbar__top{display:flex;flex-direction:column;align-items:center;flex-grow:1}.aside__toolbar__bottom{display:flex;flex-direction:column;align-items:center;flex-grow:0}.aside__toolbar svg{color:var(--toolbar-icons-color)}.aside__toolbar__container__buttons{display:flex;align-items:center;justify-content:center;height:50px;width:50px}.aside__toolbar__container__buttons img{display:flex;align-items:center;justify-content:center;width:100%;border-radius:50%}.toolbar__buttons{display:flex;align-items:center;justify-content:center;border:none;background:none;width:40px;height:40px;padding:8px}.aside__toolbar__container__buttons :hover{transition:background-color .2s ease;background:var(--buttons-hover-bg);border-radius:50%}.aside__header{background-color:var(--header-bg);width:384px;padding:10px 20px}.aside__header__top{display:flex;align-items:center;padding:10px 5px}.aside__header__logo{flex-grow:2}.aside__header__buttons{display:flex;align-items:center;gap:8px}.aside__header__buttons :hover{transition:background-color .2s ease;background:var(--buttons-hover-bg);border-radius:50%}.aside__header__search{display:flex;align-items:center}.header__search__box{height:40px;width:100%;border:none;background-color:var(--header-search-box-bg);border-radius:20px;text-indent:10px}main{background-image:url(/assets/fondo-chat-CisPvOuV.jpg);background-size:contain;height:100%;width:100%;z-index:0}.message__container{display:flex;flex-direction:column;justify-content:start;border-radius:1em;width:fit-content;padding:.2em .4em;margin:1em;background-color:#fff;box-shadow:1px 1px 1px #d3d3d2}.message__time{display:flex;justify-content:end;font-size:.6em}.message__text{font-family:Segoe UI,Helvetica neue,sans-serif;padding:.2em}.message__delete__button{display:flex;justify-content:end;background:none;border:none}.message__delete__button :hover{cursor:pointer;color:#1daa61}.message__delete__button svg{width:13px}form{margin:15px}.form__label{visibility:hidden}.form__input{display:flex;text-indent:10px;border:none;border-radius:30px;box-shadow:1px 1px 5px #999;width:100%;height:50px}.link__contact{font-family:Segoe UI,Helvetica neue,sans-serif;font-size:.9em;text-decoration:none}.link__contact :hover{background-color:#c2c2c240;border-radius:5px}.link__contact :visited{text-decoration:none}.contact__container{display:flex;justify-content:left;align-items:start;gap:8px;width:100%;height:72px;padding:10px;margin-top:10px;margin-bottom:10px}.avatar__container{width:50px;height:50px;pointer-events:none}.avatar__container img{border-radius:50%}.contact__details{display:flex;flex-direction:column;gap:5px;width:100%;justify-content:center;align-items:center;pointer-events:none}.contact__details__top{display:flex;width:100%;justify-content:space-between;align-items:center;pointer-events:none}.contact__details__bottom{display:flex;width:100%;align-items:center;color:#777776;pointer-events:none}.contact__name{font-size:1.1em;color:var(--color-font);line-height:normal;font-weight:400;word-wrap:break-word}.contact__connection{color:gray;font-size:.8em}.contact__header{display:flex;justify-content:start;align-items:center;background:#fff;box-shadow:1px 1px 5px #9f9f9f;border-left:1px solid #e5e5e5;padding:10px 16px;width:100%;height:64px}.contact__header__items{display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;color:var(--color-font)}.return__button{display:flex;align-items:center;justify-content:center;border:none;background:none;width:50px}.return__button svg{stroke:#000;width:100%}.return__button :hover{stroke:#1daa61;cursor:pointer}.contact__header__name{text-decoration:none}