.fluentform {
  --fluentform-text: var(--wp--preset--color--contrast);
  --fluentform-bg-muted: var(--wp--preset--color--base);
  --fluentform-text-muted: var(--wp--preset--color--contrast-faded);
  --fluentform-primary: var(--wp--preset--color--primary);
}

.fluentform select.ff-el-form-control,
.fluentform textarea.ff-el-form-control {
  font-family: inherit;
  transition: all 0.2s ease-in-out;
}

.ff-el-input--label {
  font-size: 14px;
  font-weight: 600;
}

.ff-el-form-check-label {
  font-size: 14px;
}

.fluentform input.ff-el-form-control:focus,
.fluentform select.ff-el-form-control:focus,
.fluentform textarea.ff-el-form-control:focus {
  outline: none !important;
  border: solid 1px var(--wp--preset--color--contrast) !important;
}

.fluentform .ff-el-form-check > label.ff-el-form-check-label:before {
  border: 1px solid var(--fluentform-border-color);
}

.fluentform .ff-el-form-check:not(.ff_item_selected):hover > label.ff-el-form-check-label:before {
  box-shadow: none;
  border-color: var(--wp--preset--color--contrast);
}

.fluentform .ff-el-form-check > label.ff-el-form-check-label:after {
  top: 8px;
}