:root {
  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
}

.checkbox-group-container {
  display: flex;
  flex-direction: column;
}

.checkbox-group {
  display: flex;
  gap: 8px;
}
.checkbox-group.horizontal {
  flex-direction: row;
  column-gap: 12px;
}
.checkbox-group.vertical {
  flex-direction: column;
  row-gap: 12px;
}

.group-label {
  font-size: 1rem;
  color: #1D1D1D;
  line-height: 1.5rem;
  font-weight: 400;
  margin-bottom: 8px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

.group-label .required {
  color: #575352;
  margin-left: 4px;
}

.group-label .required.error {
  color: #CD002F;
}

.caption {
  margin-top: 8px;
  align-self: flex-start;
  display: flex;
  width: 100%;
  column-gap: 8px;
  justify-content: space-between;
  align-items: center;
}
.caption.default {
  color: #1D1D1D;
}
.caption.error {
  color: #CD002F;
}

.caption-text {
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
  flex: 1;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

.caption-icon {
  flex: 0;
  display: flex;
}