@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);
}

.period {
  display: flex;
  align-items: center;
  gap: fox.gap(3);

  > :first-child,
  > :last-child {
    flex: 1 1 0;
    min-inline-size: 0;
  }
}