.chats-page{display:flex;height:100vh;overflow:hidden}.chats-page main{display:flex}.chats-page__main-content{display:flex;flex:1;min-width:0}.chats-page__sidebar{width:310px;padding:10px;background-color:#fbfbfb;border-right:1px solid rgb(239,239,239);flex-shrink:0;overflow-y:auto}.chats-page__header{display:flex;flex-direction:column;margin:14px 0}.chats-page__profile-link{color:#999;text-decoration:none;font-size:12px;font-weight:500;line-height:12px;align-self:flex-end}.chats-page__profile-link-arrow{margin-left:4px}.chats-page__search-box{width:100%;margin-top:14px}.create-chat-form{display:flex;flex-direction:column;gap:32px;flex:1}.create-chat-submit-button{background-color:#3369f3;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:500;line-height:13px;cursor:pointer;transition:opacity .2s ease}.create-chat-submit-button:hover{opacity:.9}.create-chat-submit-button:active{opacity:.8}.create-chat-submit-button{width:100%;padding:12px 24px;font-family:Inter,sans-serif;box-shadow:0 0 6px #00000024}.chats-page__create-chat-button{background-color:#3369f3;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:500;line-height:13px;cursor:pointer;transition:opacity .2s ease}.chats-page__create-chat-button:hover{opacity:.9}.chats-page__create-chat-button:active{opacity:.8}.chats-page__create-chat-button{width:100%;margin-top:14px;padding:12px}.chats-page__search-form{width:100%}.chats-page__search-wrapper{display:flex;justify-content:center;align-items:center;width:100%;position:relative}.chats-page__search-wrapper:has(.chats-page__search-input:not(:placeholder-shown)) .chats-page__search-icon{display:none}.chats-page__search-icon{position:absolute;width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.33333 12.6667C10.2789 12.6667 12.6667 10.2789 12.6667 7.33333C12.6667 4.38781 10.2789 2 7.33333 2C4.38781 2 2 4.38781 2 7.33333C2 10.2789 4.38781 12.6667 7.33333 12.6667Z' stroke='%23999999' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 14L11.1 11.1' stroke='%23999999' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;pointer-events:none;left:50%;transform:translate(calc(-50% - 35px))}.chats-page__search-input{width:100%;padding:10px;background-color:#efefef;border:none;border-radius:5px;font-size:12px;font-weight:500;line-height:12px;outline:none;color:#1e1e1e;text-align:center}.chats-page__search-input::placeholder{color:#999}.chats-page__search-input:focus{background-color:#efefefcc}.chats-page__search-input:not(:placeholder-shown){text-align:left;padding-left:40px}.chats-page__chat-list ul{list-style:none;padding:0;margin:0}.chats-page__chat{display:flex;flex-direction:column;flex:1;min-width:0;padding:10px 20px}.input-field__input{font-weight:500;font-size:13px;line-height:13px;letter-spacing:0;outline:none;background:transparent;color:#1e1e1e;border:none;border-bottom:1px solid transparent}.input-field__input::placeholder{color:#999}.input-field__input--error{color:#ff2f2f}.input-field__input--readonly{border-bottom:1px solid transparent;cursor:default}.input-field__error{color:#ff2f2f;font-size:8px;font-weight:400;line-height:8px;margin-top:7px}.error-alert{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10000}.error-alert__content{background-color:#fff;border-radius:12px;padding:40px 30px;width:340px;box-shadow:0 0 6px #00000024;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.error-alert__title{font-family:Inter,sans-serif;font-weight:500;font-size:15px;line-height:20px;letter-spacing:0;text-align:center;margin:0 0 20px;color:#ff2f2f}.error-alert__message{font-family:Inter,sans-serif;font-weight:400;font-size:13px;line-height:16px;letter-spacing:0;text-align:center;margin:0 0 24px;color:#1e1e1e;overflow-wrap:break-word;max-width:100%}.error-alert__button{background-color:#3369f3;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:500;line-height:13px;cursor:pointer;transition:opacity .2s ease}.error-alert__button:hover{opacity:.9}.error-alert__button:active{opacity:.8}.error-alert__button{width:100%;padding:12px 24px;font-family:Inter,sans-serif;box-shadow:0 0 6px #00000024}.error-alert__overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;z-index:9999}dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);border:none;padding:0;background:transparent;width:340px;height:257px}dialog::backdrop{background-color:#0006}dialog:not([open]){display:none}.modal__content{position:relative;background-color:#fff;border-radius:12px;padding:40px 30px;width:100%;height:100%;box-shadow:0 0 6px #00000024;box-sizing:border-box;display:flex;flex-direction:column}.modal__title{font-family:Inter,sans-serif;font-weight:500;font-size:15px;line-height:20px;letter-spacing:0;text-align:center;margin:0 0 24px;color:#1e1e1e}.chat-list-item{display:flex;align-items:center;padding:12px 10px;cursor:pointer;border-bottom:1px solid rgb(239,239,239);margin:-1px -10px 0}.chat-list-item:first-child{border-top:1px solid rgb(239,239,239)}.chat-list-item:hover{background-color:#efefef80}.chat-list-item:last-child{border-bottom:none}.chat-list-item--selected{background-color:#3369f31a;padding:12px 10px}.chat-list-item__avatar{width:47px;height:47px;border-radius:50%;background-color:#efefef;flex-shrink:0;margin-right:10px}.chat-list-item__info{flex:1;min-width:0}.chat-list-item__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.chat-list-item__title{display:inline-block;font-family:Inter,sans-serif;font-size:13px;font-weight:600;line-height:13px;letter-spacing:0;color:#1e1e1e}.chat-list-item__time{font-size:9px;font-weight:500;line-height:9px;color:#999;flex-shrink:0;margin-left:10px}.chat-list-item__preview{display:flex;justify-content:space-between;align-items:center}.chat-list-item__message{font-size:12px;font-weight:500;line-height:12px;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.chat-list-item__from-me{font-weight:500;font-size:12px;line-height:15px;letter-spacing:0;color:#1e1e1e}.chat-list-item__badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background-color:#3369f3;color:#fff;border-radius:50%;font-size:11px;font-weight:500;line-height:11px;flex-shrink:0;margin-left:10px}.chat__header{display:flex;align-items:center;flex-shrink:0;height:54px;border-bottom:1px solid rgb(239,239,239);padding:10px 0}.chat__avatar{width:34px;height:34px;border-radius:50%;background-color:#efefef;flex-shrink:0;margin-right:10px}.chat__info{flex:1;min-width:0}.chat__name{font-size:13px;font-weight:600;line-height:13px;color:#1e1e1e}.chat__menu-wrapper{position:relative;flex-shrink:0;margin-left:10px}.chat__context-menu-button{display:flex;justify-content:center;align-items:center;width:25px;height:25px;border:none;background:none;cursor:pointer;padding:0}.chat__menu-button-icon{width:3px;height:15px;background-image:url("data:image/svg+xml,%3Csvg width='3' height='15' viewBox='0 0 3 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='1.5' cy='2.5' r='1.5' fill='%231E1E1E'/%3E%3Ccircle cx='1.5' cy='7.5' r='1.5' fill='%231E1E1E'/%3E%3Ccircle cx='1.5' cy='12.5' r='1.5' fill='%231E1E1E'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.chat__messages{display:flex;flex-direction:column-reverse;flex:1;min-height:0;overflow-y:auto;padding:10px 0}.chat__message-date{text-align:center;font-size:12px;font-weight:500;line-height:12px;color:#999;margin:30px 0 10px}.chat__message{display:flex;width:100%;margin-top:10px}.chat__message--from-me{justify-content:flex-end}.chat__message-content{max-width:40%;padding:11px;background-color:#efefef;border-radius:12px;display:flex;flex-direction:column;gap:4px}.chat__message--from-me .chat__message-content{background-color:#e4edfd}.chat__message-text{font-size:12px;font-weight:500;line-height:15px;color:#1e1e1e;margin:0;overflow-wrap:break-word}.chat__message--from-me .chat__message-text{color:#1e1e1e}.chat__message-footer{display:flex;align-items:center;gap:4px;align-self:flex-end}.chat__message-time{font-size:9px;font-weight:500;line-height:9px;color:#999}.chat__message--from-me .chat__message-time{color:#3369f3}.chat__message-status{width:10px;height:5px;flex-shrink:0}.chat__message-status--read{background-image:url("data:image/svg+xml,%3Csvg width='10' height='5' viewBox='0 0 10 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 2.5L2 4.5L5 1.5M5 1.5L7.5 4L10 1.5' stroke='%233369F3' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.chat__message-status--unread{background-image:url("data:image/svg+xml,%3Csvg width='10' height='5' viewBox='0 0 10 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 2.5L2 4.5L5 1.5' stroke='%233369F3' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.chat__message-block{flex-shrink:0;height:54px;border-top:1px solid rgb(239,239,239);padding:10px 0}.chat__message-form{display:flex;align-items:center;height:100%;gap:10px}.chat__message-field{flex:1}.chat__input{width:100%;height:32px;padding:10px 20px;background-color:#efefef;border:none;border-radius:30px;font-size:12px;font-weight:500;line-height:12px;outline:none;color:#1e1e1e}.chat__input::placeholder{color:#999}.chat__message-attach{display:flex;justify-content:center;align-items:center;width:32px;height:32px;border:none;background:none;cursor:pointer;padding:0;flex-shrink:0}.chat__message-attach-icon{width:100%;height:100%;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAACj0lEQVR4nO2ZS4hOYRjHfxNlzIdk4VIWGlOiJMpWKErJgizYyGXGrUQ+98vKLexZKDtlbcxESVlIbJDIxghFFhJy/2b01H/qaTrnO9855jvn/er869TpeW/Pr/c97/O+z4FSpUqVKpVd04DTwGPgmx57PwNMp0W0HvgKDMU8BrWRwLUTGJTD/cByoKJnKXBDZYMhwEwGZkTYdziIE3XaH3czE9VPLuoC3gCfgXExEIca6KdXdc9SEMRbOXALaJN9e0oItOSs/lNy1ixgQIPfAybIvg2oyX4sRX8T1eY7Bc3EHaAjYiYOpuxzkvtOCoXo+Q8I00q1fUIgEAcy9NsG3Fb7U7QoBNqarf0XYCoFQHQ7iGrGvg+7gLiOwCHmAZeBzjoQFndyh/BbbBLEfOCj6lq73CHi4sQWB3EkoY+5wHvV7XORv+ogdpcQCSohYiDaIyB2UTCEfaCNQtjdo4QYTYjNrQTRFRMn/EzsSxEnet2H7eOEHWNyh1jtIPamgLhZBMTsGAhz5J3sR0cBwo4xTU0UvIyAMK2Q/RkwpkGIvgiIWrMhTNc02MMREGhwK7tC4BALNJBdJ2dGlK+VM3cbhGiPgPAHw6bpggY8H1M+RZf/oYi7wSIH0V8kBMq12qCLSU6W1bQM92up/Q4FwvRJA1u6st79+RzwNyJHezUECNMPbYtjSdYcOXtJd+qFrsxDbKUADcgBO5ZkVeEQputyoqeVIUwb5MjzhIAXNARy/kWGRFg1r0RBGi0D/sipky6DHgd+0c2EnYqDUrfbXh8Aa4Dxrryi32XDccdiyCYC1Srgg4sRP4FXwGvgl7PbT5wlBK6K8rWPXNZweBndB/a4ANgy6tBlq3PEMitVqhRh6x/D11RRDsn9egAAAABJRU5ErkJggg==);background-repeat:no-repeat;background-position:center;background-size:contain}.chat__message-send{display:flex;justify-content:center;align-items:center;width:28px;height:28px;border:none;background-color:#3369f3;border-radius:50%;cursor:pointer;padding:0;flex-shrink:0}.chat__message-send-icon{width:10px;height:10px;background-image:url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5H9M9 5L6 2M9 5L6 8' stroke='white' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.add-user-form,.delete-user-form{display:flex;flex-direction:column;gap:32px;flex:1}.add-user-submit-button,.delete-user-submit-button{background-color:#3369f3;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:500;line-height:13px;cursor:pointer;transition:opacity .2s ease}.add-user-submit-button:hover,.delete-user-submit-button:hover{opacity:.9}.add-user-submit-button:active,.delete-user-submit-button:active{opacity:.8}.add-user-submit-button,.delete-user-submit-button{width:100%;padding:12px 24px;font-family:Inter,sans-serif;box-shadow:0 0 6px #00000024}.chat__context-menu{position:absolute;top:calc(100% + 8px);right:0;width:210px;height:90px;background-color:#fff;border-radius:12px;box-shadow:0 0 6px #00000024;padding:0;z-index:1000;display:flex;flex-direction:column}.chat__context-menu-item{display:flex;align-items:center;width:100%;padding:12px 16px;border:none;background:none;cursor:pointer;font-family:Inter,sans-serif;font-size:12px;font-weight:500;line-height:14px;letter-spacing:0;color:#1e1e1e;text-align:left;transition:background-color .2s ease}.chat__context-menu-item:hover{background-color:#efefef80}.chat__context-menu-item:first-child{border-radius:12px 12px 0 0;padding-top:12px}.chat__context-menu-item:last-child{border-radius:0 0 12px 12px;padding-bottom:12px}.chat__context-menu-icon{width:22px;height:22px;border-radius:50%;background-color:#3369f3;margin-right:12px;background-repeat:no-repeat;background-position:center}.chat__context-menu-icon--add{background-image:url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 2V8M2 5H8' stroke='white' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E")}.chat__context-menu-icon--delete{background-image:url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 2L8 8M8 2L2 8' stroke='white' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E")}.error{display:flex;flex-direction:column;align-items:center;width:100%}.error__code{font-family:Inter,sans-serif;font-weight:500;font-size:40px;line-height:40px;letter-spacing:0;text-align:center;color:#1e1e1e;margin:0}.error__message{font-family:Inter,sans-serif;font-size:16px;font-weight:500;line-height:16px;letter-spacing:0;color:#1e1e1e;margin-top:20px;text-align:center}.error-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#fff}.error-page__content{display:flex;flex-direction:column;align-items:center;width:100%}.error-page__link{display:inline-block;margin-top:70px;color:#3369f3;text-decoration:none;font-size:11px;font-weight:500;line-height:11px;text-align:center}.error-page__link:hover{opacity:.8}.login-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#fff}.login-page .login-form-container{width:340px;border-radius:12px;box-shadow:0 0 6px #00000024;padding:50px 30px 30px;height:450px;display:flex;flex-direction:column}.login-form{display:flex;flex-direction:column;height:100%}.login-form__title{margin-bottom:40px;text-align:center;font-weight:500;font-size:20px;line-height:20px;letter-spacing:0;color:#1e1e1e}.login-form__button{width:100%;margin-top:auto;padding:12px;background:#3369f3;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:500;line-height:13px;cursor:pointer}.login-form__link{display:block;margin-top:14px;color:#3369f3;text-decoration:none;font-size:11px;font-weight:500;line-height:11px;text-align:center}.login-form .input-field,.signup-form .input-field,.create-chat-form .input-field,.add-user-form .input-field,.delete-user-form .input-field{margin-bottom:16px}.login-form .input-field__label,.signup-form .input-field__label,.create-chat-form .input-field__label,.add-user-form .input-field__label,.delete-user-form .input-field__label{display:block;font-size:9px;color:#999;font-weight:500;line-height:9px;letter-spacing:0}.login-form .input-field__input,.signup-form .input-field__input,.create-chat-form .input-field__input,.add-user-form .input-field__input,.delete-user-form .input-field__input{width:100%;border:none;border-bottom:1px solid rgb(51,105,243);padding:5px 0}.signup-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#fff}.signup-page .signup-form-container{width:340px;border-radius:12px;box-shadow:0 0 6px #00000024;padding:50px 30px 30px;height:615px;display:flex;flex-direction:column}.signup-form{display:flex;flex-direction:column;height:100%}.signup-form__title{margin-bottom:40px;text-align:center;font-weight:500;font-size:20px;line-height:20px;letter-spacing:0;color:#1e1e1e}.signup-form__button{width:100%;margin-top:auto;padding:12px;background:#3369f3;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:500;line-height:13px;cursor:pointer}.signup-form__link{display:block;margin-top:14px;color:#3369f3;text-decoration:none;font-size:11px;font-weight:500;line-height:11px;text-align:center}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif}.profile-page{display:flex;height:100vh;overflow:hidden}.profile-page__sidebar{display:flex;justify-content:center;align-items:center;width:64px;background-color:#fbfbfb;border-right:1px solid rgb(239,239,239);flex-shrink:0}.profile-page main{display:flex;flex:1;min-width:0}.profile-page__back-button{display:flex;justify-content:center;align-items:center;width:28px;height:28px;background:#3369f3;border-radius:50%;cursor:pointer;padding:0;text-decoration:none}.profile-page__back-icon{width:13px;height:13px;background-image:url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.5 1L1 6.5L6.5 12M1 6.5H12' stroke='%23FFFFFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.profile-page__content{display:flex;flex-direction:column;align-items:center;flex:1;min-width:0;padding:60px 20px;overflow-y:auto}.profile-page__content>*{width:100%;max-width:510px}.profile-page__header{display:flex;flex-direction:column;align-items:center;margin-bottom:60px}.profile-page__avatar{display:flex;justify-content:center;align-items:center;width:130px;height:130px;border-radius:50%;background-color:#efefef;background-image:var(--avatar-url, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAADpUlEQVR4nO2bSYxNQRSGvyY0jSARJEQMzYKFBBEiYmfT5g0LEiGIWXdrNsIzxDyu5JGWiLAzhdZtCLoTGytb0axMC2nCwtSGnOTczlFuP/2eN9xX7/7Jybupd6ruPX/VqTqn6l6IESNGjBgxLPoA84EaYLsnUg3MAypIgTKgDvgA/PJU3gO1ausf6AZcisAD5ksuuiTUOQqtQBI46Ikk1SZro7h4h8/bYX8WKMc/iE31jjtUoJNDUPjMU+MDiG3Pjb1zpHCrKTiN/0i6bpAwBXLtO/6yNxETQMYEDAGW6FCq0evBlAABE4EG4EfIGitlN1XHSwJWA9+6EGx8BzbjGQFrHSO/Ao3AUZUmLbM6a/CEgIlOzz8ARobojQIeOiRNwAMCbhg9MbBnCl35r9noX6bICRgEtJselV7+F8aYESPzwQCKmIBFRudWGjdrMvUk5C5aAjYbnf1p3OyQqbeeIiZgk9E5kCEBG/HEBRrTuNltU28hHk2Co7two0ozCbZrG0W9DDakuQy2GH2pS7ETMEmXs0C3WXvZRaVj/Het60UoXO2EuTLE7wDHgOPA3ZA8Qep4lQxtM/NBKmnXzdZco3+a23hZSYenO6GuKzJHTCM7EJdaDOwALgCPdO/yXSfp+BfgJfBER+R5rbtYXfFINggIICHxSq0nsqKTBCkdSMi8XM8pXnVhpP2PJKKyJdZNY41r2oPpGvIR+JxBvV2FJkB8dxXwNMVDvtX8Yx+wFJgFjAX6hbQnpz0DgWHAZM0/NujhyHXgBfBT25Xf2YUkYL6zR2+Xzft6hjcuB/ftC0wFxgcF+SZghPaoa/hrYLf2Xl6RyCMBVTp7W8Pf6FZbDwqERB4IEN/cY/wvGOr7dEgWFIkcEyDGn3J6XXx/BhFBIocEdNezeGv8VT2RphQIOOEYf0pJoRQIWOcYL2txFCCj76RKn1wRMN1JnevD3sspEDa523SJLBPQV5OVoM17ERv2OT8eTzph7FCihZwSMCUs1i4lAlpMW7L8UUoELDDtfCpETF9oAh6bdnYSXeSEgJnO5oTk5CVFwBXTxmGijb/srTUFsoSli8Fml1h+h1Nk7wnONQWtGbwpakNeOSOIMnrptljwvFXo+7LvnbC1PMOlbxnRNv6cedY2oHfwZ21Ivp7swocIO5y9+b0R+DgiTM44PS+yxbJTFpK3+ywXwpKzMp0UrDv4Jm3a8ykz0wqdGKsj8KFDtqRaX43v8PkYMWLEiAH8BsVBfWRewRp1AAAAAElFTkSuQmCC));background-size:70%;background-position:center;background-repeat:no-repeat;margin-bottom:20px;border:none;cursor:pointer;padding:0;position:relative}.profile-page__avatar:hover{background-color:#00000080;background-blend-mode:overlay}.profile-page__avatar:hover .profile-page__avatar-text{display:block}.profile-page__avatar-text{display:none;color:#fff;font-size:13px;font-weight:500;line-height:14px;text-align:center}.profile-page__name{font-size:16px;font-weight:600;line-height:16px;color:#1e1e1e}.profile-form__item:last-child{margin-bottom:0}.profile-form__item.input-field{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:10px}.profile-form__item .input-field__label{display:block;flex-shrink:0;margin-right:20px;font-weight:500;font-size:13px;line-height:13px;letter-spacing:0;order:1}.profile-form__item .input-field__input{flex:1;text-align:right;color:#999;order:2;min-width:0}.profile-form__item .input-field__error{width:100%;margin-top:7px;margin-left:0;text-align:left;font-size:8px;font-weight:400;line-height:8px;color:#ff2f2f;order:3}.profile-form__item:not(:last-of-type).input-field{border-bottom:1px solid rgb(239,239,239);padding-bottom:10px}.profile-form__button{width:280px;margin:40px auto 0;padding:12px 0;background:#3369f3;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:500;line-height:13px;cursor:pointer;transition:opacity .2s ease;display:block}.profile-form__button:hover{opacity:.9}.profile-form__button:active{opacity:.8}.profile-page__actions{display:flex;flex-direction:column;align-items:center;margin-top:60px;width:100%}.profile-page__action-button{width:100%;padding:15px 0;background:none;border:none;font-size:13px;font-weight:500;line-height:13px;color:#3369f3;cursor:pointer;text-align:left}.profile-page__action-button--danger{color:#ff2f2f}.profile-page__action-button:not(:last-child){border-bottom:1px solid rgb(239,239,239)}.profile-page__change-avatar-form{display:flex;flex-direction:column;gap:16px;flex:1}.profile-page__file-input-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;margin-bottom:0;border:none;padding:0}.profile-page__file-input-wrapper .input-field__label{display:none}.profile-page__file-input{position:absolute;width:.1px;height:.1px;opacity:0;overflow:hidden;z-index:-1}.profile-page__file-trigger{display:block;text-align:center;color:#3369f3;font-size:12px;font-weight:500;line-height:16px;text-decoration:underline;cursor:pointer;margin:0 auto;background:none;border:none;padding:0;font-family:inherit}.profile-page__file-trigger:hover{opacity:.8}.profile-page__file-trigger:active{opacity:.6}.profile-page__change-avatar-submit-button{background-color:#3369f3;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:500;line-height:13px;cursor:pointer;transition:opacity .2s ease}.profile-page__change-avatar-submit-button:hover{opacity:.9}.profile-page__change-avatar-submit-button:active{opacity:.8}.profile-page__change-avatar-submit-button{width:100%;padding:12px 24px;font-family:Inter,sans-serif;box-shadow:0 0 6px #00000024}