body{background:#f4f4f4;display:flex;place-items:center;min-width:320px;min-height:100vh}#app{max-width:1920px;margin:0 auto;width:100%;height:100vh;padding:0;display:flex;justify-content:center;align-items:center;text-align:center}svg{width:100%;height:100%}.auth-page{background:#fff;box-shadow:0 0 6px #00000024;border-radius:12px;width:340px;padding:50px 15px 30px}.auth-page__form{margin-top:40px;display:flex;flex-direction:column;justify-content:space-between}.auth-page__title{font-size:20px;font-weight:400}.auth-page__label{text-align:left;font-size:9px;color:#999;margin-top:32px}.auth-page__input,.auth-page__input:focus-visible{border:none;outline:none;border-bottom:1px solid #3369F3}.auth-page__button{background-color:#3369f3;border-radius:8px;color:#fff;height:37px;border:0;margin-top:40px}.auth-page__register-link{color:#3369f3;font-weight:500;font-size:11px;line-height:11px}.messenger-page{display:flex;height:100%;width:100%}.messenger-page__sidebar{width:300px;display:flex;flex-direction:column;border-right:1px solid #ddd;padding:10px;background:#fbfbfb}.messenger-page__chats-list{list-style:none;padding:0;margin:0}.messenger-page__chat-item{padding:.75rem;text-align:start;cursor:pointer}.messenger-page__chat-item:hover{background:#e6e6e6}.messenger-page__chat-content{flex:1;display:flex;width:100%;flex-direction:column}.messenger-page__chat-header{padding:10px;border-bottom:1px solid #ddd;background:#fafafa}.messenger-page__messages{flex:1;display:flex;flex-direction:column;padding:1rem;overflow-y:auto}.messenger-page__message{max-width:60%;margin-bottom:1rem;padding:.5rem 1rem;background:#eee;border-radius:5px;display:flex;flex-direction:column;gap:10px}.messenger-page__message-outgoing{background:#e4edfd;align-self:flex-end;border-radius:8px;padding:11px}.messenger-page__message-incoming{align-self:flex-start;background:#f8f8f8;border-radius:8px;padding:11px}.messenger-page__input-form{display:flex;border-top:1px solid #ddd;padding:1rem;gap:10px}.messenger-page__input{flex:1;padding:.5rem;border:1px solid #ccc;border-radius:3px}.messenger-page__send-button{margin-left:1rem;padding:.5rem 1rem}.sidebar__header{display:flex;flex-direction:column;gap:23px;padding:14px 0}.sidebar__profile-link{font-weight:500;font-size:14px;line-height:12px;text-align:right;color:#999}.sidebar__search-input,.sidebar__search-input:focus-visible{border:none;outline:none;height:32px;background-color:#efefef;border-radius:5px;display:flex;justify-content:center;align-items:center}.chat-item{border-top:1px solid #EAEAEA;padding:.75rem;text-align:start;display:flex;gap:10px;cursor:pointer}.chat-item:hover{background:#e6e6e6}.chat-item__avatar{height:47px;width:47px;border-radius:50%;background-color:#efefef}.message-input-form__wrapper-input{width:100%;height:32px;background-color:#efefef;border-radius:30px;padding:0 20px;display:flex;align-items:center;outline:hidden}.message-input-form__icon{width:32px;height:32px;color:#999}.message-input-form__input{width:100%;border:none;outline:none;background-color:#efefef;height:100%}.profile{display:flex;height:100%;width:100%}.profile__content{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:60px}.profile__sidebar{background-color:#fbfbfb;width:64px;display:flex;align-items:center;justify-content:center;border-right:1px solid #ddd;padding:10px}.profile__sidebar-icon{width:28px;height:28px;border-radius:50%;background-color:#3369f3;display:flex;justify-content:center;align-items:center}.profile-content__label{color:#999}.profile-content__value{color:#333}.profile-content__form{max-width:510px;width:100%;display:flex;flex-direction:column;gap:60px}.profile-content__avatar-title{display:flex;justify-content:center;align-items:center;cursor:pointer;margin:0 auto;width:130px;height:130px!important;border-radius:50%;background-color:#efefef}.profile-content__avatar-title:hover{background-color:#e6e6e6}.profile-content__avatar input{display:none}.profile-content__icon{height:130px;width:130px;border-radius:50%;background-color:#efefef}.profile-content__title{font-size:16px;text-align:center}.profile-content__info{display:flex;flex-direction:column;gap:10px;max-width:510px;width:100%}.profile-content__row{display:flex;justify-content:space-between;border-bottom:1px solid #EAEAEA;padding:10px 0}.profile-content__row:last-child{border-bottom:none}.profile-content__label{color:#333}.profile-content__value{color:#999}.profile-content__actions{display:flex;flex-direction:column;margin-top:20px;gap:10px;width:100%;max-width:510px}.profile-content__link{text-decoration:none}.profile-content__link-edit,.profile-content__link-password{color:#3369f3}.profile-content__link-logout{color:red}body{font-family:Inter,sans-serif;margin:0;max-height:100vh;background:#fff}.form__button{background-color:#3369f3;border-radius:8px;color:#fff;height:37px;border:0;margin-top:40px}.form__input,.form__input:focus-visible{cursor:pointer;border:none;outline:none;text-align:end}.route-link{color:#3369f3;font-weight:500;font-size:11px;line-height:11px}.error-code{font-size:40px;font-weight:500}.error-title{font-size:20px;font-weight:500}