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

fieldset.field {
  border: 0;
  padding: 0;
  margin: 0;
  min-inline-size: 0;
}

.field > legend {
  padding: 0;
  margin-block-end: var(--hs-spacing-base);
}

.field__description,
.field__error {
  margin-top: calc(-1 * var(--hs-spacing-small));
}

.field__description {
  color: var(--hs-color-input-accent);
}

.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;
}