@use "@fox/styles/abstracts" as fox;

.fields {
  display: flex;
  inline-size: 100%;
  flex-direction: column;
}

.field {
  display: flex;
  inline-size: 100%;
  flex-direction: column;
  gap: fox.gap(3);
  padding-block: fox.padding(6);
  border-block-end: fox.border(1) solid fox.color(border-neutral-subtler);
}

.narrow {
  inline-size: 20rem;
}

.iconHint {
  color: fox.color(font-neutral-subtler);
  font-size: fox.font-size(label-sm);
}