@charset "UTF-8";.button{display:block;border:none;width:280px;height:37px;text-align:center;color:#3369f3;background:none}.filled{border-radius:8px;background:#3369f3;color:#fff}.input-wrapper{position:relative}.input-wrapper .input{border:none;border-bottom:1px solid #3369f3;width:280px}.input-wrapper .input:focus{outline:none}.input-wrapper .input::placeholder{color:transparent}.input-wrapper .placeholder{font-size:13px;position:absolute;top:0;left:0;color:#999;pointer-events:none;transform-origin:left center;transition:transform .25s}.input-wrapper .input:focus+.placeholder,.input-wrapper .input:not(:placeholder-shown)+.placeholder{font-size:12px;transform:translateY(-100%) scale(.75)}.input-wrapper .error-text{position:absolute;font-size:8px;color:#ff2f2f}.input-profile-wrapper{position:relative;width:100%;border-bottom:1px solid #eaeaea}.input-profile-wrapper .input{border:none;width:100%;text-align:right;color:#999;margin-bottom:8px}.input-profile-wrapper .input:focus{outline:none}.input-profile-wrapper .input:disabled{background-color:inherit}.input-profile-wrapper .placeholder{font-size:13px;position:absolute;top:0;left:0;color:#1e1e1e;pointer-events:none}.input-profile-wrapper:last-child{border:none}.input-profile-wrapper .error-text{position:absolute;font-size:8px;color:#ff2f2f;right:0}.button_profile{display:block;border:none;height:37px;text-align:center;color:#3369f3;background:none;padding:0;position:relative}.button_profile:after{content:"";position:absolute;display:block;border-bottom:1px solid #eaeaea;width:510px;overflow:visible;bottom:0}.red{color:red}.title{color:#1e1e1e;font-weight:500;font-size:20px}.blok-profile{box-sizing:border-box;width:510px;min-height:450px;margin-top:15vh;margin-left:auto;margin-right:auto;display:flex;flex-direction:column;align-items:center;justify-content:space-between;row-gap:40px}.blok-profile__head{display:flex;flex-direction:column;align-items:center}.blok-profile__form{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;row-gap:40px}.blok-profile__inputs{display:flex;flex-direction:column;row-gap:15px;width:100%}.blok-profile__buttons{width:100%;display:flex;flex-direction:column;align-items:flex-start}.blok-profile__buttons hr{border:none;background-color:#eaeaea;height:1px;width:100%;margin:0}.back-button{position:absolute;top:0;left:0;width:60px;height:100vh;border:none;border-right:1px solid #eaeaea;background-color:#fbfbfb}.blok-profile__avatar{border-radius:50%;overflow:hidden;height:130px}.blok-profile__avatar:hover{display:block;filter:brightness(50%);position:relative}.blok-profile__avatar:hover:after{content:"Поменять аватар";position:absolute;display:block;top:25%;left:25%;width:64px;height:28px;text-align:center}.blok-profile__img{width:130px;height:130px}.chat{display:flex;width:100vw;height:100vh;justify-content:space-between}.chat-list__search-input{display:flex;align-items:center;justify-content:center;width:95%;position:relative}.chat-list__search-input .search-input{display:block;border-radius:5px;background-color:#efefef;border:none;width:100%;color:#1e1e1e;padding:10px 0 10px 45px}.chat-list__search-input .search-input:focus{outline:none}.chat-list__search-input .search-input:focus::placeholder{color:transparent}.chat-list__search-input .glass{position:absolute;left:10px;width:25px}.wrapper-button-profile{position:relative;width:100%}.wrapper-button-profile .button-profile{position:absolute;right:10px;top:10px;display:block;border:none;text-align:center;color:#999;background:none}.chat-list__head{display:flex;flex-direction:column;justify-content:space-between;align-items:center;min-height:140px}.chat-list__form-add-chat{width:95%;display:flex;column-gap:15px}.form-add-chat_button{width:150px}.chat-list__list{display:flex;flex-direction:column;justify-content:start;align-items:center;height:100%;padding:0 10px}.lsit-item{display:flex;justify-content:flex-start;padding:12px 0;width:100%;box-sizing:border-box;column-gap:10px;position:relative;border-bottom:1px solid #eaeaea}.lsit-item .avatar{width:47px}.lsit-item .user-name{font-size:13px}.lsit-item .message{font-size:12px;color:#999}.lsit-item .time{font-size:9px;color:#999;position:absolute;top:12px;right:10px}.lsit-item .unread-block{position:absolute;right:10px;bottom:12px}.unread-block{border-radius:50%;width:20px;height:20px;font-size:12px;color:#fff;background:#3369f3;display:flex;align-items:center;justify-content:center}.messages{display:flex;flex-direction:column;justify-content:space-between;width:70vw;height:100%;padding:0 20px}.head-messages{width:100%;height:55px;display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #eaeaea;box-sizing:border-box}.head-messages .user-profile{display:flex;column-gap:10px;justify-content:flex-start;align-items:center}.head-messages .avatar{width:34px;height:34px}.head-messages .user-name{font-size:13px;color:#1e1e1e}.head-messages .form-add-del-user_button{width:150px}.head-messages .form-del-add-user{display:flex;column-gap:10px}.head-messages .form-del-user{background:#ff2f2f}.head-messages .form-add-del-user_input{width:300px}.block-input-message{border-top:1px solid #eaeaea;width:100%;padding:11px 0;display:flex;justify-content:space-between;column-gap:10px}.submit-button{border:none;background-color:transparent;display:flex;align-items:center;justify-content:center}.input-message{display:block;border-radius:50px;background-color:#efefef;border:none;width:100%;color:#1e1e1e;padding:10px 0 10px 15px}.input-message:focus{outline:none}.input-message:focus::placeholder{color:transparent}.clip{border:none;background-color:transparent;display:flex;align-items:center;justify-content:center}.message-list{display:flex;overflow:auto}.wrapper-scroll{display:flex;flex-direction:column;overflow-y:scroll;flex:1}.message-block{max-width:400px;padding:11px 11px 25px;margin-bottom:20px;position:relative;min-width:150px;min-height:30px}.time{position:absolute;right:10px;bottom:10px}.message-block-me{align-self:flex-end;background-color:#e4edfd;border-radius:10px 10px 0}.message-block-me .time{font-size:9px;color:#3369f3}.message-block-its{align-self:flex-start;background-color:#f8f8f8;border-radius:0 10px 10px}.message-block-its .time{font-size:9px;color:#999}.blok-edit-profile{box-sizing:border-box;width:510px;min-height:450px;margin-top:15vh;margin-left:auto;margin-right:auto;display:flex;flex-direction:column;align-items:center;justify-content:space-between;row-gap:40px}.blok-edit-profile__form{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;row-gap:40px}.blok-edit-profile__button{margin:auto}.blok-edit-profile__inputs{display:flex;flex-direction:column;row-gap:15px;width:100%}.blok-edit-profile__img{width:130px;height:130px;border-radius:50%}.blok-edit-password{box-sizing:border-box;width:510px;min-height:450px;margin-top:15vh;margin-left:auto;margin-right:auto;display:flex;flex-direction:column;align-items:center;justify-content:space-between;row-gap:40px}.blok-edit-password__form{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;row-gap:40px}.blok-edit-password__button{margin:auto}.blok-edit-password__inputs{display:flex;flex-direction:column;row-gap:15px;width:100%}.blok-edit-password__img{width:130px;height:130px;border-radius:50%}.blok-edit-avatar{box-sizing:border-box;padding:50px 30px 30px;border-radius:12px;box-shadow:0 0 8px 1px #223c5033;width:340px;min-height:250px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:space-between;row-gap:40px}.blok-edit-avatar__title{font-weight:500;font-size:18px;color:#1e1e1e}.blok-edit-avatar__form{display:flex;flex-direction:column;align-items:center;row-gap:60px;justify-content:space-between}.chat-list__add-chat-input{display:flex;align-items:center;justify-content:center;width:95%;position:relative}.chat-list__add-chat-input .add-chat-input{display:block;border-radius:5px;background-color:#efefef;border:none;width:100%;color:#1e1e1e;padding:10px 0 10px 45px}.chat-list__add-chat-input .add-chat-input:focus{outline:none}.chat-list__add-chat-input .add-chat-input:focus::placeholder{color:transparent}.message__add-user-input{display:flex;align-items:center;justify-content:center;width:60%;position:relative}.message__add-user-input .add-user-input{display:block;border-radius:5px;background-color:#efefef;border:none;width:100%;color:#1e1e1e;padding:10px 0 10px 45px}.message__add-user-input .add-user-input:focus{outline:none}.message__add-user-input .add-user-input:focus::placeholder{color:transparent}.error-block{box-sizing:border-box;width:510px;min-height:80px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center}.error-block__title{font-size:40px;margin:0}.error-block__content{font-size:20px;margin-bottom:60px}.blok-auth{box-sizing:border-box;padding:50px 30px 30px;border-radius:12px;box-shadow:0 0 8px 1px #223c5033;width:340px;min-height:450px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:space-between;row-gap:40px}.blok-auth__inputs{display:flex;flex-direction:column;row-gap:26px;margin-bottom:47px}.blok-auth__buttons{display:flex;flex-direction:column;align-items:center;row-gap:14px}.chat-list{display:flex;justify-content:space-between;flex-direction:column;width:30vw;background-color:#fbfbfb;border-right:1px solid #eaeaea}body{margin:0}button{padding:0}p{margin:0}