.user-data-taglib .user-logo .avatar {
  border-radius: 50%;
  margin-right: 2rem;
  max-width: 100px !important;
}
.user-data-taglib .user-logo .taglib-logo-selector-content.logoselector-content {
  display: flex;
  align-items: center;
}
.user-data-taglib .user-logo .taglib-logo-selector-content.logoselector-content .portrait-icons .btn-group {
  flex-wrap: nowrap;
}
.user-data-taglib .identity-type {
  background-color: var(--white, #FFFFFF);
  border-radius: 3px;
  padding: 0.5rem 1.125rem;
  margin-bottom: 2rem;
  width: 100%;
}
.user-data-taglib .identity-type .radio {
  display: none;
}
.user-data-taglib .identity-type .radio:checked + label {
  color: var(--black, #1F1F1F);
  text-decoration: underline;
}
.user-data-taglib .identity-type .radio:disabled + label {
  color: var(--grey, #EDEDED);
  cursor: not-allowed;
}
.user-data-taglib .identity-type label {
  color: var(--grey11, #a7a9bc);
}
.user-data-taglib .identity-type:has(.has-error) {
  border: 1px solid var(--error-color, #da1414);
}
.user-data-taglib .identity-type:has(.has-error) .form-feedback-item {
  position: absolute !important;
  top: 3rem !important;
  left: -1rem !important;
}
.user-data-taglib .form-group.identity.has-error {
  border: none;
}

.phone-wrapper .inputs-wrapper {
  display: flex;
}
.phone-wrapper .inputs-wrapper .dialcode-input-wrapper {
  min-width: 10ch;
}
.phone-wrapper .inputs-wrapper .phone-input-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-grow: 1;
}
.phone-wrapper .inputs-wrapper .phone-input-wrapper input {
  width: 100%;
}

.phone-verified-info {
  text-align: center;
  color: var(--error-color, #287d3c);
  margin-bottom: 1.5rem;
  font-size: 0.75rem;
  padding: 0 1rem;
}
.phone-verified-info .lexicon-icon {
  font-size: 1.5rem;
}

#dialog-phone-verification .modal-header {
  display: none !important;
}

.phone-verification-wrapper {
  padding: 30px;
}
.phone-verification-wrapper .phone-verification-title {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 2.25rem;
  text-align: center;
  color: var(--black, #1F1F1F);
  margin-bottom: 2rem;
}
.phone-verification-wrapper .phone-verification-description {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.375rem;
  letter-spacing: -0.022em;
  text-align: left;
  color: var(--black, #1F1F1F);
}
.phone-verification-wrapper .verification-code-wrapper {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 2rem;
  margin-bottom: 1rem;
}
.phone-verification-wrapper .verification-code-wrapper .code-input {
  border: 1px solid var(--grey, #EDEDED);
  width: 45px;
  height: 70px;
  text-align: center;
  font-size: 1.5rem;
}
.phone-verification-wrapper .verification-code-wrapper .code-input[type=number]::-webkit-outer-spin-button,
.phone-verification-wrapper .verification-code-wrapper .code-input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.phone-verification-wrapper .verification-code-wrapper .code-input[type=number] {
  -moz-appearance: textfield;
}