:root {
  /* Region size */
  --ui-counter-current-size: var(--ui-counter-size-md);
  --ui-counter-size-sm: 18px;
  --ui-counter-size-md: 24px;
  --ui-counter-size-lg: 40px;
  --ui-counter-font-size: 10px;
  --ui-counter-font-weight: 500;
  --kt-ui-counter-height: 18px;
  --kt-ui-counter-border-radius: var(--kt-ui-counter-border-radius-md);
  --kt-ui-counter-border-radius-sm: 8px;
  --kt-ui-counter-border-radius-md: 12px;
  --kt-ui-counter-border-radius-lg: 20px;
  --kt-ui-counter-color: var(--kt-ui-counter-color-white);
  /* Endregion */
  /* Region theme */
  --kt-ui-counter-color-white: var(--kt-ui-palette-white);
  --kt-ui-counter-color-gray: var(--kt-ui-text-color-primary);
  --ui-counter-current-bg-color: var(--kt-ui-palette-red-500);
  --ui-counter-bg-color-gray: var(--kt-ui-palette-grey-200);
  --ui-counter-bg-color-success: var(--kt-ui-palette-green-500);
  --ui-counter-bg-color-primary: var(--kt-ui-palette-red-500);
  --ui-counter-bg-color-danger: var(--kt-ui-palette-red-500);
  --ui-counter-bg-color-warning: var(--kt-ui-palette-yellow-500);
  --ui-counter-bg-color-light: var(--kt-ui-palette-white);
  --ui-counter-bg-color-white: var(--kt-ui-palette-white);
  --ui-counter-bg-color-theme: rgba(82, 92, 105, .15);
  --ui-counter-bg-color-dark: rgba(255, 255, 255, .19);
  --ui-counter-bg-color-blue: var(--kt-ui-palette-blue-700);
  --ui-counter-bg-color-purple: var(--kt-ui-palette-purple-500);
  --ui-counter-bg-color-pink: var(--kt-ui-palette-pink-500);
  --ui-counter-bg-color-red: var(--kt-ui-palette-red-500);
  --ui-counter-bg-color-green: var(--kt-ui-palette-green-500);
  --ui-counter-bg-color-yellow: var(--kt-ui-palette-yellow-500);
  /* Endregion */
  /* Region border color */
  --ui-counter-current-border-color: transparent;
  --ui-counter-border-color-light: var(--kt-ui-palette-white);
  /* Endregion */
}