:root {
  --kt-ui-user-card-max-width: 300px;
  --kt-ui-user-card-padding-sm: 6px;
  --kt-ui-user-card-padding-md: 8px;
  --kt-ui-user-card-padding: 0;
  --kt-ui-user-card-border-radius-md: 12px;
  --kt-ui-user-card-border-radius-lg: 24px;
  --kt-ui-user-card-border-radius: var(--kt-ui-user-card-border-radius-md);
  --kt-ui-user-card-background: var(--kt-ui-palette-grey-200);
  --kt-ui-user-card-avatar-width-xs: 36px;
  --kt-ui-user-card-avatar-width-sm: 39px;
  --kt-ui-user-card-avatar-width-md: 48px;
  --kt-ui-user-card-avatar-width-lg: 63px;
  --kt-ui-user-card-avatar-width-xl: 81px;
  --kt-ui-user-card-avatar-width: var(--kt-ui-user-card-avatar-width-md);
  --kt-ui-user-card-avatar-border-radius-sm: 8px;
  --kt-ui-user-card-avatar-border-radius-md: 16px;
  --kt-ui-user-card-avatar-border-radius-lg: 24px;
  --kt-ui-user-card-avatar-border-radius: var(--kt-ui-user-card-avatar-border-radius-sm);
  --kt-ui-user-card-avatar-border-width-sm: 2px;
  --kt-ui-user-card-avatar-border-width-md: 3px;
  --kt-ui-user-card-avatar-border-width-lg: 4px;
  --kt-ui-user-card-avatar-border-width-xl: 5px;
  --kt-ui-user-card-avatar-border-width: var(--kt-ui-user-card-avatar-border-width-md);
  --kt-ui-user-card-avatar-border-color: var(--kt-ui-palette-white-60);
  --kt-ui-user-card-name-ff: var(--ui-font-family-primary);
  --kt-ui-user-card-name-font-size: 14px;
  --kt-ui-user-card-name-line-height: calc(8 / 7);
  --kt-ui-user-card-name-font-weight: var(--ui-font-weight-bold);
  --kt-ui-user-card-name-offset: 2px;
  --kt-ui-user-card-slot-font-size: 12px;
  --kt-ui-user-card-slot-line-height: calc(4 / 3);
  --kt-ui-user-card-slot-level-n-color: var(--kt-ui-text-color-primary);
  --kt-ui-user-card-slot-level-1-color: var(--kt-ui-palette-grey-600);
}