.navds-form-field {
  display: grid;
  justify-items: start;
  gap: var(--ax-spacing-2);
}

.navds-form-field__description {
  margin-top: -0.375rem;
  color: var(--ax-text-subtle);
}

.navds-form-field--disabled {
  opacity: var(--ax-opacity-disabled);
  cursor: not-allowed;
}

.navds-form-field__error:empty {
  display: none;
}

.navds-form-field__subdescription {
  color: var(--ax-text-subtle);
}

.navds-form-field--readonly > :where(.navds-form-field__label) {
  display: inline-flex;
}

.navds-form-field__readonly-icon {
  margin-top: var(--ax-spacing-05);
  margin-right: var(--ax-spacing-1);
  flex-shrink: 0;
  align-self: flex-start;
}

@media (forced-colors: active) {
  .navds-form-field--disabled {
    opacity: 1;
  }
}
