.field {
  display: inline-flex;
  cursor: pointer;
  gap: var(--hs-spacing-base);
}

.field--disabled {
  pointer-events: none;
}

.field--label-position-block-start {
  flex-direction: column;
}

.field--label-position-block-end {
  flex-direction: column-reverse;
}

.field--label-position-inline-start {
  flex-direction: row;
  align-items: center;
}

.field--label-position-inline-end {
  flex-direction: row-reverse;
  align-items: center;
  justify-content: start;
}