:root {
  /* Region sizes */
  --kt-ui-label-height-lg: 28px;
  --kt-ui-label-height-md: 24px;
  --kt-ui-label-height-sm: 20px;
  --ui-label-height: var(--kt-ui-label-height-md);
  /* Endregion */
  /* Region padding */
  --kt-ui-label-padding-block: 0;
  --kt-ui-label-padding-inline: 8px;
  /* Endregion */
  /* Region offsets */
  --ui-label-offset-xs: 2px;
  --ui-label-offset-sm: 4px;
  --ui-label-offset: var(--ui-label-offset-xs);
  --ui-label-side-offset: 10px;
  /* Endregion */
  /* Region font */
  --ui-label-font: var(--ui-font-family-primary);
  --ui-label-font-weight: var(--ui-font-weight-normal);
  --kt-ui-label-font-size: var(--ui-font-size-xs);
  --kt-ui-label-line-height: var(--ui-font-size-xl);
  --kt-ui-label-letter-spacing: 0;
  /* Endregion */
  /* Region border */
  --kt-ui-label-border-width: 1px;
  --kt-ui-label-border-color: var(--ui-label-background-color);
  /* Endregion */
  /* Region border-radius */
  --ui-label-border-radius: 16px;
  /* Endregion */
  /* Region outline design */
  --kt-ui-label-outline-color: var(--kt-ui-palette-white);
  --kt-ui-label-outline-color-hover: var(--kt-ui-palette-white);
  --kt-ui-label-outline-background: var(--kt-ui-palette-white);
  --kt-ui-label-outline-background-hover: var(--kt-ui-palette-white);
  /* Endregion */
  /* Region color */
  --ui-label-white: var(--kt-ui-palette-white);
  --ui-label-primary: var(--kt-ui-palette-grey-200);
  --ui-label-primary-hover: var(--kt-ui-palette-grey-200);
  --ui-label-secondary: var(--kt-ui-palette-grey-200);
  --ui-label-secondary-hover: var(--kt-ui-palette-grey-200);
  --ui-label-tertiary: var(--kt-ui-palette-grey-200);
  --ui-label-tertiary-hover: var(--kt-ui-palette-grey-200);
  --ui-label-blue: var(--kt-ui-palette-blue-700);
  --ui-label-blue-hover: var(--kt-ui-palette-blue-600);
  --ui-label-purple: var(--kt-ui-palette-purple-500);
  --ui-label-purple-hover: var(--kt-ui-palette-purple-400);
  --ui-label-pink: var(--kt-ui-palette-pink-500);
  --ui-label-pink-hover: var(--kt-ui-palette-pink-400);
  --ui-label-red: var(--kt-ui-palette-red-500);
  --ui-label-red-hover: var(--kt-ui-palette-red-400);
  --ui-label-yellow: var(--kt-ui-palette-yellow-500);
  --ui-label-yellow-hover: var(--kt-ui-palette-yellow-400);
  --ui-label-green: var(--kt-ui-palette-green-500);
  --ui-label-green-hover: var(--kt-ui-palette-green-400);
  --ui-label-grey: var(--kt-ui-palette-grey-200);
  --ui-label-grey-hover: var(--kt-ui-palette-grey-100);
  /* Endregion */
}