/* [project]/apps/web/styles/tiptap.css [app-client] (css) */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-duration: initial;
      --tw-font-weight: initial;
    }
  }
}

.ProseMirror {
  padding-bottom: 0;
}

.ProseMirror .paragraph-node a {
  color: var(--color-ctaPrimary, #3963fe);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .1s;
  transition-duration: .1s;
}

@media (hover: hover) {
  .ProseMirror .paragraph-node a:hover {
    color: var(--color-ctaHover, #002fd9);
  }
}

.ProseMirror .tiptap-block {
  position: relative;
}

.ProseMirror .tiptap-block .tiptap-menu-trigger {
  opacity: 0;
  transition: opacity .2s;
}

.ProseMirror .tiptap-block:hover .tiptap-menu-trigger {
  opacity: 1;
}

.ProseMirror .paragraph-node a {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .1s;
  text-decoration-line: underline;
  transition-duration: .1s;
}

@media (hover: hover) {
  .ProseMirror .paragraph-node a:hover {
    color: var(--color-grey-04, #606060);
  }
}

.ProseMirror-hideselection .data-node textarea::placeholder, .ProseMirror-hideselection .data-node .table-block-editable-title textarea::placeholder {
  color: #b6b6b6 !important;
}

.ProseMirror .tiptap-menu-trigger {
  padding-right: 24px;
  position: absolute;
  top: 50%;
  left: -32px;
  transform: translateY(-50%);
}

.ProseMirror .is-empty:before {
  color: #adb5bd;
  content: attr(data-placeholder);
  float: left;
  pointer-events: none;
  height: 0;
  font-size: var(--text-body, 1.25rem);
  line-height: var(--tw-leading, var(--text-body--line-height, 1.8125rem));
  letter-spacing: var(--tw-tracking, var(--text-body--letter-spacing, -.08px));
  font-weight: var(--tw-font-weight, var(--text-body--font-weight, 400));
}

.ProseMirror .is-empty:has(h1):before {
  font-size: var(--text-largeTitle, 2rem);
  line-height: var(--tw-leading, var(--text-largeTitle--line-height, 2.5rem));
  letter-spacing: var(--tw-tracking, var(--text-largeTitle--letter-spacing, -.5px));
  font-weight: var(--tw-font-weight, var(--text-largeTitle--font-weight, 600));
}

.ProseMirror .is-empty:has(h2):before {
  font-size: var(--text-mediumTitle, 1.4rem);
  line-height: var(--tw-leading, var(--text-mediumTitle--line-height, 1.6rem));
  letter-spacing: var(--tw-tracking, var(--text-mediumTitle--letter-spacing, -.25px));
  font-weight: var(--tw-font-weight, var(--text-mediumTitle--font-weight, 500));
}

.ProseMirror .is-empty:has(h3):before {
  font-size: var(--text-smallTitle, 1.1875rem);
  line-height: var(--tw-leading, var(--text-smallTitle--line-height, 1.3125rem));
  letter-spacing: var(--tw-tracking, var(--text-smallTitle--letter-spacing, -.25px));
  font-weight: var(--tw-font-weight, var(--text-smallTitle--font-weight, 600));
}

.ProseMirror p.is-editor-empty:first-child:before {
  color: #adb5bd;
  content: attr(data-placeholder);
  float: left;
  pointer-events: none;
  height: 0;
  margin-bottom: 0;
}

.ProseMirror:focus {
  outline: none;
}

.ProseMirror h1, .ProseMirror h2, .ProseMirror h3 {
  margin-top: calc(var(--spacing, .25rem) * 10);
}

.ProseMirror > :first-child h1, .ProseMirror > :first-child h2, .ProseMirror > :first-child h3 {
  margin-top: calc(var(--spacing, .25rem) * 0);
}

.ProseMirror h1 {
  font-size: var(--text-largeTitle, 2rem);
  line-height: var(--tw-leading, var(--text-largeTitle--line-height, 2.5rem));
  letter-spacing: var(--tw-tracking, var(--text-largeTitle--letter-spacing, -.5px));
  font-weight: var(--tw-font-weight, var(--text-largeTitle--font-weight, 600));
}

.ProseMirror h2 {
  font-size: var(--text-mediumTitle, 1.4rem);
  line-height: var(--tw-leading, var(--text-mediumTitle--line-height, 1.6rem));
  letter-spacing: var(--tw-tracking, var(--text-mediumTitle--letter-spacing, -.25px));
  font-weight: var(--tw-font-weight, var(--text-mediumTitle--font-weight, 500));
}

.ProseMirror h3 {
  font-size: var(--text-smallTitle, 1.1875rem);
  line-height: var(--tw-leading, var(--text-smallTitle--line-height, 1.3125rem));
  letter-spacing: var(--tw-tracking, var(--text-smallTitle--letter-spacing, -.25px));
  font-weight: var(--tw-font-weight, var(--text-smallTitle--font-weight, 600));
}

.ProseMirror p {
  font-size: var(--text-body, 1.25rem);
  line-height: var(--tw-leading, var(--text-body--line-height, 1.8125rem));
  letter-spacing: var(--tw-tracking, var(--text-body--letter-spacing, -.08px));
  font-weight: var(--tw-font-weight, var(--text-body--font-weight, 400));
}

.ProseMirror strong {
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
}

.ProseMirror img {
  border-radius: var(--radius-lg, 12px);
}

.ProseMirror video {
  border-radius: var(--radius-lg, 12px);
  width: 100%;
  height: auto;
}

.ProseMirror .video-node {
  margin-block: calc(var(--spacing, .25rem) * 4);
}

.ProseMirror > * {
  margin-bottom: 16px;
}

.ProseMirror .node-tableNode:not(:first-child) {
  margin-top: calc(var(--spacing, .25rem) * 12);
}

.ProseMirror ul {
  display: contents;
}

.ProseMirror ul li {
  margin-left: calc(var(--spacing, .25rem) * 4);
  list-style-type: disc;
  display: list-item;
}

.code-block {
  background: #f5f5f5;
  border-radius: 8px;
  max-height: 500px;
  padding: 12px 16px;
  font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
  font-size: 14px;
  line-height: 1.6;
  display: flex;
  overflow: auto;
}

.code-block-line-numbers {
  -webkit-user-select: none;
  user-select: none;
  text-align: right;
  color: #999;
  border-right: 1px solid #ddd;
  min-width: 24px;
  margin-right: 16px;
  padding-right: 16px;
}

.code-block code {
  white-space: pre;
  flex: 1;
}

.inline-code, .ProseMirror code:not(pre code) {
  background: #f0f0f0;
  border-radius: 4px;
  padding: 2px 6px;
  font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
  font-size: .9em;
}

.Tiptap-mathematics-editor {
  background: #f5f5f5;
  border-radius: 4px;
  padding: 2px 6px;
  font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
  font-size: .9em;
}

.Tiptap-mathematics-render {
  cursor: pointer;
  padding: 0 2px;
}

.Tiptap-mathematics-editor--active {
  outline-offset: 2px;
  outline: 2px solid #3b82f6;
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}