.stackx-rich-note-editor,
.stackx-rich-note-content {
  --stackx-github-link-chip-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M8 0C3.58 0 0 3.69 0 8.24c0 3.64 2.29 6.72 5.47 7.81.4.08.55-.18.55-.4 0-.2-.01-.86-.01-1.56-2.01.38-2.53-.5-2.69-.96-.09-.24-.48-.96-.82-1.16-.28-.16-.68-.56-.01-.57.63-.01 1.08.6 1.23.84.72 1.24 1.87.89 2.33.68.07-.54.28-.89.51-1.1-1.78-.21-3.64-.92-3.64-4.07 0-.9.31-1.64.82-2.22-.08-.21-.36-1.05.08-2.19 0 0 .67-.22 2.2.85A7.44 7.44 0 0 1 8 3.91c.68 0 1.36.09 2 .28 1.53-1.07 2.2-.85 2.2-.85.44 1.14.16 1.98.08 2.19.51.58.82 1.31.82 2.22 0 3.16-1.87 3.86-3.65 4.07.29.26.54.76.54 1.54 0 1.11-.01 2.01-.01 2.29 0 .22.15.48.55.4A8.15 8.15 0 0 0 16 8.24C16 3.69 12.42 0 8 0Z'/%3E%3C/svg%3E");
  --stackx-generic-link-chip-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M6.35 10.9a.75.75 0 0 1 0 1.06l-.7.7a3.25 3.25 0 1 1-4.6-4.6l2.12-2.12a3.25 3.25 0 0 1 4.6 0 .75.75 0 1 1-1.06 1.06 1.75 1.75 0 0 0-2.48 0L2.11 9.12a1.75 1.75 0 0 0 2.48 2.48l.7-.7a.75.75 0 0 1 1.06 0Zm3.3-5.8a.75.75 0 0 1 0-1.06l.7-.7a3.25 3.25 0 0 1 4.6 4.6l-2.12 2.12a3.25 3.25 0 0 1-4.6 0 .75.75 0 0 1 1.06-1.06 1.75 1.75 0 0 0 2.48 0l2.12-2.12a1.75 1.75 0 0 0-2.48-2.48l-.7.7a.75.75 0 0 1-1.06 0Zm1.18 1.13a.75.75 0 0 1 0 1.06l-3.54 3.54a.75.75 0 1 1-1.06-1.06l3.54-3.54a.75.75 0 0 1 1.06 0Z'/%3E%3C/svg%3E");
  --stackx-trello-link-chip-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M2.75 1h10.5A1.75 1.75 0 0 1 15 2.75v10.5A1.75 1.75 0 0 1 13.25 15H2.75A1.75 1.75 0 0 1 1 13.25V2.75A1.75 1.75 0 0 1 2.75 1Zm.75 2.4v8.2c0 .5.4.9.9.9h2.1c.5 0 .9-.4.9-.9V3.4c0-.5-.4-.9-.9-.9H4.4c-.5 0-.9.4-.9.9Zm5.1 0v4.7c0 .5.4.9.9.9h2.1c.5 0 .9-.4.9-.9V3.4c0-.5-.4-.9-.9-.9H9.5c-.5 0-.9.4-.9.9Z'/%3E%3C/svg%3E");
  --stackx-google-link-chip-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M3 1.5A1.5 1.5 0 0 1 4.5 0h5.1L14 4.4v10.1a1.5 1.5 0 0 1-1.5 1.5h-8A1.5 1.5 0 0 1 3 14.5v-13Zm6 0V5h3.5L9 1.5ZM5.25 7a.75.75 0 0 0 0 1.5h5.5a.75.75 0 0 0 0-1.5h-5.5Zm0 2.5a.75.75 0 0 0 0 1.5h5.5a.75.75 0 0 0 0-1.5h-5.5Zm0 2.5a.75.75 0 0 0 0 1.5h3.5a.75.75 0 0 0 0-1.5h-3.5Z'/%3E%3C/svg%3E");
  --stackx-google-chat-link-chip-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M3.25 2A2.25 2.25 0 0 0 1 4.25v5.5A2.25 2.25 0 0 0 3.25 12H4v2.25c0 .29.34.46.56.27L7.52 12h5.23A2.25 2.25 0 0 0 15 9.75v-5.5A2.25 2.25 0 0 0 12.75 2h-9.5Zm1.5 3.75a.75.75 0 0 1 .75-.75h5a.75.75 0 0 1 0 1.5h-5a.75.75 0 0 1-.75-.75Zm0 2.5a.75.75 0 0 1 .75-.75h3.25a.75.75 0 0 1 0 1.5H5.5a.75.75 0 0 1-.75-.75Z'/%3E%3C/svg%3E");
  --stackx-slack-link-chip-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M6.25 1.75a1.75 1.75 0 1 1 3.5 0v3h-3.5v-3Zm5 4.5h3a1.75 1.75 0 1 1 0 3.5h-3v-3Zm-1.5 1.5V4.5a1.75 1.75 0 1 1 3.5 0v1.75H9.75Zm-3.5.5v3.25a1.75 1.75 0 1 1-3.5 0V9.75h3.5v-1.5Zm.5-2h3.25v3.5H6.75v-3.5ZM1.75 6.25h3v3.5h-3a1.75 1.75 0 1 1 0-3.5Zm4.5 5h3.5v3a1.75 1.75 0 1 1-3.5 0v-3Zm3.5-1.5H13v1.75a1.75 1.75 0 1 1-3.5 0V9.75h.25Z'/%3E%3C/svg%3E");
  --stackx-github-link-chip-brand: #24292f;
  --stackx-trello-link-chip-brand: #0c66e4;
  --stackx-google-link-chip-brand: #1a73e8;
  --stackx-google-chat-link-chip-brand: #0b8043;
  --stackx-slack-link-chip-brand: #611f69;
  --stackx-link-chip-background: color-mix(in srgb, var(--primary) 14%, var(--card));
  --stackx-link-chip-border: color-mix(in srgb, var(--primary) 28%, var(--border));
  --stackx-link-chip-color: var(--primary);
  --stackx-link-chip-hover-border: color-mix(in srgb, var(--primary) 55%, var(--border));
  --stackx-link-chip-hover-color: var(--foreground);
}

.dark .stackx-rich-note-editor,
.dark .stackx-rich-note-content {
  --stackx-github-link-chip-brand: #f0f6fc;
  --stackx-trello-link-chip-brand: #579dff;
  --stackx-google-link-chip-brand: #8ab4f8;
  --stackx-google-chat-link-chip-brand: #81c995;
  --stackx-slack-link-chip-brand: #e5a7eb;
  --stackx-link-chip-background: color-mix(in srgb, var(--primary) 18%, var(--card));
  --stackx-link-chip-color: color-mix(in srgb, var(--primary) 78%, var(--foreground));
}

.light .stackx-rich-note-editor,
.light .stackx-rich-note-content {
  --stackx-link-chip-background: var(--accent);
  --stackx-link-chip-color: var(--accent-foreground);
}

.stackx-rich-note-editor lexxy-editor {
  --lexxy-color-canvas: var(--input);
  --lexxy-color-text: var(--foreground);
  --lexxy-color-text-subtle: var(--muted-foreground);
  --lexxy-color-link: var(--primary);
  --lexxy-color-selected: color-mix(in srgb, var(--primary) 18%, transparent);
  --lexxy-color-selected-hover: color-mix(in srgb, var(--primary) 24%, transparent);
  --lexxy-color-selected-dark: var(--ring);
  --lexxy-color-ink: var(--foreground);
  --lexxy-color-ink-medium: var(--muted-foreground);
  --lexxy-color-ink-light: var(--muted-foreground);
  --lexxy-color-ink-lighter: var(--border);
  --lexxy-color-ink-lightest: var(--accent);
  --lexxy-color-code-bg: var(--secondary);
  --lexxy-focus-ring-color: var(--ring);
  --lexxy-radius: var(--radius-md);
  --lexxy-shadow: 0 10px 30px rgba(0, 0, 0, 0.22);
  --lexxy-editor-rows: 9rem;
  --lexxy-editor-padding: 0.75rem 0.875rem;

  background-color: var(--input);
  border-color: var(--border);
  color: var(--foreground);
}

.light .stackx-rich-note-editor lexxy-editor {
  --lexxy-color-canvas: #ffffff;
  --lexxy-color-ink-lighter: #c4ccd8;
  --lexxy-color-ink-lightest: #f2f5f9;
  --lexxy-shadow: 0 1px 2px rgba(29, 36, 48, 0.06);

  background-color: #ffffff;
  border-color: #c4ccd8;
  box-shadow: var(--lexxy-shadow);
}

.stackx-rich-note-editor lexxy-toolbar {
  background-color: var(--card);
  border-block-end-color: var(--border);
  color: var(--foreground);
}

.light .stackx-rich-note-editor lexxy-toolbar {
  background-color: #eef2f7;
  border-block-end-color: #c8d1de;
}

.stackx-rich-note-editor .lexxy-editor__content {
  background-color: var(--input);
  color: var(--foreground);
}

.light .stackx-rich-note-editor .lexxy-editor__content {
  background-color: #ffffff;
}

.stackx-rich-note-editor .lexxy-editor--empty .lexxy-editor__content::before {
  color: var(--muted-foreground);
}

.stackx-rich-note-editor .lexxy-editor__toolbar-button,
.stackx-rich-note-editor .lexxy-editor__toolbar-dropdown button {
  color: var(--foreground);
}

.light .stackx-rich-note-editor .lexxy-editor__toolbar-button,
.light .stackx-rich-note-editor .lexxy-editor__toolbar-dropdown button {
  background-color: transparent;
  border-radius: 0.375rem;
  box-shadow: none;
  min-height: 2rem;
  min-width: 2rem;
}

.stackx-rich-note-editor .lexxy-editor__toolbar-button:hover:not([aria-disabled="true"]),
.stackx-rich-note-editor .lexxy-editor__toolbar-dropdown button:hover:not([aria-disabled="true"]) {
  background-color: var(--accent);
  color: var(--accent-foreground);
}

.light .stackx-rich-note-editor .lexxy-editor__toolbar-button:hover:not([aria-disabled="true"]),
.light .stackx-rich-note-editor .lexxy-editor__toolbar-dropdown button:hover:not([aria-disabled="true"]) {
  background-color: #ffffff;
  color: var(--foreground);
}

.stackx-rich-note-editor .lexxy-editor__toolbar-button[aria-pressed="true"],
.stackx-rich-note-editor .lexxy-editor__toolbar-dropdown button[aria-pressed="true"] {
  background-color: var(--lexxy-color-selected);
  color: var(--foreground);
}

.stackx-rich-note-editor .lexxy-editor__toolbar-separator,
.stackx-rich-note-editor .lexxy-editor__toolbar-group-end::after {
  background-color: var(--border);
}

.stackx-knowledge-editor lexxy-editor {
  --lexxy-editor-rows: 32rem;
  --lexxy-editor-padding: 2rem;

  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.dark .stackx-knowledge-editor lexxy-editor {
  --lexxy-color-ink-lightest: var(--secondary);
  --lexxy-color-table-header-bg: color-mix(in srgb, var(--secondary) 82%, var(--foreground) 6%);
  --lexxy-color-table-cell-selected-bg: color-mix(in srgb, var(--primary) 24%, transparent);
  --lexxy-color-table-cell-selected-border: var(--ring);
  --lexxy-color-table-cell-add: color-mix(in srgb, var(--success) 45%, transparent);
  --lexxy-color-table-cell-toggle: color-mix(in srgb, var(--primary) 24%, var(--secondary));
  --lexxy-color-table-cell-remove: color-mix(in srgb, var(--destructive) 22%, transparent);
}

.dark .stackx-knowledge-editor .lexxy-floating-controls__group,
.dark .stackx-knowledge-editor .lexxy-table-control__more-menu-details {
  background: var(--popover);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--border) 70%, transparent);
}

.stackx-knowledge-editor lexxy-toolbar {
  background-color: color-mix(in srgb, var(--muted) 28%, transparent);
  padding-inline: 1.5rem;
}

.stackx-knowledge-editor .lexxy-editor__content {
  min-block-size: 32rem;
  font-size: 0.95rem;
  line-height: 1.75;
}

.stackx-rich-note-content {
  color: var(--foreground);
  max-width: 46rem;
}

.stackx-rich-note-content p:last-child {
  margin-bottom: 0;
}

.task-comment-body .stackx-rich-note-content,
.task-comment-body .stackx-rich-note-content :where(p, div, span, li, blockquote, strong, em, s, u, code, pre) {
  color: var(--foreground);
  opacity: 1;
}

.task-comment[data-task-comment-targeted="true"] {
  background: color-mix(in srgb, var(--primary) 10%, var(--card));
  border-color: color-mix(in srgb, var(--primary) 60%, var(--border));
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--primary) 24%, transparent);
}

.notification-row[data-notification-active="true"] {
  background: color-mix(in srgb, var(--primary) 10%, var(--card));
  box-shadow: inset 3px 0 0 var(--primary);
}

@media (prefers-reduced-motion: no-preference) {
  .task-comment[data-task-comment-targeted="true"] {
    transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
  }

  .notification-row {
    transition: background-color 160ms ease, box-shadow 160ms ease;
  }
}

.stackx-rich-note-content .attachment {
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  background: var(--secondary);
  color: var(--foreground);
  margin-block: 0.75rem;
  overflow: hidden;
}

.stackx-rich-note-content .attachment img {
  display: block;
  max-width: 100%;
  height: auto;
}

.stackx-rich-note-content .attachment__caption {
  display: flex;
  gap: 0.5rem;
  justify-content: space-between;
  padding: 0.625rem 0.75rem;
  color: var(--muted-foreground);
  font-size: 0.8125rem;
}

.stackx-link-chip,
.stackx-rich-note-editor .lexxy-editor__content a[href^="https://github.com/"]:not(.stackx-link-chip),
.stackx-rich-note-editor .lexxy-editor__content a[href^="http://github.com/"]:not(.stackx-link-chip),
.stackx-rich-note-editor .lexxy-editor__content a[href^="https://www.github.com/"]:not(.stackx-link-chip),
.stackx-rich-note-editor .lexxy-editor__content a[href^="http://www.github.com/"]:not(.stackx-link-chip),
.stackx-rich-note-editor .lexxy-editor__content a[href^="https://trello.com/"]:not(.stackx-link-chip),
.stackx-rich-note-editor .lexxy-editor__content a[href^="http://trello.com/"]:not(.stackx-link-chip),
.stackx-rich-note-editor .lexxy-editor__content a[href^="https://www.trello.com/"]:not(.stackx-link-chip),
.stackx-rich-note-editor .lexxy-editor__content a[href^="http://www.trello.com/"]:not(.stackx-link-chip),
.stackx-rich-note-editor .lexxy-editor__content a[href^="https://docs.google.com/"]:not(.stackx-link-chip),
.stackx-rich-note-editor .lexxy-editor__content a[href^="http://docs.google.com/"]:not(.stackx-link-chip),
.stackx-rich-note-editor .lexxy-editor__content a[href^="https://drive.google.com/"]:not(.stackx-link-chip),
.stackx-rich-note-editor .lexxy-editor__content a[href^="http://drive.google.com/"]:not(.stackx-link-chip),
.stackx-rich-note-editor .lexxy-editor__content a[href^="https://chat.google.com/"]:not(.stackx-link-chip),
.stackx-rich-note-editor .lexxy-editor__content a[href^="http://chat.google.com/"]:not(.stackx-link-chip),
.stackx-rich-note-editor .lexxy-editor__content a[href^="https://mail.google.com/chat/"]:not(.stackx-link-chip),
.stackx-rich-note-editor .lexxy-editor__content a[href^="http://mail.google.com/chat/"]:not(.stackx-link-chip),
.stackx-rich-note-editor .lexxy-editor__content a[href*=".slack.com/"]:not(.stackx-link-chip),
.stackx-rich-note-editor .lexxy-editor__content a[href^="https://slack.com/"]:not(.stackx-link-chip),
.stackx-rich-note-editor .lexxy-editor__content a[href^="http://slack.com/"]:not(.stackx-link-chip) {
  align-items: center;
  background: var(--stackx-link-chip-background);
  border: 1px solid var(--stackx-link-chip-border);
  border-radius: 6px;
  color: var(--stackx-link-chip-color);
  display: inline-flex;
  font-size: 0.875rem;
  font-weight: 600;
  gap: 0.35rem;
  line-height: 1;
  max-width: 100%;
  padding: 0.35rem 0.45rem;
  text-decoration: none;
  vertical-align: baseline;
}

.stackx-link-chip:hover,
.stackx-rich-note-editor .lexxy-editor__content a[href^="https://github.com/"]:not(.stackx-link-chip):hover,
.stackx-rich-note-editor .lexxy-editor__content a[href^="http://github.com/"]:not(.stackx-link-chip):hover,
.stackx-rich-note-editor .lexxy-editor__content a[href^="https://www.github.com/"]:not(.stackx-link-chip):hover,
.stackx-rich-note-editor .lexxy-editor__content a[href^="http://www.github.com/"]:not(.stackx-link-chip):hover,
.stackx-rich-note-editor .lexxy-editor__content a[href^="https://trello.com/"]:not(.stackx-link-chip):hover,
.stackx-rich-note-editor .lexxy-editor__content a[href^="http://trello.com/"]:not(.stackx-link-chip):hover,
.stackx-rich-note-editor .lexxy-editor__content a[href^="https://www.trello.com/"]:not(.stackx-link-chip):hover,
.stackx-rich-note-editor .lexxy-editor__content a[href^="http://www.trello.com/"]:not(.stackx-link-chip):hover,
.stackx-rich-note-editor .lexxy-editor__content a[href^="https://docs.google.com/"]:not(.stackx-link-chip):hover,
.stackx-rich-note-editor .lexxy-editor__content a[href^="http://docs.google.com/"]:not(.stackx-link-chip):hover,
.stackx-rich-note-editor .lexxy-editor__content a[href^="https://drive.google.com/"]:not(.stackx-link-chip):hover,
.stackx-rich-note-editor .lexxy-editor__content a[href^="http://drive.google.com/"]:not(.stackx-link-chip):hover,
.stackx-rich-note-editor .lexxy-editor__content a[href^="https://chat.google.com/"]:not(.stackx-link-chip):hover,
.stackx-rich-note-editor .lexxy-editor__content a[href^="http://chat.google.com/"]:not(.stackx-link-chip):hover,
.stackx-rich-note-editor .lexxy-editor__content a[href^="https://mail.google.com/chat/"]:not(.stackx-link-chip):hover,
.stackx-rich-note-editor .lexxy-editor__content a[href^="http://mail.google.com/chat/"]:not(.stackx-link-chip):hover,
.stackx-rich-note-editor .lexxy-editor__content a[href*=".slack.com/"]:not(.stackx-link-chip):hover,
.stackx-rich-note-editor .lexxy-editor__content a[href^="https://slack.com/"]:not(.stackx-link-chip):hover,
.stackx-rich-note-editor .lexxy-editor__content a[href^="http://slack.com/"]:not(.stackx-link-chip):hover {
  border-color: var(--stackx-link-chip-hover-border);
  color: var(--stackx-link-chip-hover-color);
}

.stackx-rich-note-editor .lexxy-editor__content a[href^="https://github.com/"]:not(.stackx-link-chip)::before,
.stackx-rich-note-editor .lexxy-editor__content a[href^="http://github.com/"]:not(.stackx-link-chip)::before,
.stackx-rich-note-editor .lexxy-editor__content a[href^="https://www.github.com/"]:not(.stackx-link-chip)::before,
.stackx-rich-note-editor .lexxy-editor__content a[href^="http://www.github.com/"]:not(.stackx-link-chip)::before,
.stackx-rich-note-editor .lexxy-editor__content a[href^="https://trello.com/"]:not(.stackx-link-chip)::before,
.stackx-rich-note-editor .lexxy-editor__content a[href^="http://trello.com/"]:not(.stackx-link-chip)::before,
.stackx-rich-note-editor .lexxy-editor__content a[href^="https://www.trello.com/"]:not(.stackx-link-chip)::before,
.stackx-rich-note-editor .lexxy-editor__content a[href^="http://www.trello.com/"]:not(.stackx-link-chip)::before,
.stackx-rich-note-editor .lexxy-editor__content a[href^="https://docs.google.com/"]:not(.stackx-link-chip)::before,
.stackx-rich-note-editor .lexxy-editor__content a[href^="http://docs.google.com/"]:not(.stackx-link-chip)::before,
.stackx-rich-note-editor .lexxy-editor__content a[href^="https://drive.google.com/"]:not(.stackx-link-chip)::before,
.stackx-rich-note-editor .lexxy-editor__content a[href^="http://drive.google.com/"]:not(.stackx-link-chip)::before,
.stackx-rich-note-editor .lexxy-editor__content a[href^="https://chat.google.com/"]:not(.stackx-link-chip)::before,
.stackx-rich-note-editor .lexxy-editor__content a[href^="http://chat.google.com/"]:not(.stackx-link-chip)::before,
.stackx-rich-note-editor .lexxy-editor__content a[href^="https://mail.google.com/chat/"]:not(.stackx-link-chip)::before,
.stackx-rich-note-editor .lexxy-editor__content a[href^="http://mail.google.com/chat/"]:not(.stackx-link-chip)::before,
.stackx-rich-note-editor .lexxy-editor__content a[href*=".slack.com/"]:not(.stackx-link-chip)::before,
.stackx-rich-note-editor .lexxy-editor__content a[href^="https://slack.com/"]:not(.stackx-link-chip)::before,
.stackx-rich-note-editor .lexxy-editor__content a[href^="http://slack.com/"]:not(.stackx-link-chip)::before {
  background: currentColor;
  content: "";
  display: inline-block;
  flex: 0 0 auto;
  height: 0.875rem;
  mask: var(--stackx-link-chip-icon) center / contain no-repeat;
  width: 0.875rem;
}

.stackx-link-chip__icon {
  background: currentColor;
  display: inline-block;
  flex: 0 0 auto;
  height: 0.875rem;
  mask: var(--stackx-link-chip-icon) center / contain no-repeat;
  width: 0.875rem;
}

.stackx-link-chip__label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.stackx-link-chip--github {
  --stackx-link-chip-icon: var(--stackx-github-link-chip-icon);
  --stackx-link-chip-background: color-mix(in srgb, var(--stackx-github-link-chip-brand) 12%, var(--card));
  --stackx-link-chip-border: color-mix(in srgb, var(--stackx-github-link-chip-brand) 38%, var(--border));
  --stackx-link-chip-color: var(--stackx-github-link-chip-brand);
  --stackx-link-chip-hover-border: color-mix(in srgb, var(--stackx-github-link-chip-brand) 70%, var(--border));
  --stackx-link-chip-hover-color: var(--stackx-github-link-chip-brand);
}

.stackx-link-chip--trello {
  --stackx-link-chip-icon: var(--stackx-trello-link-chip-icon);
  --stackx-link-chip-background: color-mix(in srgb, var(--stackx-trello-link-chip-brand) 12%, var(--card));
  --stackx-link-chip-border: color-mix(in srgb, var(--stackx-trello-link-chip-brand) 36%, var(--border));
  --stackx-link-chip-color: var(--stackx-trello-link-chip-brand);
  --stackx-link-chip-hover-border: color-mix(in srgb, var(--stackx-trello-link-chip-brand) 68%, var(--border));
  --stackx-link-chip-hover-color: var(--stackx-trello-link-chip-brand);
}

.stackx-link-chip--google {
  --stackx-link-chip-icon: var(--stackx-google-link-chip-icon);
  --stackx-link-chip-background: color-mix(in srgb, var(--stackx-google-link-chip-brand) 12%, var(--card));
  --stackx-link-chip-border: color-mix(in srgb, var(--stackx-google-link-chip-brand) 36%, var(--border));
  --stackx-link-chip-color: var(--stackx-google-link-chip-brand);
  --stackx-link-chip-hover-border: color-mix(in srgb, var(--stackx-google-link-chip-brand) 68%, var(--border));
  --stackx-link-chip-hover-color: var(--stackx-google-link-chip-brand);
}

.stackx-link-chip--google-chat {
  --stackx-link-chip-icon: var(--stackx-google-chat-link-chip-icon);
  --stackx-link-chip-background: color-mix(in srgb, var(--stackx-google-chat-link-chip-brand) 12%, var(--card));
  --stackx-link-chip-border: color-mix(in srgb, var(--stackx-google-chat-link-chip-brand) 36%, var(--border));
  --stackx-link-chip-color: var(--stackx-google-chat-link-chip-brand);
  --stackx-link-chip-hover-border: color-mix(in srgb, var(--stackx-google-chat-link-chip-brand) 68%, var(--border));
  --stackx-link-chip-hover-color: var(--stackx-google-chat-link-chip-brand);
}

.stackx-link-chip--slack {
  --stackx-link-chip-icon: var(--stackx-slack-link-chip-icon);
  --stackx-link-chip-background: color-mix(in srgb, var(--stackx-slack-link-chip-brand) 12%, var(--card));
  --stackx-link-chip-border: color-mix(in srgb, var(--stackx-slack-link-chip-brand) 36%, var(--border));
  --stackx-link-chip-color: var(--stackx-slack-link-chip-brand);
  --stackx-link-chip-hover-border: color-mix(in srgb, var(--stackx-slack-link-chip-brand) 68%, var(--border));
  --stackx-link-chip-hover-color: var(--stackx-slack-link-chip-brand);
}

.stackx-mention {
  align-items: center;
  background: color-mix(in srgb, var(--primary) 12%, var(--card));
  border: 1px solid color-mix(in srgb, var(--primary) 28%, var(--border));
  border-radius: 6px;
  color: var(--foreground);
  display: inline-flex;
  font-size: 0.875rem;
  font-weight: 650;
  line-height: 1;
  max-width: 100%;
  overflow: hidden;
  padding: 0.28rem 0.42rem;
  text-overflow: ellipsis;
  vertical-align: baseline;
  white-space: nowrap;
}

.stackx-mention-menu-item {
  align-items: baseline;
  display: grid;
  gap: 0.12rem;
  line-height: 1.25;
  min-width: 0;
}

.stackx-mention-menu-item__name,
.stackx-mention-menu-item__email {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.stackx-mention-menu-item__name {
  color: var(--foreground);
  font-weight: 650;
}

.stackx-mention-menu-item__email {
  color: var(--muted-foreground);
  font-size: 0.75rem;
}

.stackx-mention-menu-item__presence {
  color: var(--success);
  font-size: 0.72rem;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.stackx-rich-note-editor .lexxy-editor__content a[href^="https://github.com/"]:not(.stackx-link-chip),
.stackx-rich-note-editor .lexxy-editor__content a[href^="http://github.com/"]:not(.stackx-link-chip),
.stackx-rich-note-editor .lexxy-editor__content a[href^="https://www.github.com/"]:not(.stackx-link-chip),
.stackx-rich-note-editor .lexxy-editor__content a[href^="http://www.github.com/"]:not(.stackx-link-chip) {
  --stackx-link-chip-icon: var(--stackx-github-link-chip-icon);
  --stackx-link-chip-background: color-mix(in srgb, var(--stackx-github-link-chip-brand) 12%, var(--card));
  --stackx-link-chip-border: color-mix(in srgb, var(--stackx-github-link-chip-brand) 38%, var(--border));
  --stackx-link-chip-color: var(--stackx-github-link-chip-brand);
  --stackx-link-chip-hover-border: color-mix(in srgb, var(--stackx-github-link-chip-brand) 70%, var(--border));
  --stackx-link-chip-hover-color: var(--stackx-github-link-chip-brand);
}

.stackx-link-chip--generic {
  --stackx-link-chip-icon: var(--stackx-generic-link-chip-icon);
}

.stackx-rich-note-editor .lexxy-editor__content a[href^="https://trello.com/"]:not(.stackx-link-chip),
.stackx-rich-note-editor .lexxy-editor__content a[href^="http://trello.com/"]:not(.stackx-link-chip),
.stackx-rich-note-editor .lexxy-editor__content a[href^="https://www.trello.com/"]:not(.stackx-link-chip),
.stackx-rich-note-editor .lexxy-editor__content a[href^="http://www.trello.com/"]:not(.stackx-link-chip) {
  --stackx-link-chip-icon: var(--stackx-trello-link-chip-icon);
  --stackx-link-chip-background: color-mix(in srgb, var(--stackx-trello-link-chip-brand) 12%, var(--card));
  --stackx-link-chip-border: color-mix(in srgb, var(--stackx-trello-link-chip-brand) 36%, var(--border));
  --stackx-link-chip-color: var(--stackx-trello-link-chip-brand);
  --stackx-link-chip-hover-border: color-mix(in srgb, var(--stackx-trello-link-chip-brand) 68%, var(--border));
  --stackx-link-chip-hover-color: var(--stackx-trello-link-chip-brand);
}

.stackx-rich-note-editor .lexxy-editor__content a[href^="https://docs.google.com/"]:not(.stackx-link-chip),
.stackx-rich-note-editor .lexxy-editor__content a[href^="http://docs.google.com/"]:not(.stackx-link-chip),
.stackx-rich-note-editor .lexxy-editor__content a[href^="https://drive.google.com/"]:not(.stackx-link-chip),
.stackx-rich-note-editor .lexxy-editor__content a[href^="http://drive.google.com/"]:not(.stackx-link-chip) {
  --stackx-link-chip-icon: var(--stackx-google-link-chip-icon);
  --stackx-link-chip-background: color-mix(in srgb, var(--stackx-google-link-chip-brand) 12%, var(--card));
  --stackx-link-chip-border: color-mix(in srgb, var(--stackx-google-link-chip-brand) 36%, var(--border));
  --stackx-link-chip-color: var(--stackx-google-link-chip-brand);
  --stackx-link-chip-hover-border: color-mix(in srgb, var(--stackx-google-link-chip-brand) 68%, var(--border));
  --stackx-link-chip-hover-color: var(--stackx-google-link-chip-brand);
}

.stackx-rich-note-editor .lexxy-editor__content a[href^="https://chat.google.com/"]:not(.stackx-link-chip),
.stackx-rich-note-editor .lexxy-editor__content a[href^="http://chat.google.com/"]:not(.stackx-link-chip),
.stackx-rich-note-editor .lexxy-editor__content a[href^="https://mail.google.com/chat/"]:not(.stackx-link-chip),
.stackx-rich-note-editor .lexxy-editor__content a[href^="http://mail.google.com/chat/"]:not(.stackx-link-chip) {
  --stackx-link-chip-icon: var(--stackx-google-chat-link-chip-icon);
  --stackx-link-chip-background: color-mix(in srgb, var(--stackx-google-chat-link-chip-brand) 12%, var(--card));
  --stackx-link-chip-border: color-mix(in srgb, var(--stackx-google-chat-link-chip-brand) 36%, var(--border));
  --stackx-link-chip-color: var(--stackx-google-chat-link-chip-brand);
  --stackx-link-chip-hover-border: color-mix(in srgb, var(--stackx-google-chat-link-chip-brand) 68%, var(--border));
  --stackx-link-chip-hover-color: var(--stackx-google-chat-link-chip-brand);
}

.stackx-rich-note-editor .lexxy-editor__content a[href*=".slack.com/"]:not(.stackx-link-chip),
.stackx-rich-note-editor .lexxy-editor__content a[href^="https://slack.com/"]:not(.stackx-link-chip),
.stackx-rich-note-editor .lexxy-editor__content a[href^="http://slack.com/"]:not(.stackx-link-chip) {
  --stackx-link-chip-icon: var(--stackx-slack-link-chip-icon);
  --stackx-link-chip-background: color-mix(in srgb, var(--stackx-slack-link-chip-brand) 12%, var(--card));
  --stackx-link-chip-border: color-mix(in srgb, var(--stackx-slack-link-chip-brand) 36%, var(--border));
  --stackx-link-chip-color: var(--stackx-slack-link-chip-brand);
  --stackx-link-chip-hover-border: color-mix(in srgb, var(--stackx-slack-link-chip-brand) 68%, var(--border));
  --stackx-link-chip-hover-color: var(--stackx-slack-link-chip-brand);
}