:root {
  /* Region wrapper */
  --kt-ui-control-wrapper-width: 320px;
  /* Endregion */
  /* Region control */
  --kt-ui-control-padding-block: 0;
  --kt-ui-control-padding-inline: 16px;
  --kt-ui-control-border-width: 0.8px;
  --kt-ui-control-border-radius: 12px;
  --kt-ui-control-ff: var(--ui-font-family-primary, var(--ui-font-family-helvetica));
  --kt-ui-control-font-size: 12px;
  --kt-ui-control-font-weight: 400;
  --kt-ui-control-line-height: 30px;
  --kt-ui-control-color: var(--kt-ui-text-color-primary);
  --kt-ui-control-color-hover: var(--kt-ui-text-color-primary);
  --kt-ui-control-color-active: var(--kt-ui-text-color-primary);
  --kt-ui-control-color-disabled: var(--kt-ui-text-color-disabled);
  --kt-ui-control-border-color: var(--kt-ui-palette-grey-100);
  --kt-ui-control-border-color-hover: var(--kt-ui-palette-grey-200);
  --kt-ui-control-border-color-active: var(--kt-ui-color-focus);
  --kt-ui-control-border-color-disabled: var(--kt-ui-palette-grey-50);
  --kt-ui-control-background: var(--kt-ui-palette-grey-100);
  --kt-ui-control-background-hover: var(--kt-ui-palette-grey-200);
  --kt-ui-control-background-active: var(--kt-ui-palette-white);
  --kt-ui-control-background-disabled: var(--kt-ui-palette-grey-50);
  /* Endregion */
  /* Region placeholder */
  --kt-ui-control-placeholder-color: var(--kt-ui-text-color-placeholder);
  /* Endregion */
  /* Error */
  --kt-ui-control-border-color-error: var(--kt-ui-color-danger);
  --kt-ui-control-error-icon: var(--kt-ui-icon-info-circle);
  --kt-ui-control-error-icon-size: 16px;
  --kt-ui-control-error-icon-color: var(--kt-ui-icon-color-danger);
  /* Endregion */
}