/* [project]/app/components/tiptap-ui-primitive/tooltip/tooltip.scss.css [app-client] (css) */
.tiptap-tooltip {
  --tt-tooltip-bg: var(--tt-gray-light-900);
  --tt-tooltip-text: var(--white);
  --tt-kbd: var(--tt-gray-dark-a-400);
}

.dark .tiptap-tooltip {
  --tt-tooltip-bg: var(--white);
  --tt-tooltip-text: var(--tt-gray-light-600);
  --tt-kbd: var(--tt-gray-light-a-400);
}

.tiptap-tooltip {
  z-index: 50;
  border-radius: var(--tt-radius-md, .375rem);
  background-color: var(--tt-tooltip-bg);
  color: var(--tt-tooltip-text);
  text-align: center;
  padding: .375rem .5rem;
  font-size: .75rem;
  font-weight: 500;
  overflow: hidden;
  box-shadow: 0 4px 6px -1px #0000001a;
}

.tiptap-tooltip kbd {
  text-align: center;
  vertical-align: baseline;
  text-transform: capitalize;
  color: var(--tt-kbd);
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif;
  display: inline-block;
}

/* [project]/app/components/tiptap-ui-primitive/button/button-colors.scss.css [app-client] (css) */
.tiptap-button {
  --tt-button-default-bg-color: var(--tt-gray-light-a-100);
  --tt-button-hover-bg-color: var(--tt-gray-light-200);
  --tt-button-active-bg-color: var(--tt-gray-light-a-200);
  --tt-button-active-bg-color-emphasized: var(--tt-brand-color-100);
  --tt-button-active-bg-color-subdued: var(--tt-gray-light-a-200);
  --tt-button-active-hover-bg-color: var(--tt-gray-light-300);
  --tt-button-active-hover-bg-color-emphasized: var(--tt-brand-color-200);
  --tt-button-active-hover-bg-color-subdued: var(--tt-gray-light-a-300);
  --tt-button-disabled-bg-color: var(--tt-gray-light-a-50);
}

.dark .tiptap-button {
  --tt-button-default-bg-color: var(--tt-gray-dark-a-100);
  --tt-button-hover-bg-color: var(--tt-gray-dark-200);
  --tt-button-active-bg-color: var(--tt-gray-dark-a-200);
  --tt-button-active-bg-color-emphasized: var(--tt-brand-color-900);
  --tt-button-active-bg-color-subdued: var(--tt-gray-dark-a-200);
  --tt-button-active-hover-bg-color: var(--tt-gray-dark-300);
  --tt-button-active-hover-bg-color-emphasized: var(--tt-brand-color-800);
  --tt-button-active-hover-bg-color-subdued: var(--tt-gray-dark-a-300);
  --tt-button-disabled-bg-color: var(--tt-gray-dark-a-50);
}

.tiptap-button {
  --tt-button-default-text-color: var(--tt-gray-light-a-600);
  --tt-button-hover-text-color: var(--tt-gray-light-a-900);
  --tt-button-active-text-color: var(--tt-gray-light-a-900);
  --tt-button-active-text-color-emphasized: var(--tt-gray-light-a-900);
  --tt-button-active-text-color-subdued: var(--tt-gray-light-a-900);
  --tt-button-disabled-text-color: var(--tt-gray-light-a-400);
}

.dark .tiptap-button {
  --tt-button-default-text-color: var(--tt-gray-dark-a-600);
  --tt-button-hover-text-color: var(--tt-gray-dark-a-900);
  --tt-button-active-text-color: var(--tt-gray-dark-a-900);
  --tt-button-active-text-color-emphasized: var(--tt-gray-dark-a-900);
  --tt-button-active-text-color-subdued: var(--tt-gray-dark-a-900);
  --tt-button-disabled-text-color: var(--tt-gray-dark-a-300);
}

.tiptap-button {
  --tt-button-default-icon-color: var(--tt-gray-light-a-600);
  --tt-button-hover-icon-color: var(--tt-gray-light-a-900);
  --tt-button-active-icon-color: var(--tt-brand-color-500);
  --tt-button-active-icon-color-emphasized: var(--tt-brand-color-600);
  --tt-button-active-icon-color-subdued: var(--tt-gray-light-a-900);
  --tt-button-disabled-icon-color: var(--tt-gray-light-a-400);
}

.dark .tiptap-button {
  --tt-button-default-icon-color: var(--tt-gray-dark-a-600);
  --tt-button-hover-icon-color: var(--tt-gray-dark-a-900);
  --tt-button-active-icon-color: var(--tt-brand-color-400);
  --tt-button-active-icon-color-emphasized: var(--tt-brand-color-400);
  --tt-button-active-icon-color-subdued: var(--tt-gray-dark-a-900);
  --tt-button-disabled-icon-color: var(--tt-gray-dark-a-400);
}

.tiptap-button {
  --tt-button-default-icon-sub-color: var(--tt-gray-light-a-400);
  --tt-button-hover-icon-sub-color: var(--tt-gray-light-a-500);
  --tt-button-active-icon-sub-color: var(--tt-gray-light-a-400);
  --tt-button-active-icon-sub-color-emphasized: var(--tt-gray-light-a-500);
  --tt-button-active-icon-sub-color-subdued: var(--tt-gray-light-a-400);
  --tt-button-disabled-icon-sub-color: var(--tt-gray-light-a-100);
}

.dark .tiptap-button {
  --tt-button-default-icon-sub-color: var(--tt-gray-dark-a-300);
  --tt-button-hover-icon-sub-color: var(--tt-gray-dark-a-400);
  --tt-button-active-icon-sub-color: var(--tt-gray-dark-a-300);
  --tt-button-active-icon-sub-color-emphasized: var(--tt-gray-dark-a-400);
  --tt-button-active-icon-sub-color-subdued: var(--tt-gray-dark-a-300);
  --tt-button-disabled-icon-sub-color: var(--tt-gray-dark-a-100);
}

.tiptap-button {
  --tt-button-default-dropdown-arrows-color: var(--tt-gray-light-a-600);
  --tt-button-hover-dropdown-arrows-color: var(--tt-gray-light-a-700);
  --tt-button-active-dropdown-arrows-color: var(--tt-gray-light-a-600);
  --tt-button-active-dropdown-arrows-color-emphasized: var(--tt-gray-light-a-700);
  --tt-button-active-dropdown-arrows-color-subdued: var(--tt-gray-light-a-600);
  --tt-button-disabled-dropdown-arrows-color: var(--tt-gray-light-a-400);
}

.dark .tiptap-button {
  --tt-button-default-dropdown-arrows-color: var(--tt-gray-dark-a-600);
  --tt-button-hover-dropdown-arrows-color: var(--tt-gray-dark-a-700);
  --tt-button-active-dropdown-arrows-color: var(--tt-gray-dark-a-600);
  --tt-button-active-dropdown-arrows-color-emphasized: var(--tt-gray-dark-a-700);
  --tt-button-active-dropdown-arrows-color-subdued: var(--tt-gray-dark-a-600);
  --tt-button-disabled-dropdown-arrows-color: var(--tt-gray-dark-a-400);
}

.tiptap-button[data-style="ghost"] {
  --tt-button-default-bg-color: var(--transparent);
  --tt-button-hover-bg-color: var(--tt-gray-light-200);
  --tt-button-active-bg-color: var(--tt-gray-light-a-100);
  --tt-button-active-bg-color-emphasized: var(--tt-brand-color-100);
  --tt-button-active-bg-color-subdued: var(--tt-gray-light-a-100);
  --tt-button-active-hover-bg-color: var(--tt-gray-light-200);
  --tt-button-active-hover-bg-color-emphasized: var(--tt-brand-color-200);
  --tt-button-active-hover-bg-color-subdued: var(--tt-gray-light-a-200);
  --tt-button-disabled-bg-color: var(--transparent);
}

.dark .tiptap-button[data-style="ghost"] {
  --tt-button-default-bg-color: var(--transparent);
  --tt-button-hover-bg-color: var(--tt-gray-dark-200);
  --tt-button-active-bg-color: var(--tt-gray-dark-a-100);
  --tt-button-active-bg-color-emphasized: var(--tt-brand-color-900);
  --tt-button-active-bg-color-subdued: var(--tt-gray-dark-a-100);
  --tt-button-active-hover-bg-color: var(--tt-gray-dark-200);
  --tt-button-active-hover-bg-color-emphasized: var(--tt-brand-color-800);
  --tt-button-active-hover-bg-color-subdued: var(--tt-gray-dark-a-200);
  --tt-button-disabled-bg-color: var(--transparent);
}

.tiptap-button[data-style="ghost"] {
  --tt-button-default-text-color: var(--tt-gray-light-a-600);
  --tt-button-hover-text-color: var(--tt-gray-light-a-900);
  --tt-button-active-text-color: var(--tt-gray-light-a-900);
  --tt-button-active-text-color-emphasized: var(--tt-gray-light-a-900);
  --tt-button-active-text-color-subdued: var(--tt-gray-light-a-900);
  --tt-button-disabled-text-color: var(--tt-gray-light-a-400);
}

.dark .tiptap-button[data-style="ghost"] {
  --tt-button-default-text-color: var(--tt-gray-dark-a-600);
  --tt-button-hover-text-color: var(--tt-gray-dark-a-900);
  --tt-button-active-text-color: var(--tt-gray-dark-a-900);
  --tt-button-active-text-color-emphasized: var(--tt-gray-dark-a-900);
  --tt-button-active-text-color-subdued: var(--tt-gray-dark-a-900);
  --tt-button-disabled-text-color: var(--tt-gray-dark-a-300);
}

.tiptap-button[data-style="ghost"] {
  --tt-button-default-icon-color: var(--tt-gray-light-a-600);
  --tt-button-hover-icon-color: var(--tt-gray-light-a-900);
  --tt-button-active-icon-color: var(--tt-brand-color-500);
  --tt-button-active-icon-color-emphasized: var(--tt-brand-color-600);
  --tt-button-active-icon-color-subdued: var(--tt-gray-light-a-900);
  --tt-button-disabled-icon-color: var(--tt-gray-light-a-400);
}

.dark .tiptap-button[data-style="ghost"] {
  --tt-button-default-icon-color: var(--tt-gray-dark-a-600);
  --tt-button-hover-icon-color: var(--tt-gray-dark-a-900);
  --tt-button-active-icon-color: var(--tt-brand-color-400);
  --tt-button-active-icon-color-emphasized: var(--tt-brand-color-300);
  --tt-button-active-icon-color-subdued: var(--tt-gray-dark-a-900);
  --tt-button-disabled-icon-color: var(--tt-gray-dark-a-400);
}

.tiptap-button[data-style="ghost"] {
  --tt-button-default-icon-sub-color: var(--tt-gray-light-a-400);
  --tt-button-hover-icon-sub-color: var(--tt-gray-light-a-500);
  --tt-button-active-icon-sub-color: var(--tt-gray-light-a-400);
  --tt-button-active-icon-sub-color-emphasized: var(--tt-gray-light-a-500);
  --tt-button-active-icon-sub-color-subdued: var(--tt-gray-light-a-400);
  --tt-button-disabled-icon-sub-color: var(--tt-gray-light-a-100);
}

.dark .tiptap-button[data-style="ghost"] {
  --tt-button-default-icon-sub-color: var(--tt-gray-dark-a-300);
  --tt-button-hover-icon-sub-color: var(--tt-gray-dark-a-400);
  --tt-button-active-icon-sub-color: var(--tt-gray-dark-a-300);
  --tt-button-active-icon-sub-color-emphasized: var(--tt-gray-dark-a-400);
  --tt-button-active-icon-sub-color-subdued: var(--tt-gray-dark-a-300);
  --tt-button-disabled-icon-sub-color: var(--tt-gray-dark-a-100);
}

.tiptap-button[data-style="ghost"] {
  --tt-button-default-dropdown-arrows-color: var(--tt-gray-light-a-600);
  --tt-button-hover-dropdown-arrows-color: var(--tt-gray-light-a-700);
  --tt-button-active-dropdown-arrows-color: var(--tt-gray-light-a-600);
  --tt-button-active-dropdown-arrows-color-emphasized: var(--tt-gray-light-a-700);
  --tt-button-active-dropdown-arrows-color-subdued: var(--tt-gray-light-a-600);
  --tt-button-disabled-dropdown-arrows-color: var(--tt-gray-light-a-400);
}

.dark .tiptap-button[data-style="ghost"] {
  --tt-button-default-dropdown-arrows-color: var(--tt-gray-dark-a-600);
  --tt-button-hover-dropdown-arrows-color: var(--tt-gray-dark-a-700);
  --tt-button-active-dropdown-arrows-color: var(--tt-gray-dark-a-600);
  --tt-button-active-dropdown-arrows-color-emphasized: var(--tt-gray-dark-a-700);
  --tt-button-active-dropdown-arrows-color-subdued: var(--tt-gray-dark-a-600);
  --tt-button-disabled-dropdown-arrows-color: var(--tt-gray-dark-a-400);
}

.tiptap-button[data-style="primary"] {
  --tt-button-default-bg-color: var(--tt-brand-color-500);
  --tt-button-hover-bg-color: var(--tt-brand-color-600);
  --tt-button-active-bg-color: var(--tt-brand-color-100);
  --tt-button-active-bg-color-emphasized: var(--tt-brand-color-100);
  --tt-button-active-bg-color-subdued: var(--tt-brand-color-100);
  --tt-button-active-hover-bg-color: var(--tt-brand-color-200);
  --tt-button-active-hover-bg-color-emphasized: var(--tt-brand-color-200);
  --tt-button-active-hover-bg-color-subdued: var(--tt-brand-color-200);
  --tt-button-disabled-bg-color: var(--tt-gray-light-a-100);
}

.dark .tiptap-button[data-style="primary"] {
  --tt-button-default-bg-color: var(--tt-brand-color-500);
  --tt-button-hover-bg-color: var(--tt-brand-color-600);
  --tt-button-active-bg-color: var(--tt-brand-color-900);
  --tt-button-active-bg-color-emphasized: var(--tt-brand-color-900);
  --tt-button-active-bg-color-subdued: var(--tt-brand-color-900);
  --tt-button-active-hover-bg-color: var(--tt-brand-color-800);
  --tt-button-active-hover-bg-color-emphasized: var(--tt-brand-color-800);
  --tt-button-active-hover-bg-color-subdued: var(--tt-brand-color-800);
  --tt-button-disabled-bg-color: var(--tt-gray-dark-a-100);
}

.tiptap-button[data-style="primary"] {
  --tt-button-default-text-color: var(--white);
  --tt-button-hover-text-color: var(--white);
  --tt-button-active-text-color: var(--tt-gray-light-a-900);
  --tt-button-active-text-color-emphasized: var(--tt-gray-light-a-900);
  --tt-button-active-text-color-subdued: var(--tt-gray-light-a-900);
  --tt-button-disabled-text-color: var(--tt-gray-light-a-400);
}

.dark .tiptap-button[data-style="primary"] {
  --tt-button-default-text-color: var(--white);
  --tt-button-hover-text-color: var(--white);
  --tt-button-active-text-color: var(--tt-gray-dark-a-900);
  --tt-button-active-text-color-emphasized: var(--tt-gray-dark-a-900);
  --tt-button-active-text-color-subdued: var(--tt-gray-dark-a-900);
  --tt-button-disabled-text-color: var(--tt-gray-dark-a-300);
}

.tiptap-button[data-style="primary"] {
  --tt-button-default-icon-color: var(--white);
  --tt-button-hover-icon-color: var(--white);
  --tt-button-active-icon-color: var(--tt-brand-color-600);
  --tt-button-active-icon-color-emphasized: var(--tt-brand-color-600);
  --tt-button-active-icon-color-subdued: var(--tt-brand-color-600);
  --tt-button-disabled-icon-color: var(--tt-gray-light-a-400);
}

.dark .tiptap-button[data-style="primary"] {
  --tt-button-default-icon-color: var(--white);
  --tt-button-hover-icon-color: var(--white);
  --tt-button-active-icon-color: var(--tt-brand-color-400);
  --tt-button-active-icon-color-emphasized: var(--tt-brand-color-400);
  --tt-button-active-icon-color-subdued: var(--tt-brand-color-400);
  --tt-button-disabled-icon-color: var(--tt-gray-dark-a-300);
}

.tiptap-button[data-style="primary"] {
  --tt-button-default-icon-sub-color: var(--tt-gray-dark-a-500);
  --tt-button-hover-icon-sub-color: var(--tt-gray-dark-a-500);
  --tt-button-active-icon-sub-color: var(--tt-gray-light-a-500);
  --tt-button-active-icon-sub-color-emphasized: var(--tt-gray-light-a-500);
  --tt-button-active-icon-sub-color-subdued: var(--tt-gray-light-a-500);
  --tt-button-disabled-icon-sub-color: var(--tt-gray-light-a-100);
}

.dark .tiptap-button[data-style="primary"] {
  --tt-button-default-icon-sub-color: var(--tt-gray-dark-a-400);
  --tt-button-hover-icon-sub-color: var(--tt-gray-dark-a-500);
  --tt-button-active-icon-sub-color: var(--tt-gray-dark-a-300);
  --tt-button-active-icon-sub-color-emphasized: var(--tt-gray-dark-a-400);
  --tt-button-active-icon-sub-color-subdued: var(--tt-gray-dark-a-300);
  --tt-button-disabled-icon-sub-color: var(--tt-gray-dark-a-100);
}

.tiptap-button[data-style="primary"] {
  --tt-button-default-dropdown-arrows-color: var(--white);
  --tt-button-hover-dropdown-arrows-color: var(--white);
  --tt-button-active-dropdown-arrows-color: var(--tt-gray-light-a-700);
  --tt-button-active-dropdown-arrows-color-emphasized: var(--tt-gray-light-a-700);
  --tt-button-active-dropdown-arrows-color-subdued: var(--tt-gray-light-a-700);
  --tt-button-disabled-dropdown-arrows-color: var(--tt-gray-light-a-400);
}

.dark .tiptap-button[data-style="primary"] {
  --tt-button-default-dropdown-arrows-color: var(--white);
  --tt-button-hover-dropdown-arrows-color: var(--white);
  --tt-button-active-dropdown-arrows-color: var(--tt-gray-dark-a-600);
  --tt-button-active-dropdown-arrows-color-emphasized: var(--tt-gray-dark-a-600);
  --tt-button-active-dropdown-arrows-color-subdued: var(--tt-gray-dark-a-600);
  --tt-button-disabled-dropdown-arrows-color: var(--tt-gray-dark-a-400);
}

/* [project]/app/components/tiptap-ui-primitive/button/button.scss.css [app-client] (css) */
.tiptap-button {
  font-feature-settings: "salt" on, "cv01" on;
  border-radius: var(--tt-radius-lg, .75rem);
  min-width: 2rem;
  height: 2rem;
  transition-property: background, color, opacity;
  transition-duration: var(--tt-transition-duration-default);
  transition-timing-function: var(--tt-transition-easing-default);
  border: none;
  justify-content: center;
  align-items: center;
  gap: .25rem;
  padding: .5rem;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.15;
  display: flex;
}

.tiptap-button:focus-visible {
  outline: none;
}

.tiptap-button[data-highlighted="true"], .tiptap-button[data-focus-visible="true"] {
  background-color: var(--tt-button-hover-bg-color);
  color: var(--tt-button-hover-text-color);
}

.tiptap-button[data-weight="small"] {
  width: 1.5rem;
  min-width: 1.5rem;
  padding-left: 0;
  padding-right: 0;
}

.tiptap-button[data-size="large"] {
  min-width: 2.375rem;
  height: 2.375rem;
  padding: .625rem;
  font-size: .9375rem;
}

.tiptap-button[data-size="small"] {
  border-radius: var(--tt-radius-md, .5rem);
  min-width: 1.5rem;
  height: 1.5rem;
  padding: .3125rem;
  font-size: .75rem;
  line-height: 1.2;
}

.tiptap-button .tiptap-button-text {
  text-align: left;
  flex-grow: 1;
  padding: 0 .125rem;
  line-height: 1.5rem;
}

.tiptap-button[data-text-trim="on"] .tiptap-button-text {
  text-overflow: ellipsis;
  overflow: hidden;
}

.tiptap-button .tiptap-button-icon, .tiptap-button .tiptap-button-icon-sub, .tiptap-button .tiptap-button-dropdown-arrows, .tiptap-button .tiptap-button-dropdown-small {
  flex-shrink: 0;
}

.tiptap-button .tiptap-button-icon {
  width: 1rem;
  height: 1rem;
}

.tiptap-button[data-size="large"] .tiptap-button-icon {
  width: 1.125rem;
  height: 1.125rem;
}

.tiptap-button[data-size="small"] .tiptap-button-icon {
  width: .875rem;
  height: .875rem;
}

.tiptap-button .tiptap-button-icon-sub {
  width: 1rem;
  height: 1rem;
}

.tiptap-button[data-size="large"] .tiptap-button-icon-sub {
  width: 1.125rem;
  height: 1.125rem;
}

.tiptap-button[data-size="small"] .tiptap-button-icon-sub {
  width: .875rem;
  height: .875rem;
}

.tiptap-button .tiptap-button-dropdown-arrows {
  width: .75rem;
  height: .75rem;
}

.tiptap-button[data-size="large"] .tiptap-button-dropdown-arrows {
  width: .875rem;
  height: .875rem;
}

.tiptap-button[data-size="small"] .tiptap-button-dropdown-arrows, .tiptap-button .tiptap-button-dropdown-small {
  width: .625rem;
  height: .625rem;
}

.tiptap-button[data-size="large"] .tiptap-button-dropdown-small {
  width: .75rem;
  height: .75rem;
}

.tiptap-button[data-size="small"] .tiptap-button-dropdown-small {
  width: .5rem;
  height: .5rem;
}

.tiptap-button:has( > svg):not(:has( > :not(svg))) {
  gap: .125rem;
}

:is(.tiptap-button:has( > svg):not(:has( > :not(svg)))[data-size="large"], .tiptap-button:has( > svg):not(:has( > :not(svg)))[data-size="small"]) {
  gap: .125rem;
}

.tiptap-button:has( > svg:nth-of-type(2)):has( > .tiptap-button-dropdown-small):not(:has( > svg:nth-of-type(3))):not(:has( > .tiptap-button-text)) {
  gap: 0;
  padding-right: .25rem;
}

.tiptap-button:has( > svg:nth-of-type(2)):has( > .tiptap-button-dropdown-small):not(:has( > svg:nth-of-type(3))):not(:has( > .tiptap-button-text))[data-size="large"] {
  padding-right: .375rem;
}

.tiptap-button:has( > svg:nth-of-type(2)):has( > .tiptap-button-dropdown-small):not(:has( > svg:nth-of-type(3))):not(:has( > .tiptap-button-text))[data-size="small"] {
  padding-right: .25rem;
}

.tiptap-button .tiptap-button-emoji {
  justify-content: center;
  width: 1rem;
  display: flex;
}

.tiptap-button[data-size="large"] .tiptap-button-emoji {
  width: 1.125rem;
}

.tiptap-button[data-size="small"] .tiptap-button-emoji {
  width: .875rem;
}

.tiptap-button {
  background-color: var(--tt-button-default-bg-color);
  color: var(--tt-button-default-text-color);
}

.tiptap-button .tiptap-button-icon {
  color: var(--tt-button-default-icon-color);
}

.tiptap-button .tiptap-button-icon-sub {
  color: var(--tt-button-default-icon-sub-color);
}

.tiptap-button .tiptap-button-dropdown-arrows, .tiptap-button .tiptap-button-dropdown-small {
  color: var(--tt-button-default-dropdown-arrows-color);
}

.tiptap-button:hover:not([data-active-item="true"]):not([disabled]), .tiptap-button[data-active-item="true"]:not([disabled]), .tiptap-button[data-highlighted]:not([disabled]):not([data-highlighted="false"]) {
  background-color: var(--tt-button-hover-bg-color);
  color: var(--tt-button-hover-text-color);
}

.tiptap-button:hover:not([data-active-item="true"]):not([disabled]) .tiptap-button-icon, .tiptap-button[data-active-item="true"]:not([disabled]) .tiptap-button-icon, .tiptap-button[data-highlighted]:not([disabled]):not([data-highlighted="false"]) .tiptap-button-icon {
  color: var(--tt-button-hover-icon-color);
}

.tiptap-button:hover:not([data-active-item="true"]):not([disabled]) .tiptap-button-icon-sub, .tiptap-button[data-active-item="true"]:not([disabled]) .tiptap-button-icon-sub, .tiptap-button[data-highlighted]:not([disabled]):not([data-highlighted="false"]) .tiptap-button-icon-sub {
  color: var(--tt-button-hover-icon-sub-color);
}

.tiptap-button:hover:not([data-active-item="true"]):not([disabled]) .tiptap-button-dropdown-arrows, .tiptap-button:hover:not([data-active-item="true"]):not([disabled]) .tiptap-button-dropdown-small, .tiptap-button[data-active-item="true"]:not([disabled]) .tiptap-button-dropdown-arrows, .tiptap-button[data-active-item="true"]:not([disabled]) .tiptap-button-dropdown-small, .tiptap-button[data-highlighted]:not([disabled]):not([data-highlighted="false"]) .tiptap-button-dropdown-arrows, .tiptap-button[data-highlighted]:not([disabled]):not([data-highlighted="false"]) .tiptap-button-dropdown-small {
  color: var(--tt-button-hover-dropdown-arrows-color);
}

.tiptap-button[data-active-state="on"]:not([disabled]), .tiptap-button[data-state="open"]:not([disabled]) {
  background-color: var(--tt-button-active-bg-color);
  color: var(--tt-button-active-text-color);
}

.tiptap-button[data-active-state="on"]:not([disabled]) .tiptap-button-icon, .tiptap-button[data-state="open"]:not([disabled]) .tiptap-button-icon {
  color: var(--tt-button-active-icon-color);
}

.tiptap-button[data-active-state="on"]:not([disabled]) .tiptap-button-icon-sub, .tiptap-button[data-state="open"]:not([disabled]) .tiptap-button-icon-sub {
  color: var(--tt-button-active-icon-sub-color);
}

.tiptap-button[data-active-state="on"]:not([disabled]) .tiptap-button-dropdown-arrows, .tiptap-button[data-active-state="on"]:not([disabled]) .tiptap-button-dropdown-small, .tiptap-button[data-state="open"]:not([disabled]) .tiptap-button-dropdown-arrows, .tiptap-button[data-state="open"]:not([disabled]) .tiptap-button-dropdown-small {
  color: var(--tt-button-active-dropdown-arrows-color);
}

.tiptap-button[data-active-state="on"]:not([disabled]):hover, .tiptap-button[data-state="open"]:not([disabled]):hover {
  background-color: var(--tt-button-active-hover-bg-color);
}

.tiptap-button[data-active-state="on"]:not([disabled])[data-appearance="emphasized"], .tiptap-button[data-state="open"]:not([disabled])[data-appearance="emphasized"] {
  background-color: var(--tt-button-active-bg-color-emphasized);
  color: var(--tt-button-active-text-color-emphasized);
}

.tiptap-button[data-active-state="on"]:not([disabled])[data-appearance="emphasized"] .tiptap-button-icon, .tiptap-button[data-state="open"]:not([disabled])[data-appearance="emphasized"] .tiptap-button-icon {
  color: var(--tt-button-active-icon-color-emphasized);
}

.tiptap-button[data-active-state="on"]:not([disabled])[data-appearance="emphasized"] .tiptap-button-icon-sub, .tiptap-button[data-state="open"]:not([disabled])[data-appearance="emphasized"] .tiptap-button-icon-sub {
  color: var(--tt-button-active-icon-sub-color-emphasized);
}

.tiptap-button[data-active-state="on"]:not([disabled])[data-appearance="emphasized"] .tiptap-button-dropdown-arrows, .tiptap-button[data-active-state="on"]:not([disabled])[data-appearance="emphasized"] .tiptap-button-dropdown-small, .tiptap-button[data-state="open"]:not([disabled])[data-appearance="emphasized"] .tiptap-button-dropdown-arrows, .tiptap-button[data-state="open"]:not([disabled])[data-appearance="emphasized"] .tiptap-button-dropdown-small {
  color: var(--tt-button-active-dropdown-arrows-color-emphasized);
}

.tiptap-button[data-active-state="on"]:not([disabled])[data-appearance="emphasized"]:hover, .tiptap-button[data-state="open"]:not([disabled])[data-appearance="emphasized"]:hover {
  background-color: var(--tt-button-active-hover-bg-color-emphasized);
}

.tiptap-button[data-active-state="on"]:not([disabled])[data-appearance="subdued"], .tiptap-button[data-state="open"]:not([disabled])[data-appearance="subdued"] {
  background-color: var(--tt-button-active-bg-color-subdued);
  color: var(--tt-button-active-text-color-subdued);
}

.tiptap-button[data-active-state="on"]:not([disabled])[data-appearance="subdued"] .tiptap-button-icon, .tiptap-button[data-state="open"]:not([disabled])[data-appearance="subdued"] .tiptap-button-icon {
  color: var(--tt-button-active-icon-color-subdued);
}

.tiptap-button[data-active-state="on"]:not([disabled])[data-appearance="subdued"] .tiptap-button-icon-sub, .tiptap-button[data-state="open"]:not([disabled])[data-appearance="subdued"] .tiptap-button-icon-sub {
  color: var(--tt-button-active-icon-sub-color-subdued);
}

.tiptap-button[data-active-state="on"]:not([disabled])[data-appearance="subdued"] .tiptap-button-dropdown-arrows, .tiptap-button[data-active-state="on"]:not([disabled])[data-appearance="subdued"] .tiptap-button-dropdown-small, .tiptap-button[data-state="open"]:not([disabled])[data-appearance="subdued"] .tiptap-button-dropdown-arrows, .tiptap-button[data-state="open"]:not([disabled])[data-appearance="subdued"] .tiptap-button-dropdown-small {
  color: var(--tt-button-active-dropdown-arrows-color-subdued);
}

.tiptap-button[data-active-state="on"]:not([disabled])[data-appearance="subdued"]:hover, .tiptap-button[data-state="open"]:not([disabled])[data-appearance="subdued"]:hover {
  background-color: var(--tt-button-active-hover-bg-color-subdued);
}

.tiptap-button[data-active-state="on"]:not([disabled])[data-appearance="subdued"]:hover .tiptap-button-icon, .tiptap-button[data-state="open"]:not([disabled])[data-appearance="subdued"]:hover .tiptap-button-icon {
  color: var(--tt-button-active-icon-color-subdued);
}

.tiptap-button:disabled {
  background-color: var(--tt-button-disabled-bg-color);
  color: var(--tt-button-disabled-text-color);
}

.tiptap-button:disabled .tiptap-button-icon {
  color: var(--tt-button-disabled-icon-color);
}

/* [project]/app/components/tiptap-ui-primitive/separator/separator.scss.css [app-client] (css) */
.tiptap-separator {
  --tt-link-border-color: var(--tt-gray-light-a-200);
}

.dark .tiptap-separator {
  --tt-link-border-color: var(--tt-gray-dark-a-200);
}

.tiptap-separator {
  background-color: var(--tt-link-border-color);
  flex-shrink: 0;
}

.tiptap-separator[data-orientation="horizontal"] {
  width: 100%;
  height: 1px;
  margin: .5rem 0;
}

.tiptap-separator[data-orientation="vertical"] {
  width: 1px;
  height: 1.5rem;
}

/* [project]/app/components/tiptap-ui-primitive/toolbar/toolbar.scss.css [app-client] (css) */
:root {
  --tt-toolbar-height: 2.75rem;
  --tt-safe-area-bottom: env(safe-area-inset-bottom, 0px);
  --tt-toolbar-bg-color: var(--white);
  --tt-toolbar-border-color: var(--tt-gray-light-a-100);
}

.dark {
  --tt-toolbar-bg-color: var(--black);
  --tt-toolbar-border-color: var(--tt-gray-dark-a-50);
}

.tiptap-toolbar {
  align-items: center;
  gap: .25rem;
  display: flex;
}

.tiptap-toolbar-group {
  align-items: center;
  gap: .125rem;
  display: flex;
}

.tiptap-toolbar-group:empty, .tiptap-toolbar-group:empty + .tiptap-separator, .tiptap-separator + .tiptap-toolbar-group:empty {
  display: none;
}

.tiptap-toolbar[data-variant="fixed"] {
  z-index: 50;
  width: 100%;
  min-height: var(--tt-toolbar-height);
  background: var(--tt-toolbar-bg-color);
  border-bottom: 1px solid var(--tt-toolbar-border-color);
  overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding: 0 .5rem;
  position: sticky;
  top: 0;
  overflow-x: auto;
}

.tiptap-toolbar[data-variant="fixed"]::-webkit-scrollbar {
  display: none;
}

@media (max-width: 480px) {
  .tiptap-toolbar[data-variant="fixed"] {
    height: calc(var(--tt-toolbar-height)  + var(--tt-safe-area-bottom));
    border-top: 1px solid var(--tt-toolbar-border-color);
    padding: 0 .5rem var(--tt-safe-area-bottom);
    border-bottom: none;
    flex-wrap: nowrap;
    justify-content: flex-start;
    position: absolute;
    top: auto;
  }

  .tiptap-toolbar[data-variant="fixed"] .tiptap-toolbar-group {
    flex: none;
  }
}

.tiptap-toolbar[data-variant="floating"] {
  --tt-toolbar-padding: .125rem;
  --tt-toolbar-border-width: 1px;
  border-radius: calc(var(--tt-toolbar-padding)  + var(--tt-radius-lg)  + var(--tt-toolbar-border-width));
  border: var(--tt-toolbar-border-width) solid var(--tt-toolbar-border-color);
  background-color: var(--tt-toolbar-bg-color);
  box-shadow: var(--tt-shadow-elevated-md);
  outline: none;
  padding: .188rem;
  overflow: hidden;
}

.tiptap-toolbar[data-variant="floating"][data-plain="true"] {
  box-shadow: none;
  background-color: #0000;
  border: none;
  border-radius: 0;
  padding: 0;
}

@media screen and (max-width: 480px) {
  .tiptap-toolbar[data-variant="floating"] {
    width: 100%;
    box-shadow: none;
    border: none;
    border-radius: 0;
  }
}

/* [project]/app/components/tiptap-node/image-upload-node/image-upload-node.scss.css [app-client] (css) */
:root {
  --tiptap-image-upload-active: var(--tt-brand-color-500);
  --tiptap-image-upload-progress-bg: var(--tt-brand-color-50);
  --tiptap-image-upload-icon-bg: var(--tt-brand-color-500);
  --tiptap-image-upload-text-color: var(--tt-gray-light-a-700);
  --tiptap-image-upload-subtext-color: var(--tt-gray-light-a-400);
  --tiptap-image-upload-border: var(--tt-gray-light-a-300);
  --tiptap-image-upload-border-hover: var(--tt-gray-light-a-400);
  --tiptap-image-upload-border-active: var(--tt-brand-color-500);
  --tiptap-image-upload-icon-doc-bg: var(--tt-gray-light-a-200);
  --tiptap-image-upload-icon-doc-border: var(--tt-gray-light-300);
  --tiptap-image-upload-icon-color: var(--white);
}

.dark {
  --tiptap-image-upload-active: var(--tt-brand-color-400);
  --tiptap-image-upload-progress-bg: var(--tt-brand-color-900);
  --tiptap-image-upload-icon-bg: var(--tt-brand-color-400);
  --tiptap-image-upload-text-color: var(--tt-gray-dark-a-700);
  --tiptap-image-upload-subtext-color: var(--tt-gray-dark-a-400);
  --tiptap-image-upload-border: var(--tt-gray-dark-a-300);
  --tiptap-image-upload-border-hover: var(--tt-gray-dark-a-400);
  --tiptap-image-upload-border-active: var(--tt-brand-color-400);
  --tiptap-image-upload-icon-doc-bg: var(--tt-gray-dark-a-200);
  --tiptap-image-upload-icon-doc-border: var(--tt-gray-dark-300);
  --tiptap-image-upload-icon-color: var(--black);
}

.tiptap-image-upload {
  margin: 2rem 0;
}

.tiptap-image-upload input[type="file"] {
  display: none;
}

.tiptap-image-upload .tiptap-image-upload-dropzone {
  -webkit-user-select: none;
  user-select: none;
  justify-content: center;
  align-items: flex-start;
  width: 3.125rem;
  height: 3.75rem;
  display: inline-flex;
  position: relative;
}

.tiptap-image-upload .tiptap-image-upload-icon-container {
  background-color: var(--tiptap-image-upload-icon-bg);
  border-radius: var(--tt-radius-lg, .75rem);
  justify-content: center;
  align-items: center;
  width: 1.75rem;
  height: 1.75rem;
  display: flex;
  position: absolute;
  bottom: 0;
  right: 0;
}

.tiptap-image-upload .tiptap-image-upload-icon {
  width: .875rem;
  height: .875rem;
  color: var(--tiptap-image-upload-icon-color);
}

.tiptap-image-upload .tiptap-image-upload-dropzone-rect-primary {
  color: var(--tiptap-image-upload-icon-doc-bg);
  position: absolute;
}

.tiptap-image-upload .tiptap-image-upload-dropzone-rect-secondary {
  color: var(--tiptap-image-upload-icon-doc-border);
  position: absolute;
  top: 0;
  bottom: 0;
  right: .25rem;
}

.tiptap-image-upload .tiptap-image-upload-text {
  color: var(--tiptap-image-upload-text-color);
  font-size: .875rem;
  font-weight: 500;
  line-height: normal;
}

.tiptap-image-upload .tiptap-image-upload-text em {
  font-style: normal;
  text-decoration: underline;
}

.tiptap-image-upload .tiptap-image-upload-subtext {
  color: var(--tiptap-image-upload-subtext-color);
  font-size: .75rem;
  font-weight: 600;
  line-height: normal;
}

.tiptap-image-upload .tiptap-image-upload-drag-area {
  border: 1.5px dashed var(--tiptap-image-upload-border);
  border-radius: var(--tt-radius-md, .5rem);
  text-align: center;
  cursor: pointer;
  padding: 2rem 1.5rem;
  transition: all .2s;
  position: relative;
  overflow: hidden;
}

.tiptap-image-upload .tiptap-image-upload-drag-area:hover {
  border-color: var(--tiptap-image-upload-border-hover);
}

.tiptap-image-upload .tiptap-image-upload-drag-area.drag-active {
  border-color: var(--tiptap-image-upload-border-active);
  background-color: rgba(var(--tiptap-image-upload-active-rgb, 0, 123, 255), .05);
}

.tiptap-image-upload .tiptap-image-upload-drag-area.drag-over {
  border-color: var(--tiptap-image-upload-border-active);
  background-color: rgba(var(--tiptap-image-upload-active-rgb, 0, 123, 255), .1);
}

.tiptap-image-upload .tiptap-image-upload-content {
  -webkit-user-select: none;
  user-select: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: .25rem;
  display: flex;
}

.tiptap-image-upload .tiptap-image-upload-previews {
  flex-direction: column;
  gap: .75rem;
  display: flex;
}

.tiptap-image-upload .tiptap-image-upload-header {
  border-bottom: 1px solid var(--tiptap-image-upload-border);
  justify-content: space-between;
  align-items: center;
  margin-bottom: .5rem;
  padding: .5rem 0;
  display: flex;
}

.tiptap-image-upload .tiptap-image-upload-header span {
  color: var(--tiptap-image-upload-text-color);
  font-size: .875rem;
  font-weight: 500;
}

.tiptap-image-upload .tiptap-image-upload-preview {
  border-radius: var(--tt-radius-md, .5rem);
  position: relative;
  overflow: hidden;
}

.tiptap-image-upload .tiptap-image-upload-preview .tiptap-image-upload-progress {
  background-color: var(--tiptap-image-upload-progress-bg);
  transition: all .3s ease-out;
  position: absolute;
  inset: 0;
}

.tiptap-image-upload .tiptap-image-upload-preview .tiptap-image-upload-preview-content {
  border: 1px solid var(--tiptap-image-upload-border);
  border-radius: var(--tt-radius-md, .5rem);
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  display: flex;
  position: relative;
}

.tiptap-image-upload .tiptap-image-upload-preview .tiptap-image-upload-file-info {
  align-items: center;
  gap: .75rem;
  height: 2rem;
  display: flex;
}

.tiptap-image-upload .tiptap-image-upload-preview .tiptap-image-upload-file-info .tiptap-image-upload-file-icon {
  background-color: var(--tiptap-image-upload-icon-bg);
  border-radius: var(--tt-radius-lg, .75rem);
  padding: .5rem;
}

.tiptap-image-upload .tiptap-image-upload-preview .tiptap-image-upload-file-info .tiptap-image-upload-file-icon svg {
  width: .875rem;
  height: .875rem;
  color: var(--tiptap-image-upload-icon-color);
}

.tiptap-image-upload .tiptap-image-upload-preview .tiptap-image-upload-details {
  flex-direction: column;
  display: flex;
}

.tiptap-image-upload .tiptap-image-upload-preview .tiptap-image-upload-actions {
  align-items: center;
  gap: .5rem;
  display: flex;
}

.tiptap-image-upload .tiptap-image-upload-preview .tiptap-image-upload-actions .tiptap-image-upload-progress-text {
  color: var(--tiptap-image-upload-border-active);
  font-size: .75rem;
  font-weight: 600;
}

.tiptap.ProseMirror.ProseMirror-focused .ProseMirror-selectednode .tiptap-image-upload-drag-area {
  border-color: var(--tiptap-image-upload-active);
}

@media (max-width: 480px) {
  .tiptap-image-upload .tiptap-image-upload-drag-area {
    padding: 1.5rem 1rem;
  }

  .tiptap-image-upload .tiptap-image-upload-header {
    flex-direction: column;
    align-items: flex-start;
    gap: .5rem;
  }

  .tiptap-image-upload .tiptap-image-upload-preview-content {
    padding: .75rem;
  }
}

/* [project]/app/components/tiptap-node/blockquote-node/blockquote-node.scss.css [app-client] (css) */
.tiptap.ProseMirror {
  --blockquote-bg-color: var(--tt-gray-light-900);
}

.dark .tiptap.ProseMirror {
  --blockquote-bg-color: var(--tt-gray-dark-900);
}

.tiptap.ProseMirror blockquote {
  margin: 1.5rem 0;
  padding-top: .375em;
  padding-bottom: .375em;
  padding-left: 1em;
  position: relative;
}

.tiptap.ProseMirror blockquote p {
  margin-top: 0;
}

.tiptap.ProseMirror blockquote:before, .tiptap.ProseMirror blockquote.is-empty:before {
  background-color: var(--blockquote-bg-color);
  content: "";
  border-radius: 0;
  width: .25em;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

/* [project]/app/components/tiptap-node/code-block-node/code-block-node.scss.css [app-client] (css) */
.tiptap.ProseMirror {
  --tt-inline-code-bg-color: var(--tt-gray-light-a-100);
  --tt-inline-code-text-color: var(--tt-gray-light-a-700);
  --tt-inline-code-border-color: var(--tt-gray-light-a-200);
  --tt-codeblock-bg: var(--tt-gray-light-a-50);
  --tt-codeblock-text: var(--tt-gray-light-a-800);
  --tt-codeblock-border: var(--tt-gray-light-a-200);
}

.dark .tiptap.ProseMirror {
  --tt-inline-code-bg-color: var(--tt-gray-dark-a-100);
  --tt-inline-code-text-color: var(--tt-gray-dark-a-700);
  --tt-inline-code-border-color: var(--tt-gray-dark-a-200);
  --tt-codeblock-bg: var(--tt-gray-dark-a-50);
  --tt-codeblock-text: var(--tt-gray-dark-a-800);
  --tt-codeblock-border: var(--tt-gray-dark-a-200);
}

.tiptap.ProseMirror code {
  background-color: var(--tt-inline-code-bg-color);
  color: var(--tt-inline-code-text-color);
  border: 1px solid var(--tt-inline-code-border-color);
  border-radius: 6px / .375rem;
  padding: .1em .2em;
  font-family: JetBrains Mono NL, monospace;
  font-size: .875em;
  line-height: 1.4;
}

.tiptap.ProseMirror pre {
  background-color: var(--tt-codeblock-bg);
  color: var(--tt-codeblock-text);
  border: 1px solid var(--tt-codeblock-border);
  border-radius: 6px / .375rem;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  padding: 1em;
  font-size: 1rem;
}

.tiptap.ProseMirror pre code {
  -webkit-text-fill-color: inherit;
  color: inherit;
  background-color: #0000;
  border: none;
  border-radius: 0;
}

/* [project]/app/components/tiptap-node/horizontal-rule-node/horizontal-rule-node.scss.css [app-client] (css) */
.tiptap.ProseMirror {
  --horizontal-rule-color: var(--tt-gray-light-a-200);
}

.dark .tiptap.ProseMirror {
  --horizontal-rule-color: var(--tt-gray-dark-a-200);
}

.tiptap.ProseMirror hr {
  background-color: var(--horizontal-rule-color);
  border: none;
  height: 1px;
}

.tiptap.ProseMirror [data-type="horizontalRule"] {
  margin-top: 2.25em;
  margin-bottom: 2.25em;
  padding-top: .75rem;
  padding-bottom: .75rem;
}

/* [project]/app/components/tiptap-node/list-node/list-node.scss.css [app-client] (css) */
.tiptap.ProseMirror {
  --tt-checklist-bg-color: var(--tt-gray-light-a-100);
  --tt-checklist-bg-active-color: var(--tt-gray-light-a-900);
  --tt-checklist-border-color: var(--tt-gray-light-a-200);
  --tt-checklist-border-active-color: var(--tt-gray-light-a-900);
  --tt-checklist-check-icon-color: var(--white);
  --tt-checklist-text-active: var(--tt-gray-light-a-500);
}

.dark .tiptap.ProseMirror {
  --tt-checklist-bg-color: var(--tt-gray-dark-a-100);
  --tt-checklist-bg-active-color: var(--tt-gray-dark-a-900);
  --tt-checklist-border-color: var(--tt-gray-dark-a-200);
  --tt-checklist-border-active-color: var(--tt-gray-dark-a-900);
  --tt-checklist-check-icon-color: var(--black);
  --tt-checklist-text-active: var(--tt-gray-dark-a-500);
}

.tiptap.ProseMirror ol, .tiptap.ProseMirror ul {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  padding-left: 1.5em;
}

.tiptap.ProseMirror ol:first-child, .tiptap.ProseMirror ul:first-child {
  margin-top: 0;
}

.tiptap.ProseMirror ol:last-child, .tiptap.ProseMirror ul:last-child {
  margin-bottom: 0;
}

.tiptap.ProseMirror ol ol, .tiptap.ProseMirror ol ul, .tiptap.ProseMirror ul ol, .tiptap.ProseMirror ul ul {
  margin-top: 0;
  margin-bottom: 0;
}

.tiptap.ProseMirror li p:not(:first-child):not(td p):not(th p) {
  margin-top: 0;
  line-height: 1.6;
}

.tiptap.ProseMirror ol {
  list-style: decimal;
}

.tiptap.ProseMirror ol ol {
  list-style: lower-alpha;
}

.tiptap.ProseMirror ol ol ol {
  list-style: lower-roman;
}

.tiptap.ProseMirror ol ol ol ol {
  list-style: decimal;
}

.tiptap.ProseMirror ol ol ol ol ol {
  list-style: lower-alpha;
}

.tiptap.ProseMirror ol ol ol ol ol ol {
  list-style: lower-roman;
}

.tiptap.ProseMirror ol ol ol ol ol ol ol {
  list-style: decimal;
}

.tiptap.ProseMirror ol ol ol ol ol ol ol ol {
  list-style: lower-alpha;
}

.tiptap.ProseMirror ol ol ol ol ol ol ol ol ol {
  list-style: lower-roman;
}

.tiptap.ProseMirror ul:not([data-type="taskList"]) {
  list-style: outside;
}

.tiptap.ProseMirror ul:not([data-type="taskList"]) ul {
  list-style: circle;
}

.tiptap.ProseMirror ul:not([data-type="taskList"]) ul ul {
  list-style: square;
}

.tiptap.ProseMirror ul:not([data-type="taskList"]) ul ul ul {
  list-style: outside;
}

.tiptap.ProseMirror ul:not([data-type="taskList"]) ul ul ul ul {
  list-style: circle;
}

.tiptap.ProseMirror ul:not([data-type="taskList"]) ul ul ul ul ul {
  list-style: square;
}

.tiptap.ProseMirror ul:not([data-type="taskList"]) ul ul ul ul ul ul {
  list-style: outside;
}

.tiptap.ProseMirror ul:not([data-type="taskList"]) ul ul ul ul ul ul ul {
  list-style: circle;
}

.tiptap.ProseMirror ul:not([data-type="taskList"]) ul ul ul ul ul ul ul ul {
  list-style: square;
}

.tiptap.ProseMirror ul[data-type="taskList"] {
  padding-left: .25em;
}

.tiptap.ProseMirror ul[data-type="taskList"] li {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.tiptap.ProseMirror ul[data-type="taskList"] li:not(:has( > p:first-child)) {
  list-style-type: none;
}

.tiptap.ProseMirror ul[data-type="taskList"] li[data-checked="true"] > div > p {
  opacity: .5;
  text-decoration: line-through;
}

.tiptap.ProseMirror ul[data-type="taskList"] li[data-checked="true"] > div > p span {
  text-decoration: line-through;
}

.tiptap.ProseMirror ul[data-type="taskList"] li label {
  padding-top: .375rem;
  padding-right: .5rem;
  position: relative;
}

.tiptap.ProseMirror ul[data-type="taskList"] li label input[type="checkbox"] {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}

.tiptap.ProseMirror ul[data-type="taskList"] li label span {
  border: 1px solid var(--tt-checklist-border-color);
  border-radius: var(--tt-radius-xs, .25rem);
  cursor: pointer;
  background-color: var(--tt-checklist-bg-color);
  width: 1em;
  height: 1em;
  transition: background-color 80ms ease-out, border-color 80ms ease-out;
  display: block;
  position: relative;
}

.tiptap.ProseMirror ul[data-type="taskList"] li label span:before {
  content: "";
  background-color: var(--tt-checklist-check-icon-color);
  opacity: 0;
  width: .75em;
  height: .75em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21.4142%204.58579C22.1953%205.36683%2022.1953%206.63317%2021.4142%207.41421L10.4142%2018.4142C9.63317%2019.1953%208.36684%2019.1953%207.58579%2018.4142L2.58579%2013.4142C1.80474%2012.6332%201.80474%2011.3668%202.58579%2010.5858C3.36683%209.80474%204.63317%209.80474%205.41421%2010.5858L9%2014.1716L18.5858%204.58579C19.3668%203.80474%2020.6332%203.80474%2021.4142%204.58579Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21.4142%204.58579C22.1953%205.36683%2022.1953%206.63317%2021.4142%207.41421L10.4142%2018.4142C9.63317%2019.1953%208.36684%2019.1953%207.58579%2018.4142L2.58579%2013.4142C1.80474%2012.6332%201.80474%2011.3668%202.58579%2010.5858C3.36683%209.80474%204.63317%209.80474%205.41421%2010.5858L9%2014.1716L18.5858%204.58579C19.3668%203.80474%2020.6332%203.80474%2021.4142%204.58579Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
}

.tiptap.ProseMirror ul[data-type="taskList"] li label input[type="checkbox"]:checked + span {
  background: var(--tt-checklist-bg-active-color);
  border-color: var(--tt-checklist-border-active-color);
}

.tiptap.ProseMirror ul[data-type="taskList"] li label input[type="checkbox"]:checked + span:before {
  opacity: 1;
}

.tiptap.ProseMirror ul[data-type="taskList"] li div {
  flex: 1;
  min-width: 0;
}

/* [project]/app/components/tiptap-node/image-node/image-node.scss.css [app-client] (css) */
.tiptap.ProseMirror img {
  max-width: 100%;
  height: auto;
  display: block;
}

.tiptap.ProseMirror p > img {
  display: inline-block;
}

.tiptap.ProseMirror > img:not([data-type="emoji"] img) {
  border-radius: var(--tt-radius-xs, .25rem);
  outline: .125rem solid #0000;
  margin: 2rem 0;
}

.tiptap.ProseMirror img:not([data-type="emoji"] img).ProseMirror-selectednode {
  outline-color: var(--tt-brand-color-500);
}

.tiptap.ProseMirror .tiptap-thread:has( > img) {
  margin: 2rem 0;
}

.tiptap.ProseMirror .tiptap-thread:has( > img) img {
  border-radius: var(--tt-radius-xs, .25rem);
  outline: .125rem solid #0000;
}

.tiptap.ProseMirror .tiptap-thread img {
  margin: 0;
}

/* [project]/app/components/tiptap-node/heading-node/heading-node.scss.css [app-client] (css) */
.tiptap.ProseMirror h1, .tiptap.ProseMirror h2, .tiptap.ProseMirror h3, .tiptap.ProseMirror h4 {
  color: inherit;
  font-style: inherit;
  position: relative;
}

.tiptap.ProseMirror > h1:first-child, .tiptap.ProseMirror > h2:first-child, .tiptap.ProseMirror > h3:first-child, .tiptap.ProseMirror > h4:first-child, .tiptap.ProseMirror > .ProseMirror-widget + h1, .tiptap.ProseMirror > .ProseMirror-widget + h2, .tiptap.ProseMirror > .ProseMirror-widget + h3, .tiptap.ProseMirror > .ProseMirror-widget + h4 {
  margin-top: 0;
}

.tiptap.ProseMirror h1 {
  margin-top: 3em;
  font-size: 1.5em;
  font-weight: 700;
}

.tiptap.ProseMirror h2 {
  margin-top: 2.5em;
  font-size: 1.25em;
  font-weight: 700;
}

.tiptap.ProseMirror h3 {
  margin-top: 2em;
  font-size: 1.125em;
  font-weight: 600;
}

.tiptap.ProseMirror h4 {
  margin-top: 2em;
  font-size: 1em;
  font-weight: 600;
}

/* [project]/app/components/tiptap-node/paragraph-node/paragraph-node.scss.css [app-client] (css) */
.tiptap.ProseMirror {
  --tt-collaboration-carets-label: var(--tt-gray-light-900);
  --link-text-color: var(--tt-brand-color-500);
  --placeholder-color: var(--tt-gray-light-a-400);
  --tiptap-ai-insertion-color: var(--tt-brand-color-600);
}

.dark .tiptap.ProseMirror {
  --tt-collaboration-carets-label: var(--tt-gray-dark-100);
  --link-text-color: var(--tt-brand-color-400);
  --placeholder-color: var(--tt-gray-dark-a-400);
  --tiptap-ai-insertion-color: var(--tt-brand-color-400);
}

.tiptap.ProseMirror > * {
  position: relative;
}

.tiptap.ProseMirror {
  white-space: pre-wrap;
  caret-color: var(--tt-cursor-color);
  outline: none;
}

.tiptap.ProseMirror p:not(:first-child):not(td p):not(th p) {
  margin-top: 20px;
}

.tiptap.ProseMirror p:not(td p):not(th p) {
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.6;
}

.tiptap.ProseMirror:not(.readonly):not(.ProseMirror-hideselection) ::selection {
  background-color: var(--tt-selection-color);
}

.tiptap.ProseMirror:not(.readonly):not(.ProseMirror-hideselection) .selection::selection {
  background: none;
}

.tiptap.ProseMirror .selection {
  background-color: var(--tt-selection-color);
  display: inline;
}

.tiptap.ProseMirror .ProseMirror-selectednode:not(img):not(pre):not(.react-renderer) {
  border-radius: var(--tt-radius-md);
  background-color: var(--tt-selection-color);
}

.tiptap.ProseMirror .ProseMirror-hideselection {
  caret-color: #0000;
}

.tiptap.ProseMirror.resize-cursor {
  cursor: ew-resize;
  cursor: col-resize;
}

.tiptap.ProseMirror a span {
  text-decoration: underline;
}

.tiptap.ProseMirror s span {
  text-decoration: line-through;
}

.tiptap.ProseMirror u span {
  text-decoration: underline;
}

.tiptap.ProseMirror .tiptap-ai-insertion {
  color: var(--tiptap-ai-insertion-color);
}

.tiptap.ProseMirror .collaboration-carets__caret {
  pointer-events: none;
  word-break: normal;
  border-left: 1px solid #0000;
  border-right: 1px solid #0000;
  margin-left: -1px;
  margin-right: -1px;
  position: relative;
}

.tiptap.ProseMirror .collaboration-carets__label {
  color: var(--tt-collaboration-carets-label);
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap;
  border-radius: .25rem .25rem .25rem 0;
  padding: .125rem .375rem;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1;
  position: absolute;
  top: -1.3em;
  left: -1px;
}

.tiptap.ProseMirror [data-type="emoji"] img {
  cursor: text;
  width: 1.25em;
  height: 1.25em;
  display: inline-block;
}

.tiptap.ProseMirror a {
  color: var(--link-text-color);
  text-decoration: underline;
}

.tiptap.ProseMirror [data-type="mention"] {
  color: var(--tt-brand-color-500);
  display: inline-block;
}

.is-empty:not(.with-slash)[data-placeholder]:has( > .ProseMirror-trailingBreak:only-child):before {
  content: attr(data-placeholder);
}

.is-empty.with-slash[data-placeholder]:has( > .ProseMirror-trailingBreak:only-child):before {
  content: "Write, type '/' for commands…";
  font-style: italic;
}

.is-empty[data-placeholder]:has( > .ProseMirror-trailingBreak:only-child):before {
  pointer-events: none;
  width: 100%;
  height: 0;
  text-align: inherit;
  position: absolute;
  left: 0;
  right: 0;
}

.is-empty[data-placeholder]:has( > .ProseMirror-trailingBreak):before {
  color: var(--placeholder-color);
}

.prosemirror-dropcursor-block, .prosemirror-dropcursor-inline {
  cursor: grabbing;
  border-radius: .25rem;
  width: 100%;
  height: .188rem;
  margin-left: -1px;
  margin-right: -1px;
  background: var(--tt-brand-color-400) !important;
}

.tiptap.ProseMirror {
  --tt-indent-unit: 24px;
}

.tiptap.ProseMirror [data-indent] {
  margin-left: calc(var(--tt-indent-unit) * var(--tt-indent-level, 0));
  transition: margin-left .2s ease-in-out;
}

/* [project]/app/components/tiptap-ui-primitive/badge/badge-colors.scss.css [app-client] (css) */
.tiptap-badge {
  --tt-badge-border-color: var(--tt-gray-light-a-200);
  --tt-badge-border-color-subdued: var(--tt-gray-light-a-200);
  --tt-badge-border-color-emphasized: var(--tt-gray-light-a-600);
  --tt-badge-text-color: var(--tt-gray-light-a-500);
  --tt-badge-text-color-subdued: var(--tt-gray-light-a-400);
  --tt-badge-text-color-emphasized: var(--tt-gray-light-a-600);
  --tt-badge-bg-color: var(--white);
  --tt-badge-bg-color-subdued: var(--white);
  --tt-badge-bg-color-emphasized: var(--white);
  --tt-badge-icon-color: var(--tt-gray-light-a-500);
  --tt-badge-icon-color-subdued: var(--tt-gray-light-a-400);
  --tt-badge-icon-color-emphasized: var(--tt-brand-color-600);
}

.dark .tiptap-badge {
  --tt-badge-border-color: var(--tt-gray-dark-a-200);
  --tt-badge-border-color-subdued: var(--tt-gray-dark-a-200);
  --tt-badge-border-color-emphasized: var(--tt-gray-dark-a-500);
  --tt-badge-text-color: var(--tt-gray-dark-a-500);
  --tt-badge-text-color-subdued: var(--tt-gray-dark-a-400);
  --tt-badge-text-color-emphasized: var(--tt-gray-dark-a-600);
  --tt-badge-bg-color: var(--black);
  --tt-badge-bg-color-subdued: var(--black);
  --tt-badge-bg-color-emphasized: var(--black);
  --tt-badge-icon-color: var(--tt-gray-dark-a-500);
  --tt-badge-icon-color-subdued: var(--tt-gray-dark-a-400);
  --tt-badge-icon-color-emphasized: var(--tt-brand-color-400);
}

.tiptap-badge[data-style="ghost"] {
  --tt-badge-border-color: var(--tt-gray-light-a-200);
  --tt-badge-border-color-subdued: var(--tt-gray-light-a-200);
  --tt-badge-border-color-emphasized: var(--tt-gray-light-a-600);
  --tt-badge-text-color: var(--tt-gray-light-a-500);
  --tt-badge-text-color-subdued: var(--tt-gray-light-a-400);
  --tt-badge-text-color-emphasized: var(--tt-gray-light-a-600);
  --tt-badge-bg-color: var(--transparent);
  --tt-badge-bg-color-subdued: var(--transparent);
  --tt-badge-bg-color-emphasized: var(--transparent);
  --tt-badge-icon-color: var(--tt-gray-light-a-500);
  --tt-badge-icon-color-subdued: var(--tt-gray-light-a-400);
  --tt-badge-icon-color-emphasized: var(--tt-brand-color-600);
}

.dark .tiptap-badge[data-style="ghost"] {
  --tt-badge-border-color: var(--tt-gray-dark-a-200);
  --tt-badge-border-color-subdued: var(--tt-gray-dark-a-200);
  --tt-badge-border-color-emphasized: var(--tt-gray-dark-a-500);
  --tt-badge-text-color: var(--tt-gray-dark-a-500);
  --tt-badge-text-color-subdued: var(--tt-gray-dark-a-400);
  --tt-badge-text-color-emphasized: var(--tt-gray-dark-a-600);
  --tt-badge-bg-color: var(--transparent);
  --tt-badge-bg-color-subdued: var(--transparent);
  --tt-badge-bg-color-emphasized: var(--transparent);
  --tt-badge-icon-color: var(--tt-gray-dark-a-500);
  --tt-badge-icon-color-subdued: var(--tt-gray-dark-a-400);
  --tt-badge-icon-color-emphasized: var(--tt-brand-color-400);
}

.tiptap-badge[data-style="gray"] {
  --tt-badge-border-color: var(--tt-gray-light-a-200);
  --tt-badge-border-color-subdued: var(--tt-gray-light-a-200);
  --tt-badge-border-color-emphasized: var(--tt-gray-light-a-500);
  --tt-badge-text-color: var(--tt-gray-light-a-500);
  --tt-badge-text-color-subdued: var(--tt-gray-light-a-400);
  --tt-badge-text-color-emphasized: var(--white);
  --tt-badge-bg-color: var(--tt-gray-light-a-100);
  --tt-badge-bg-color-subdued: var(--tt-gray-light-a-50);
  --tt-badge-bg-color-emphasized: var(--tt-gray-light-a-700);
  --tt-badge-icon-color: var(--tt-gray-light-a-500);
  --tt-badge-icon-color-subdued: var(--tt-gray-light-a-400);
  --tt-badge-icon-color-emphasized: var(--white);
}

.dark .tiptap-badge[data-style="gray"] {
  --tt-badge-border-color: var(--tt-gray-dark-a-200);
  --tt-badge-border-color-subdued: var(--tt-gray-dark-a-200);
  --tt-badge-border-color-emphasized: var(--tt-gray-dark-a-500);
  --tt-badge-text-color: var(--tt-gray-dark-a-500);
  --tt-badge-text-color-subdued: var(--tt-gray-dark-a-400);
  --tt-badge-text-color-emphasized: var(--black);
  --tt-badge-bg-color: var(--tt-gray-dark-a-100);
  --tt-badge-bg-color-subdued: var(--tt-gray-dark-a-50);
  --tt-badge-bg-color-emphasized: var(--tt-gray-dark-a-800);
  --tt-badge-icon-color: var(--tt-gray-dark-a-500);
  --tt-badge-icon-color-subdued: var(--tt-gray-dark-a-400);
  --tt-badge-icon-color-emphasized: var(--black);
}

.tiptap-badge[data-style="green"] {
  --tt-badge-border-color: var(--tt-color-green-inc-2);
  --tt-badge-border-color-subdued: var(--tt-color-green-inc-3);
  --tt-badge-border-color-emphasized: var(--tt-color-green-dec-2);
  --tt-badge-text-color: var(--tt-color-green-dec-3);
  --tt-badge-text-color-subdued: var(--tt-color-green-dec-2);
  --tt-badge-text-color-emphasized: var(--tt-color-green-inc-5);
  --tt-badge-bg-color: var(--tt-color-green-inc-4);
  --tt-badge-bg-color-subdued: var(--tt-color-green-inc-5);
  --tt-badge-bg-color-emphasized: var(--tt-color-green-dec-1);
  --tt-badge-icon-color: var(--tt-color-green-dec-3);
  --tt-badge-icon-color-subdued: var(--tt-color-green-dec-2);
  --tt-badge-icon-color-emphasized: var(--tt-color-green-inc-5);
}

.dark .tiptap-badge[data-style="green"] {
  --tt-badge-border-color: var(--tt-color-green-dec-2);
  --tt-badge-border-color-subdued: var(--tt-color-green-dec-3);
  --tt-badge-border-color-emphasized: var(--tt-color-green-base);
  --tt-badge-text-color: var(--tt-color-green-inc-3);
  --tt-badge-text-color-subdued: var(--tt-color-green-inc-2);
  --tt-badge-text-color-emphasized: var(--tt-color-green-dec-5);
  --tt-badge-bg-color: var(--tt-color-green-dec-4);
  --tt-badge-bg-color-subdued: var(--tt-color-green-dec-5);
  --tt-badge-bg-color-emphasized: var(--tt-color-green-inc-1);
  --tt-badge-icon-color: var(--tt-color-green-inc-3);
  --tt-badge-icon-color-subdued: var(--tt-color-green-inc-2);
  --tt-badge-icon-color-emphasized: var(--tt-color-green-dec-5);
}

.tiptap-badge[data-style="yellow"] {
  --tt-badge-border-color: var(--tt-color-yellow-inc-2);
  --tt-badge-border-color-subdued: var(--tt-color-yellow-inc-3);
  --tt-badge-border-color-emphasized: var(--tt-color-yellow-dec-1);
  --tt-badge-text-color: var(--tt-color-yellow-dec-3);
  --tt-badge-text-color-subdued: var(--tt-color-yellow-dec-2);
  --tt-badge-text-color-emphasized: var(--tt-color-yellow-dec-3);
  --tt-badge-bg-color: var(--tt-color-yellow-inc-4);
  --tt-badge-bg-color-subdued: var(--tt-color-yellow-inc-5);
  --tt-badge-bg-color-emphasized: var(--tt-color-yellow-base);
  --tt-badge-icon-color: var(--tt-color-yellow-dec-3);
  --tt-badge-icon-color-subdued: var(--tt-color-yellow-dec-2);
  --tt-badge-icon-color-emphasized: var(--tt-color-yellow-dec-3);
}

.dark .tiptap-badge[data-style="yellow"] {
  --tt-badge-border-color: var(--tt-color-yellow-dec-2);
  --tt-badge-border-color-subdued: var(--tt-color-yellow-dec-3);
  --tt-badge-border-color-emphasized: var(--tt-color-yellow-inc-1);
  --tt-badge-text-color: var(--tt-color-yellow-inc-3);
  --tt-badge-text-color-subdued: var(--tt-color-yellow-inc-2);
  --tt-badge-text-color-emphasized: var(--tt-color-yellow-dec-3);
  --tt-badge-bg-color: var(--tt-color-yellow-dec-4);
  --tt-badge-bg-color-subdued: var(--tt-color-yellow-dec-5);
  --tt-badge-bg-color-emphasized: var(--tt-color-yellow-base);
  --tt-badge-icon-color: var(--tt-color-yellow-inc-3);
  --tt-badge-icon-color-subdued: var(--tt-color-yellow-inc-2);
  --tt-badge-icon-color-emphasized: var(--tt-color-yellow-dec-3);
}

.tiptap-badge[data-style="red"] {
  --tt-badge-border-color: var(--tt-color-red-inc-2);
  --tt-badge-border-color-subdued: var(--tt-color-red-inc-3);
  --tt-badge-border-color-emphasized: var(--tt-color-red-dec-2);
  --tt-badge-text-color: var(--tt-color-red-dec-3);
  --tt-badge-text-color-subdued: var(--tt-color-red-dec-2);
  --tt-badge-text-color-emphasized: var(--tt-color-red-inc-5);
  --tt-badge-bg-color: var(--tt-color-red-inc-4);
  --tt-badge-bg-color-subdued: var(--tt-color-red-inc-5);
  --tt-badge-bg-color-emphasized: var(--tt-color-red-dec-1);
  --tt-badge-icon-color: var(--tt-color-red-dec-3);
  --tt-badge-icon-color-subdued: var(--tt-color-red-dec-2);
  --tt-badge-icon-color-emphasized: var(--tt-color-red-inc-5);
}

.dark .tiptap-badge[data-style="red"] {
  --tt-badge-border-color: var(--tt-color-red-dec-2);
  --tt-badge-border-color-subdued: var(--tt-color-red-dec-3);
  --tt-badge-border-color-emphasized: var(--tt-color-red-base);
  --tt-badge-text-color: var(--tt-color-red-inc-3);
  --tt-badge-text-color-subdued: var(--tt-color-red-inc-2);
  --tt-badge-text-color-emphasized: var(--tt-color-red-dec-5);
  --tt-badge-bg-color: var(--tt-color-red-dec-4);
  --tt-badge-bg-color-subdued: var(--tt-color-red-dec-5);
  --tt-badge-bg-color-emphasized: var(--tt-color-red-inc-1);
  --tt-badge-icon-color: var(--tt-color-red-inc-3);
  --tt-badge-icon-color-subdued: var(--tt-color-red-inc-2);
  --tt-badge-icon-color-emphasized: var(--tt-color-red-dec-5);
}

.tiptap-badge[data-style="brand"] {
  --tt-badge-border-color: var(--tt-brand-color-300);
  --tt-badge-border-color-subdued: var(--tt-brand-color-200);
  --tt-badge-border-color-emphasized: var(--tt-brand-color-600);
  --tt-badge-text-color: var(--tt-brand-color-800);
  --tt-badge-text-color-subdued: var(--tt-brand-color-700);
  --tt-badge-text-color-emphasized: var(--tt-brand-color-50);
  --tt-badge-bg-color: var(--tt-brand-color-100);
  --tt-badge-bg-color-subdued: var(--tt-brand-color-50);
  --tt-badge-bg-color-emphasized: var(--tt-brand-color-600);
  --tt-badge-icon-color: var(--tt-brand-color-800);
  --tt-badge-icon-color-subdued: var(--tt-brand-color-700);
  --tt-badge-icon-color-emphasized: var(--tt-brand-color-100);
}

.dark .tiptap-badge[data-style="brand"] {
  --tt-badge-border-color: var(--tt-brand-color-700);
  --tt-badge-border-color-subdued: var(--tt-brand-color-800);
  --tt-badge-border-color-emphasized: var(--tt-brand-color-400);
  --tt-badge-text-color: var(--tt-brand-color-200);
  --tt-badge-text-color-subdued: var(--tt-brand-color-300);
  --tt-badge-text-color-emphasized: var(--tt-brand-color-950);
  --tt-badge-bg-color: var(--tt-brand-color-900);
  --tt-badge-bg-color-subdued: var(--tt-brand-color-950);
  --tt-badge-bg-color-emphasized: var(--tt-brand-color-400);
  --tt-badge-icon-color: var(--tt-brand-color-200);
  --tt-badge-icon-color-subdued: var(--tt-brand-color-300);
  --tt-badge-icon-color-emphasized: var(--tt-brand-color-900);
}

/* [project]/app/components/tiptap-ui-primitive/badge/badge-group.scss.css [app-client] (css) */
.tiptap-badge-group {
  flex-wrap: wrap;
  align-items: center;
  gap: .25rem;
  display: flex;
}

.tiptap-badge-group [data-orientation="vertical"] {
  flex-direction: column;
}

.tiptap-badge-group [data-orientation="horizontal"] {
  flex-direction: row;
}

/* [project]/app/components/tiptap-ui-primitive/badge/badge.scss.css [app-client] (css) */
.tiptap-badge {
  font-feature-settings: "salt" on, "cv01" on;
  border-radius: var(--tt-radius-sm, .375rem);
  min-width: 1.25rem;
  height: 1.25rem;
  transition-property: background, color, opacity;
  transition-duration: var(--tt-transition-duration-default);
  transition-timing-function: var(--tt-transition-easing-default);
  border: 1px solid;
  justify-content: center;
  align-items: center;
  padding: .25rem;
  font-size: .625rem;
  font-weight: 700;
  line-height: 1.15;
  display: flex;
}

.tiptap-badge[data-size="large"] {
  border-radius: var(--tt-radius-md, .375rem);
  min-width: 1.5rem;
  height: 1.5rem;
  padding: .375rem;
  font-size: .75rem;
}

.tiptap-badge[data-size="small"] {
  border-radius: var(--tt-radius-xs, .25rem);
  min-width: 1rem;
  height: 1rem;
  padding: .125rem;
}

.tiptap-badge .tiptap-badge-text {
  text-align: left;
  flex-grow: 1;
  padding: 0 .125rem;
}

.tiptap-badge[data-text-trim="on"] .tiptap-badge-text {
  text-overflow: ellipsis;
  overflow: hidden;
}

.tiptap-badge .tiptap-badge-icon {
  pointer-events: none;
  flex-shrink: 0;
  width: .625rem;
  height: .625rem;
}

.tiptap-badge[data-size="large"] .tiptap-badge-icon {
  width: .75rem;
  height: .75rem;
}

.tiptap-badge {
  background-color: var(--tt-badge-bg-color);
  border-color: var(--tt-badge-border-color);
  color: var(--tt-badge-text-color);
}

.tiptap-badge .tiptap-badge-icon {
  color: var(--tt-badge-icon-color);
}

.tiptap-badge[data-appearance="emphasized"] {
  background-color: var(--tt-badge-bg-color-emphasized);
  border-color: var(--tt-badge-border-color-emphasized);
  color: var(--tt-badge-text-color-emphasized);
}

.tiptap-badge[data-appearance="emphasized"] .tiptap-badge-icon {
  color: var(--tt-badge-icon-color-emphasized);
}

.tiptap-badge[data-appearance="subdued"] {
  background-color: var(--tt-badge-bg-color-subdued);
  border-color: var(--tt-badge-border-color-subdued);
  color: var(--tt-badge-text-color-subdued);
}

.tiptap-badge[data-appearance="subdued"] .tiptap-badge-icon {
  color: var(--tt-badge-icon-color-subdued);
}

/* [project]/app/components/tiptap-ui-primitive/dropdown-menu/dropdown-menu.scss.css [app-client] (css) */
:root {
  --tt-dropdown-menu-bg-color: var(--white);
  --tt-dropdown-menu-text-color: var(--tt-gray-light-a-600);
  --tt-dropdown-menu-label-color: var(--tt-gray-light-a-800);
}

:root.dark, .dark {
  --tt-dropdown-menu-bg-color: var(--tt-gray-dark-50);
  --tt-dropdown-menu-text-color: var(--tt-gray-dark-a-600);
  --tt-dropdown-menu-label-color: var(--tt-gray-dark-a-800);
}

.tiptap-dropdown-menu-content {
  --slide-x: 0px;
  --slide-y: 0px;
  --padding: .375rem;
  z-index: 50;
  min-width: 8rem;
  max-height: var(--radix-dropdown-menu-content-available-height);
  border-radius: calc(var(--padding)  + var(--tt-radius-lg));
  background-color: var(--tt-dropdown-menu-bg-color);
  color: var(--tt-dropdown-menu-text-color);
  box-shadow: var(--tt-shadow-elevated-md);
  transform-origin: var(--radix-dropdown-menu-content-transform-origin);
  padding: .375rem;
  transition-duration: .1s;
  position: relative;
  overflow: hidden auto;
}

.tiptap-dropdown-menu-content[data-side="bottom"] {
  --slide-y: -.5rem;
}

.tiptap-dropdown-menu-content[data-side="top"] {
  --slide-y: .5rem;
}

.tiptap-dropdown-menu-content[data-side="left"] {
  --slide-x: .5rem;
}

.tiptap-dropdown-menu-content[data-side="right"] {
  --slide-x: -.5rem;
}

.tiptap-dropdown-menu-content[data-state="open"] {
  animation: .1s forwards dropdown-in;
}

.tiptap-dropdown-menu-content[data-state="closed"] {
  animation: .1s forwards dropdown-out;
  overflow: hidden;
}

.tiptap-dropdown-menu-sub-content {
  --slide-x: 0px;
  --slide-y: 0px;
  --padding: .375rem;
  z-index: 50;
  border-radius: calc(var(--padding)  + var(--tt-radius-lg));
  background-color: var(--tt-dropdown-menu-bg-color);
  min-width: 6rem;
  box-shadow: var(--tt-shadow-elevated-md);
  color: var(--tt-dropdown-menu-text-color);
  transform-origin: var(--radix-dropdown-menu-content-transform-origin);
  padding: .25rem;
  transition-duration: .1s;
  overflow: hidden;
}

.tiptap-dropdown-menu-sub-content[data-side="bottom"] {
  --slide-y: -.5rem;
}

.tiptap-dropdown-menu-sub-content[data-side="top"] {
  --slide-y: .5rem;
}

.tiptap-dropdown-menu-sub-content[data-side="left"] {
  --slide-x: .5rem;
}

.tiptap-dropdown-menu-sub-content[data-side="right"] {
  --slide-x: -.5rem;
}

.tiptap-dropdown-menu-sub-content[data-state="open"] {
  animation: .1s forwards dropdown-in;
}

.tiptap-dropdown-menu-sub-content[data-state="closed"] {
  animation: .1s forwards dropdown-out;
}

@keyframes dropdown-in {
  from {
    opacity: 0;
    transform: scale(.95) translate(var(--slide-x), var(--slide-y));
  }

  to {
    opacity: 1;
    transform: scale(1)translate(0);
  }
}

@keyframes dropdown-out {
  from {
    opacity: 1;
    transform: scale(1)translate(0);
  }

  to {
    opacity: 0;
    transform: scale(.95) translate(var(--slide-x), var(--slide-y));
  }
}

.tiptap-dropdown-menu-label {
  text-transform: capitalize;
  color: var(--tt-dropdown-menu-label-color);
  padding: .75rem .5rem .25rem;
  font-size: .75rem;
  font-weight: 600;
  line-height: normal;
}

.tiptap-dropdown-menu-label[data-inset="true"] {
  padding-left: 1.75rem;
}

.tiptap-dropdown-menu-group, .tiptap-dropdown-menu-group[data-orientation="vertical"] {
  flex-direction: column;
  display: flex;
}

.tiptap-dropdown-menu-group[data-orientation="horizontal"] {
  flex-direction: row;
  align-items: center;
  gap: .25rem;
  display: flex;
}

/* [project]/app/components/tiptap-ui-primitive/popover/popover.scss.css [app-client] (css) */
.tiptap-popover {
  --tt-popover-bg-color: var(--white);
  --tt-popover-border-color: var(--tt-gray-light-a-100);
  --tt-popover-text-color: var(--tt-gray-light-a-600);
}

:root.dark, .dark {
  --tt-popover-border-color: var(--tt-gray-dark-a-50);
  --tt-popover-bg-color: var(--tt-gray-dark-50);
  --tt-popover-text-color: var(--tt-gray-dark-a-600);
}

.tiptap-popover {
  z-index: 50;
  transform-origin: var(--radix-popover-content-transform-origin);
  max-height: var(--radix-popover-content-available-height);
  outline: none;
}

.tiptap-popover > * {
  max-height: var(--radix-popover-content-available-height);
}

.tiptap-popover[data-state="open"] {
  animation: .15s cubic-bezier(.16, 1, .3, 1) fadeIn, .15s cubic-bezier(.16, 1, .3, 1) zoomIn;
}

.tiptap-popover[data-state="closed"] {
  animation: .15s cubic-bezier(.16, 1, .3, 1) fadeOut, .15s cubic-bezier(.16, 1, .3, 1) zoomOut;
}

.tiptap-popover[data-side="top"], .tiptap-popover[data-side="top-start"], .tiptap-popover[data-side="top-end"] {
  animation: .15s cubic-bezier(.16, 1, .3, 1) slideFromBottom;
}

.tiptap-popover[data-side="right"], .tiptap-popover[data-side="right-start"], .tiptap-popover[data-side="right-end"] {
  animation: .15s cubic-bezier(.16, 1, .3, 1) slideFromLeft;
}

.tiptap-popover[data-side="bottom"], .tiptap-popover[data-side="bottom-start"], .tiptap-popover[data-side="bottom-end"] {
  animation: .15s cubic-bezier(.16, 1, .3, 1) slideFromTop;
}

.tiptap-popover[data-side="left"], .tiptap-popover[data-side="left-start"], .tiptap-popover[data-side="left-end"] {
  animation: .15s cubic-bezier(.16, 1, .3, 1) slideFromRight;
}

/* [project]/app/components/tiptap-ui-primitive/card/card.scss.css [app-client] (css) */
:root {
  --tiptap-card-bg-color: var(--white);
  --tiptap-card-border-color: var(--tt-gray-light-a-100);
  --tiptap-card-group-label-color: var(--tt-gray-light-a-800);
}

.dark {
  --tiptap-card-bg-color: var(--tt-gray-dark-50);
  --tiptap-card-border-color: var(--tt-gray-dark-a-100);
  --tiptap-card-group-label-color: var(--tt-gray-dark-a-800);
}

.tiptap-card {
  --padding: .375rem;
  --border-width: 1px;
  border-radius: calc(var(--padding)  + var(--tt-radius-lg));
  box-shadow: var(--tt-shadow-elevated-md);
  background-color: var(--tiptap-card-bg-color);
  border: 1px solid var(--tiptap-card-border-color);
  word-wrap: break-word;
  background-clip: border-box;
  outline: none;
  flex-direction: column;
  align-items: center;
  min-width: 0;
  display: flex;
  position: relative;
}

.tiptap-card-header {
  border-bottom: var(--border-width) solid var(--tiptap-card-border-color);
  flex: none;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: .375rem;
  display: flex;
}

.tiptap-card-body {
  flex: auto;
  padding: .375rem;
  overflow-y: auto;
}

.tiptap-card-item-group {
  vertical-align: middle;
  min-width: max-content;
  display: flex;
  position: relative;
}

.tiptap-card-item-group[data-orientation="vertical"] {
  flex-direction: column;
  justify-content: center;
}

.tiptap-card-item-group[data-orientation="horizontal"] {
  flex-direction: row;
  align-items: center;
  gap: .25rem;
}

.tiptap-card-group-label {
  text-transform: capitalize;
  color: var(--tiptap-card-group-label-color);
  padding: .75rem .5rem .25rem;
  font-size: .75rem;
  font-weight: 600;
  line-height: normal;
}

/* [project]/app/components/tiptap-ui/color-highlight-button/color-highlight-button.scss.css [app-client] (css) */
.tiptap-button-highlight {
  border-radius: var(--tt-radius-xl);
  background-color: var(--highlight-color);
  width: 1.25rem;
  height: 1.25rem;
  margin: 0 -.175rem;
  transition: transform .2s;
  position: relative;
}

.tiptap-button-highlight:after {
  content: "";
  border-radius: inherit;
  box-sizing: border-box;
  border: 1px solid var(--highlight-color);
  filter: brightness(95%);
  mix-blend-mode: multiply;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.dark .tiptap-button-highlight:after {
  filter: brightness(140%);
  mix-blend-mode: lighten;
}

.tiptap-button[data-active-state="on"] .tiptap-button-highlight:after {
  filter: brightness(80%);
}

.dark .tiptap-button[data-active-state="on"] .tiptap-button-highlight:after {
  filter: brightness(180%);
}

/* [project]/app/components/tiptap-ui-primitive/button-group/button-group.scss.css [app-client] (css) */
.tiptap-button-group {
  align-items: stretch;
  width: fit-content;
  display: flex;
}

.tiptap-button-group:has( > [data-slot="tiptap-button-group"]) {
  gap: .125rem;
}

.tiptap-button-group > :focus-visible {
  z-index: 10;
  position: relative;
}

.tiptap-button-group > [data-slot="select-trigger"]:not([class*="w-"]) {
  width: fit-content;
}

.tiptap-button-group > input {
  flex: 1;
}

.tiptap-button-group-horizontal > [data-slot] {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.tiptap-button-group-horizontal > [data-slot]:not(:has( ~ [data-slot])) {
  border-top-right-radius: var(--tt-radius-lg) !important;
  border-bottom-right-radius: var(--tt-radius-lg) !important;
}

.tiptap-button-group-horizontal > [data-slot] ~ [data-slot] {
  border-left-width: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.tiptap-button-group-horizontal:has(select[aria-hidden="true"]:last-child) > [data-slot="select-trigger"]:last-of-type {
  border-top-right-radius: var(--tt-radius-lg);
  border-bottom-right-radius: var(--tt-radius-lg);
}

.tiptap-button-group-vertical {
  flex-direction: column;
}

.tiptap-button-group-vertical > [data-slot] {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.tiptap-button-group-vertical > [data-slot]:not(:has( ~ [data-slot])) {
  border-bottom-left-radius: var(--tt-radius-lg) !important;
  border-bottom-right-radius: var(--tt-radius-lg) !important;
}

.tiptap-button-group-vertical > [data-slot] ~ [data-slot] {
  border-top-width: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.tiptap-button-group-separator {
  align-self: stretch;
  position: relative;
}

.tiptap-button-group-separator[data-orientation="horizontal"] {
  width: auto;
  margin-left: 1px;
  margin-right: 1px;
}

.tiptap-button-group-separator[data-orientation="vertical"] {
  height: auto;
  margin-top: 1px;
  margin-bottom: 1px;
}

/* [project]/app/components/tiptap-ui-primitive/input/input.scss.css [app-client] (css) */
:root {
  --tt-input-placeholder: var(--tt-gray-light-a-400);
  --tt-input-border: var(--tt-gray-light-a-200);
  --tt-input-border-focus: var(--tt-gray-light-a-300);
}

.dark {
  --tt-input-placeholder: var(--tt-gray-dark-a-400);
  --tt-input-border: var(--tt-gray-dark-a-200);
  --tt-input-border-focus: var(--tt-gray-dark-a-300);
}

.tiptap-input {
  border-radius: var(--tt-radius-md);
  border: 1px solid var(--tt-input-border);
  background: none;
  outline: none;
  width: 100%;
  min-width: 0;
  height: 2rem;
  padding: .25rem .625rem;
  font-size: 1rem;
  transition: color, background-color, border-color .15s;
}

.tiptap-input::placeholder {
  color: var(--tt-input-placeholder);
}

.tiptap-input:focus-visible {
  border-color: var(--tt-input-border-focus);
}

@media (min-width: 768px) {
  .tiptap-input {
    font-size: .875rem;
  }
}

/* [project]/app/components/tiptap-ui/link-popover/link-popover.scss.css [app-client] (css) */
.tiptap-link-input {
  text-overflow: ellipsis;
  white-space: nowrap;
  border: none;
  min-width: 12rem;
  padding-right: 0;
  font-size: .875rem;
}

.tiptap-link-input:focus {
  text-overflow: clip;
  overflow: visible;
}

/* [project]/app/components/tiptap-templates/simple/simple-editor.scss.css [app-client] (css) */
body {
  --tt-toolbar-height: 44px;
  --tt-theme-text: var(--tt-gray-light-900);
}

.dark body {
  --tt-theme-text: var(--tt-gray-dark-900);
}

body {
  font-family: var(--font-vazirmatn), sans-serif;
  color: var(--tt-theme-text);
  font-optical-sizing: auto;
  overscroll-behavior-y: none;
  padding: 0;
  font-style: normal;
  font-weight: 400;
}

html, body {
  overscroll-behavior-x: none;
}

html, body, #root, #app {
  background-color: var(--tt-bg-color);
  height: 100%;
}

::-webkit-scrollbar {
  width: .25rem;
}

* {
  scrollbar-width: thin;
  scrollbar-color: var(--tt-scrollbar-color) #0000;
}

::-webkit-scrollbar-thumb {
  background-color: var(--tt-scrollbar-color);
  border-radius: 9999px;
}

::-webkit-scrollbar-track {
  background: none;
}

.tiptap.ProseMirror {
  font-family: var(--font-vazirmatn), sans-serif;
  color: var(--tt-theme-text);
  text-align: right;
  direction: rtl;
  font-size: 16px;
  line-height: 2;
}

.tiptap.ProseMirror p {
  margin: 0 0 1rem;
}

.tiptap.ProseMirror p:last-child {
  margin-bottom: 0;
}

.tiptap.ProseMirror h1, .tiptap.ProseMirror h2, .tiptap.ProseMirror h3, .tiptap.ProseMirror h4, .tiptap.ProseMirror h5, .tiptap.ProseMirror h6 {
  margin-top: 2rem;
  margin-bottom: 1rem;
  font-weight: 700;
  line-height: 1.5;
}

.tiptap.ProseMirror h1 {
  font-size: 2rem;
}

.tiptap.ProseMirror h2 {
  font-size: 1.75rem;
}

.tiptap.ProseMirror h3 {
  font-size: 1.5rem;
}

.tiptap.ProseMirror h4 {
  font-size: 1.25rem;
}

.tiptap.ProseMirror h5 {
  font-size: 1.125rem;
}

.tiptap.ProseMirror h6 {
  font-size: 1rem;
}

.tiptap.ProseMirror ul, .tiptap.ProseMirror ol {
  margin: 1rem 0;
  padding-right: 2rem;
}

.tiptap.ProseMirror li {
  margin: .35rem 0;
}

.tiptap.ProseMirror li p {
  margin-bottom: .35rem;
}

.tiptap.ProseMirror blockquote {
  border-right: 4px solid var(--tt-gray-light-400);
  border-left: 0;
  margin: 1.5rem 0;
  padding: .75rem 1.25rem;
}

.tiptap.ProseMirror code {
  font-family: monospace;
  font-size: .9em;
}

.tiptap.ProseMirror pre {
  border-radius: .5rem;
  margin: 1.5rem 0;
  padding: 1rem 1.25rem;
  overflow-x: auto;
}

.tiptap.ProseMirror hr {
  margin: 2rem 0;
}

.tiptap.ProseMirror img {
  max-width: 100%;
  height: auto;
  margin: 1.5rem auto;
  display: block;
}

.tiptap.ProseMirror a {
  text-underline-offset: 3px;
  text-decoration: underline;
}

.tiptap.ProseMirror table {
  border-collapse: collapse;
  width: 100%;
  margin: 1.5rem 0;
}

.tiptap.ProseMirror th, .tiptap.ProseMirror td {
  padding: .75rem;
}

.tiptap.ProseMirror > :first-child {
  margin-top: 0;
}

.tiptap.ProseMirror > :last-child {
  margin-bottom: 0;
}

.simple-editor-wrapper {
  width: 100vw;
  height: 100vh;
  overflow: auto;
}

.simple-editor-content {
  flex-direction: column;
  flex: 1;
  width: 100%;
  max-width: 648px;
  height: 100%;
  margin: 0 auto;
  display: flex;
}

.simple-editor-content .tiptap.ProseMirror.simple-editor {
  flex: 1;
  padding: 3rem 3rem 30vh;
  font-size: 16px;
  line-height: 2;
}

@media screen and (max-width: 480px) {
  .simple-editor-content .tiptap.ProseMirror.simple-editor {
    padding: 1rem 1.5rem 30vh;
  }
}

.tiptap [data-type="inline-math"], .tiptap [data-type="block-math"] {
  unicode-bidi: isolate;
  text-align: center !important;
  direction: ltr !important;
}

.tiptap .katex {
  unicode-bidi: isolate;
  direction: ltr !important;
}

.tiptap .katex-display {
  margin-left: auto;
  margin-right: auto;
  text-align: center !important;
  direction: ltr !important;
}

.tiptap [data-type="inlineMath"] {
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.tiptap-render {
  text-align: right;
  font-family: var(--font-vazirmatn), sans-serif;
  color: var(--foreground);
  direction: rtl;
  width: 100%;
  font-size: 1rem;
  line-height: 2;
}

.tiptap-render p {
  margin-top: 0;
  margin-bottom: 1.25rem;
}

.tiptap-render p:last-child {
  margin-bottom: 0;
}

.tiptap-render h1, .tiptap-render h2, .tiptap-render h3, .tiptap-render h4, .tiptap-render h5, .tiptap-render h6 {
  margin-top: 2.5rem;
  margin-bottom: 1rem;
  font-weight: 800;
  line-height: 1.5;
}

.tiptap-render h1 {
  font-size: 2rem;
}

.tiptap-render h2 {
  font-size: 1.75rem;
}

.tiptap-render h3 {
  font-size: 1.5rem;
}

.tiptap-render h4 {
  font-size: 1.25rem;
}

.tiptap-render h5 {
  font-size: 1.125rem;
}

.tiptap-render h6 {
  font-size: 1rem;
}

.tiptap-render ul, .tiptap-render ol {
  margin-top: 1rem;
  margin-bottom: 1.5rem;
  padding-right: 2rem;
}

.tiptap-render ul {
  list-style-type: disc;
}

.tiptap-render ol {
  list-style-type: decimal;
}

.tiptap-render li, .tiptap-render li > p {
  margin-bottom: .4rem;
}

.tiptap-render ul ul, .tiptap-render ol ol, .tiptap-render ul ol, .tiptap-render ol ul {
  margin-top: .4rem;
  margin-bottom: .4rem;
}

.tiptap-render a {
  text-underline-offset: 3px;
  text-decoration: underline;
}

.tiptap-render blockquote {
  border-right: 4px solid var(--border);
  background: var(--muted);
  border-left: 0;
  border-radius: .5rem;
  margin: 2rem 0;
  padding: 1rem 1.25rem;
}

.tiptap-render code {
  direction: ltr;
  font-family: monospace;
  font-size: .9em;
}

.tiptap-render pre {
  text-align: left;
  direction: ltr;
  border-radius: .75rem;
  margin: 2rem 0;
  padding: 1rem 1.25rem;
  overflow-x: auto;
}

.tiptap-render hr {
  margin: 2.5rem 0;
}

.tiptap-render img {
  max-width: 100%;
  height: auto;
  display: block;
}

.tiptap-render table {
  border-collapse: collapse;
  width: 100%;
  margin: 2rem 0;
}

.tiptap-render th {
  font-weight: 700;
}

@media (max-width: 640px) {
  .tiptap-render {
    font-size: .95rem;
    line-height: 2;
  }

  .tiptap-render h1 {
    font-size: 1.75rem;
  }

  .tiptap-render h2 {
    font-size: 1.5rem;
  }

  .tiptap-render h3 {
    font-size: 1.3rem;
  }

  .tiptap-render ul, .tiptap-render ol {
    padding-right: 1.5rem;
  }
}

.tiptap-render table {
  border-collapse: collapse;
  table-layout: auto;
  width: 100%;
}

.tiptap-render th, .tiptap-render td {
  border: 1px solid hsl(var(--border));
  padding: .75rem;
}

.tiptap-render th {
  background: hsl(var(--muted));
  font-weight: 600;
}

.tiptap-render tr:nth-child(2n) {
  background: hsl(var(--muted) / .3);
}

/*# sourceMappingURL=app_components_dde36012._.css.map*/