@import"https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&display=swap";.footer-links{position:absolute;bottom:0;display:flex;justify-content:center;width:100%}.footer-link{margin:5px}a{text-decoration:none}input:focus{outline:none}input:defined{background-color:#fff}body{font-family:Comfortaa,sans-serif}*{margin:0;padding:0}.wrapper{width:100%;height:100vh;display:flex;justify-content:center;align-items:center}.form{padding:50px 0;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:60px;border-radius:15px;box-shadow:1px 1px 8px 4px #223c5033;width:500px}.form__title{font-size:20px;text-align:center}.form__header{display:flex;flex-direction:column;align-items:center;gap:15px}.form__header-image{width:75px;height:75px;background-color:#f0f0f0;border-radius:35px}.form__header-name{font-weight:700}.form__fields{display:flex;flex-direction:column;gap:20px;width:300px}.form__footer{display:flex;flex-direction:column;gap:5px}.form__label{font-size:18px;font-weight:400;color:#646464}.form__label-error{color:red}.form__input{margin-top:5px;font-size:14px;width:100%;border:0 solid #ffffff;border-bottom:2px solid rgb(163,184,236);padding-bottom:3px}.form__input-error{border-bottom:2px solid rgb(255,60,60)}.form__input:hover{border-bottom:2px solid #507ff5}.button--primary{font-family:Comfortaa,sans-serif;font-size:14px;color:#fff;height:30px;width:300px;background-color:#507ff5;cursor:pointer;border:0;border-radius:7px}.button--primary:hover{background-color:#628fff}.link--primary{text-align:center;font-family:Comfortaa,sans-serif;font-size:14px;color:#507ff5;height:30px;width:300px;cursor:pointer}.link--primary-danger{color:red}.link--primary:hover{color:#789fff}.chat-item{display:flex;align-items:center;border-bottom:1px solid #dddddd;padding:5px}.chat-item__image{background-color:#e2e2e2;height:50px;width:50px;border-radius:50px}.chat-item__message{display:flex;flex-direction:column;margin-left:5px;height:100%;width:75%;gap:5px}.chat-item__message-to{font-weight:700}.chat-item__message-content{font-size:12px;color:#8d8d8d}.chat-item__message-content-isFromYou{color:#000;font-weight:700}.chat-item__extra{display:flex;flex-direction:column;justify-content:space-between;align-items:end;height:100%;width:10%;font-size:12px;color:#8d8d8d}.chat-item__extra-count{display:flex;justify-content:center;align-items:center;background:#507ff5;border-radius:10px;color:#fff;width:20px;height:20px;margin-bottom:7px}.chat-item:hover{background:#c2d4ff}.error-page{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.error-page__title{font-size:20px;font-weight:800}.error-page__description{font-size:18px}a:visited{color:inherit}textarea{outline:none;border:0;vertical-align:auto}textarea:hover{outline:none}.arrow-right{display:inline-block;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:10px solid #797979;margin-left:5px}.chats-page{display:flex;font-family:Comfortaa,sans-serif}.chats-list{display:flex;flex-direction:column;padding:10px;background-color:#f5f5f5;width:30%}.chats-list__header{display:flex;flex-direction:column;border-bottom:1px solid #dddddd;font-size:14px;color:#797979}.chats-list__header__profile{cursor:pointer;display:flex;justify-content:end;align-items:center;margin-bottom:15px}.chats-list__header__search{display:flex;justify-content:center;align-items:center;width:100%;height:30px;background-color:#e2e2e2;margin-bottom:10px;border-radius:3px}.chats-list__list{display:flex;flex-direction:column;gap:15px;margin-top:10px}.chat{width:70%;height:100vh;display:flex;flex-direction:column}.chat__header{display:flex;align-items:center;width:100%;height:5%;border-bottom:1px solid #dddddd}.chat__header-name{margin-left:15px}.chat__body{height:90%}.chat__footer{height:5%;border-top:1px solid #dddddd;display:flex;align-items:center;margin-bottom:30px}.chat__footer-text{width:90%;height:80%;width:100%;font-size:14px;height:30px;color:#000;border:none;outline:none;resize:none;margin-left:15px}.chat__footer-send{text-decoration:none;color:#fff;padding:5px;background-color:#507ff5;border:none;border-radius:5px;cursor:pointer;margin-right:15px}.chat__footer-send:hover{background-color:#769dff}.message{font-size:12px;max-width:50%;padding:10px;margin:10px}.message--left{background-color:#f0f0f0;border-radius:0 10px 10px}.message--right{margin-left:auto;background-color:#f0f0f0;border-radius:10px 0 10px 10px}