.button__primary{width:280px;height:37px;background-color:#3369f3;border-radius:8px;border:none;color:#fff;font-size:13px;cursor:pointer}.auth__button{margin-top:170px}.reg__button{margin-top:62px}.userChangePassword__button,.userChangeData__button{margin:60px auto auto}h1{font-weight:500}.page404__header,.page500__header{margin:0;font-size:40px}.userSettings__header{margin:24px auto auto;font-size:20px}.chats__header{margin-top:50%}input{width:280px;box-sizing:border-box;height:30px;border:none;border-bottom:2px solid #3369F3;padding:0}input::placeholder{color:#999;font-size:13px;opacity:1}input:focus{outline:none}input:focus::placeholder{opacity:0}.userChangeData__input{border:none;text-align:end}.chats__searchInput{text-align:center;border:none;background-color:#efefef;border-radius:5px}.chats__searchInput:focus+.chats__search--icon,.chats__searchInput:focus~.chats__search--icon{opacity:0}.chats__message--inputMessage{border:none;height:32px;width:849px;background-color:#efefef;border-radius:30px;padding:0 20px}label{font-size:9px;visibility:hidden;color:#999}.userSettings__label{font-size:13px;font-weight:500;color:#1e1e1e}a{color:#3369f3;font-size:13px;text-decoration:none}.page404__link,.page500__link{font-size:11px;margin-top:70px}.auth__link{margin-top:14px}.reg__link{margin-top:14px;margin-bottom:30px}.userSettings__link--red{color:red}.userSettings__actionLinks{display:flex;flex-direction:column;gap:10px}.userSettings__actionLinks--bottom{border-bottom:1px solid #EAEAEA}.chats__profileLink{color:#999}h2{font-weight:500}.page404__header2,.page500__header2{margin:0;font-size:20px}.dialog__dialogName{font-size:13px;color:#1e1e1e;margin:0}.avatarButton{border:none;padding:0;background:none;border-radius:50%;overflow:hidden;cursor:pointer;width:130px;height:130px;margin:auto;position:relative}.avatarButton__img{display:block;width:130px;height:130px;object-fit:cover}.avatarButton__img--change{position:absolute;top:0;left:0;display:none;opacity:.9}.avatarButton:hover .avatarButton__img--change{display:block}.avatarIcon{width:47px;height:47px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center}.avatarIcon__img{height:100%;object-fit:cover;width:auto}.chats__messages--avatarIcon{height:34px;width:34px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center}.dialog__lastMessageTime{font-size:9px;color:#999;display:block}.dialog__textMessage{font-size:12px;color:#999;line-height:.8}.chats__messages--userName{margin-left:10px;font-size:13px;color:#1e1e1e}.userSettings__rows{display:flex;flex-direction:column;margin-top:60px;margin-bottom:60px}.userSettings__row{display:flex;justify-content:space-between}.userSettings__row--bottom{border-bottom:1px solid #EAEAEA}.userSettings__data{font-size:13px;font-weight:500;color:#999}.userChangeData__rows{margin-top:97px}.userChangeData__input{font-weight:500}.userChangePassword__rows{margin-top:97px}.dialog{padding-top:12px;padding-bottom:12px;border-bottom:1px solid #EAEAEA;height:70px;display:flex}.dialog__block{display:flex;align-items:center;gap:10px}.dialog__block--header{display:flex;flex-direction:row;justify-content:space-between}.dialog__block--textMessage{width:193px}.dialog__message{display:flex;flex-direction:row;align-items:center}.dialog__newMessageCount{height:20px;width:20px;background-color:#3369f3;border-radius:50%;padding:2px;box-sizing:border-box}.dialog__newMessageCount--text{font-size:12px;color:#fff;text-align:center;display:block}.chats__messages--buttonMenu{height:25px;width:25px;border-radius:50%;border:none;background-color:#f5f5f5;cursor:pointer;padding:0}.chats__messages--attachmentButton,.chats__messages--sendButton{width:32px;height:32px;border:none;border-radius:50%;cursor:pointer;padding:0}.chats__messages--attachmentButton img,.chats__messages--sendButton img{height:100%;width:100%}.chats__messages-messageText{font-size:12px;color:#1e1e1e}.chats__messages-messageTime{font-size:9px;color:#999;margin-left:auto;position:absolute;right:11px;bottom:11px}.chats__messages-message{width:402px;background-color:#f8f8f8;padding:11px 35px 11px 11px;position:relative}.chats__messages-message--outMessage{border-radius:0 16px 16px}.chats__messages-message--inMessage{margin-left:auto;border-radius:16px 16px 0;background-color:#e4edfd}.navigate{position:absolute;left:0}.navigate ul{display:flex;flex-direction:column;list-style:none;gap:20px}.auth__fromBlock,.reg__fromBlock{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.userSettings__fromBlock,.userChangeDataFromBlock,.userChangePasswordFromBlock{width:510px;display:flex;flex-direction:column;padding-top:60px}.chats__fromBlock{display:flex;justify-content:flex-start;align-items:center;height:100%;width:100%}.chats__chats{width:310px;height:100%;border-right:2px solid #EAEAEA;background-color:#fbfbfb;padding:20px 10px 0}.chats__messages{width:100%;height:100%;padding:10px 20px 0;display:flex;flex-direction:column}.chats__messages--header{display:flex;justify-content:space-between;height:52px;border-bottom:1px solid #EAEAEA}.chats__messages--headerMenu{display:flex;align-items:center}.chats__messages--user{display:flex;flex-direction:row;align-items:center}.chats__messages--chat{height:100%;border-bottom:1px solid #EAEAEA;padding-top:30px;padding-bottom:30px;display:flex;flex-direction:column-reverse;gap:10px}.chats__messages--actions{height:54px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.chats__messages-date{display:block;margin:20px auto;font-size:12px;color:#999}.chats__profile{display:flex;flex-direction:row-reverse;margin-bottom:20px}.chats__search{position:relative;display:flex;align-items:center;justify-content:center;padding-bottom:12px;border-bottom:1px solid #EAEAEA}.chats__search--icon{position:absolute;margin-right:60px}.chats__search:focus-within .chats__search--icon{opacity:0}.chats__dilogs{display:flex;flex-direction:column}.auth__template{width:340px;height:460px}.reg__template{min-height:615px;width:340px}.chats__template{height:100%;width:100%}.page404,.page500{flex-direction:column;align-items:center;justify-content:center}.page__auth,.page__reg{align-items:center;justify-content:center}.page__userChangeData,.page__userChangePassword,.page__userSettings{justify-content:center}body{display:flex;justify-content:center;align-items:center;height:100vh;margin:0;font-family:Inter,sans-serif;font-weight:400;font-size:18px}#app{display:flex;width:1280px;flex-direction:column;align-items:center;height:100vh;margin:0}.page{display:flex;height:100vh;width:100%}.form-inputs{display:flex;flex-direction:column;gap:4px}.form-inputGroup{display:flex;flex-direction:column;margin-top:5px}.form-inputGroup:focus-within label{visibility:visible}.container--shadow{border-radius:12px;box-shadow:0 0 6px #0000001a}.form-header{margin:41px 0 25px;font-size:20px}.form-subitGroup{display:flex;flex-direction:column;align-items:center;gap:13px}.errorBottom{border-bottom:2px solid red}.input-error{display:none;color:red;font-size:8px;margin-bottom:8px;align-items:left;width:280px;margin-left:auto}.userChangeData__input.errorBottom{border-color:red}