.field-card {
  display: block;
  padding: var(--space-3) var(--space-18px);
  border-radius: var(--radius-card);
  background: var(--card);
  box-shadow: var(--shadow-card);
}

.field-card:focus-within {
  box-shadow: var(--shadow-card), var(--ring-focus);
}

.field-card-error,
.field-card-error:focus-within {
  box-shadow: var(--shadow-card), var(--ring-error);
}

.field-card-label {
  display: block;
  font-size: var(--text-label);
  font-weight: var(--weight-bold);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  color: var(--muted);
}

.field-card-input {
  display: block;
  width: 100%;
  margin-top: var(--space-3px);
  border: 0;
  outline: 0;
  background: transparent;
  font-size: var(--text-body);
  line-height: var(--leading-input);
}

.field-card-input::placeholder {
  color: var(--faint);
}