.pkj2id0 {
  --ai-size: var(--size-st);
  --diff: 12px;
  font-size: var(--size-icon, clamp(6px, 12px,calc(var(--ai-size) - var(--diff))));
  font-weight: 600;
  transition: display 0.32s ease allow-discrete, all 0.32s ease, color 0.08s ease, max-height 1.4s ease, fill 0.08s ease, background-position 0.45s ease, border-color 0.08s ease, width 2.8s ease, height 0.8s ease, z-index 0s ease;
  cursor: pointer;
  outline-offset: 4px;
  outline: 1px solid transparent;
  color: var(--ai-color);
  background-color: var(--ai-bg);
  border: 1px solid var(--ai-bd);
}
.pkj2id0:hover {
  cursor: default !important;
  background-color: var(--ai-hover);
}
.pkj2id1 {
  cursor: pointer !important;
}
.pkj2id1:hover {
  --ai-color: var(--mantine-color-foreground-0);
  --ai-bg: var(--mantine-color-background-2);
  --ai-bd: var(--mantine-color-background-5);
  cursor: pointer !important;
  outline-color: var(--mantine-color-background-5);
  transform: scale(1.05);
}
.pkj2id0 span {
  width: max-content;
  height: max-content;
  font-size: var(--size-icon, clamp(6px, 12px,calc(var(--ai-size) - var(--diff))));
  font-weight: 600;
}
.pkj2id0 span svg {
  width: var(--size-icon, clamp(6px, 12px,calc(var(--ai-size) - var(--diff))));
  height: var(--size-icon, clamp(6px, 12px,calc(var(--ai-size) - var(--diff))));
}
.pkj2id0 span svg path {
  fill: var(--ai-color) !important;
}