.form-group {
  margin-bottom: 15px !important;
}

.ua-dataset-register-btn {
  padding: 8px 18px;
  width: 100%;
  margin-top: 30px;
  border: none;
  border-radius: var(--border-radius-button, 999px);
  background: var(--button-primary-primary, #0350A5);
  color: var(--text-ondark, #FFF);
  font-family: Daikon;
  font-size: 16px;
  font-weight: 400;
}

.ua-dataset-register-btn:hover {
  border-radius: var(--border-radius-button, 999px);
  background: var(--button-primary-hover, #2065F2);
}

#ua-dataset-user-register-form input {
  padding: 9px 14px;
  border-radius: 8px;
  border: 1px solid var(--input-border-def, #CBD5E1);
  color: var(--text-primary, #000);
  font-family: Daikon;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  box-shadow: none;
}

#ua-dataset-user-register-form input:hover {
  border: 1px solid var(--core-colors-primary-accent-500, #2065F2);
}

#ua-dataset-user-register-form input::placeholder {
  color: var(--input-placeholder, #758DA6);
}

#ua-dataset-user-register-form input:focus {
  border-radius: 8px;
  border: 1.2px solid var(--button-primary-primary, #0350A5);
}

#ua-dataset-user-register-form .form-label {
  color: var(--text-secondary, #475569);
  font-family: Daikon;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}

.ua-dataset-error-block {
  display: flex;
  padding: 4px 8px;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
  border-radius: 6px;
  background: var(--core-colors-info-danger-bg, rgba(221, 54, 54, 0.10));
}

.ua-dataset-error-text {
  color: var(--core-colors-info-danger, #dd3636);
  font-family: Daikon;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: 0.07px;
}

.ua-dataset-validation-password-list {
  display: none;
  list-style: none;
  padding: 4px 8px;
  margin-top: 4px;
  border-radius: 6px;
  background: var(--core-colors-info-info-bg, rgba(0, 105, 255, 0.10));
}

.ua-dataset-validation-password-success {
  display: none;
}

.ua-dataset-validation-password-item {
  position: relative;
  color: var(--text-primary, #000);
  font-family: Daikon;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: 0.07px;
}

.ua-dataset-validation-password-item.valid::before {
  content: url("/ua_portal_design/images/check.svg");
  margin-right: 8px;
}

.ua-dataset-validation-password-item.invalid::before {
  content: url("/ua_portal_design/images/circle-small.svg");
  margin-right: 8px;
}

.ua-dataset-control-wrapper {
  position: relative;
}

.ua-dataset-toggle-password {
  position: absolute;
  right: 12px;
  top: 53%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: transparent;
  padding: 0;
  cursor: pointer;
}

.ua-dataset-validation-password-success {
  display: none;
  margin-top: 4px;
  padding: 4px 8px;
  align-items: center;
  gap: 8px;
  border-radius: 6px;
  background: var(--core-colors-info-success-bg, rgba(39, 174, 96, 0.10));
}

.ua-dataset-validation-password-success span {
  color: var(--text-primary, #000);
  font-family: Daikon;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: 0.07px;
}

.ua-dataset-register-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}

.ua-dataset-register-back-btn {
  background: transparent;
  border: none;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0;
  color: var(--button-primary-primary, #0350A5);
  font-family: Daikon;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.ua-dataset-register-step {
  margin-left: auto;
  color: var(--text-primary, #000);
  font-family: Daikon;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}