.ronsoo-custom-name-field {
  clear: both;
  margin: 1rem 0;
}

.ronsoo-custom-name-field[hidden] {
  display: none !important;
}

.ronsoo-custom-name-field label,
.ronsoo-custom-name-field input,
.ronsoo-custom-name-help,
.ronsoo-custom-name-error {
  display: block;
}

.ronsoo-custom-name-field label {
  margin-bottom: 0.4rem;
  font-weight: 700;
}

.ronsoo-custom-name-field input {
  box-sizing: border-box;
  width: min(100%, 20rem);
  min-height: 2.75rem;
  padding: 0.65rem 0.75rem;
}

.ronsoo-custom-name-help {
  margin-top: 0.35rem;
  font-size: 0.875rem;
}

.ronsoo-custom-name-error {
  margin-top: 0.35rem;
  color: #b32d2e;
  font-size: 0.875rem;
  font-weight: 600;
}