/* [project]/packages/docs/src/views/styles/editor.css [app-client] (css) */
@layer editor-base {
  .ProseMirror {
    text-transform: none;
    -moz-text-size-adjust: none;
    text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    font-family: NotoFallback, sans-serif;
    font-size: 14px;
    line-height: 1.4;
  }

  .ProseMirror::selection, .ProseMirror ::selection, .ProseMirror .editor-fake-selection {
    background-color: var(--color-editor-text-selection-bg);
  }

  .ProseMirror :is(.editor-fake-selection, .ProseMirror-range-selectednode)::selection, .ProseMirror :is(.editor-fake-selection, .ProseMirror-range-selectednode) ::selection {
    background-color: #0000;
  }

  .ProseMirror ul, .ProseMirror ol {
    list-style-type: none;
    list-style-position: inside;
  }

  .ProseMirror li {
    padding-left: 26px;
  }

  .ProseMirror p[data-list-kind] {
    align-items: baseline;
    display: flex;
  }

  .ProseMirror .list-item-marker {
    text-align: start;
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    flex: none;
    min-width: 18px;
  }

  .ProseMirror .list-item-content {
    flex: 1 1 0;
    min-width: 0;
    margin-inline-start: 6px;
  }

  .ProseMirror p[data-list-kind][data-list-align="center"] {
    justify-content: center;
  }

  .ProseMirror p[data-list-kind][data-list-align="end"] {
    justify-content: flex-end;
  }

  .ProseMirror p[data-list-kind][data-list-align] .list-item-content {
    flex: 0 auto;
  }

  .ProseMirror .list-item-marker svg {
    width: .5em;
    height: .5em;
    display: inline-block;
  }

  .ProseMirror p[data-list-kind].placeholder:before {
    white-space: nowrap;
    width: 0;
  }

  .ProseMirror p[data-list-kind].placeholder .list-item-marker {
    order: -1;
  }

  .ProseMirror h1, .ProseMirror h2, .ProseMirror h3, .ProseMirror h4, .ProseMirror h5, .ProseMirror h6 {
    font-weight: bold;
  }

  .ProseMirror h1 {
    font-size: var(--editor-heading-font-size-1, 3em);
  }

  .ProseMirror h2 {
    font-size: var(--editor-heading-font-size-2, 2.5em);
  }

  .ProseMirror h3 {
    font-size: var(--editor-heading-font-size-3, 2em);
  }

  .ProseMirror h4 {
    font-size: var(--editor-heading-font-size-4, 1.5em);
  }

  .ProseMirror h5 {
    font-size: var(--editor-heading-font-size-5, 1.2em);
  }

  .ProseMirror h6 {
    font-size: var(--editor-heading-font-size-6, 1em);
  }

  .ProseMirror blockquote {
    border-inline-start: 2px solid var(--color-divider, #ddd);
    box-sizing: border-box;
  }

  .ProseMirror blockquote:has(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    direction: rtl;
  }

  .ProseMirror a {
    color: #2563eb;
    text-underline-offset: 2px;
    cursor: pointer;
    text-decoration: underline;
  }

  .ProseMirror a:hover {
    color: #1d4ed8;
  }

  .ProseMirror[contenteditable="true"] a {
    cursor: text;
  }

  .ProseMirror[contenteditable="true"].link-modifier-held a {
    cursor: pointer;
  }

  .ProseMirror .mention {
    color: #2563eb;
    background-color: var(--color-editor-mention-bg);
    border-radius: 4px;
    margin: 0 2px;
    padding: 0 4px;
  }

  .ProseMirror .mention.mention-self {
    background-color: var(--color-editor-mention-self-bg);
  }

  .ProseMirror img.ProseMirror-separator {
    vertical-align: baseline;
    pointer-events: none;
    border: 0;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    display: inline;
  }

  .ProseMirror :is(.ProseMirror-selectednode, .ProseMirror-range-selectednode) {
    background-color: var(--color-editor-text-selection-bg);
    box-shadow: 0 0 0 4px var(--color-editor-text-selection-bg);
    caret-color: auto;
    border-radius: 4px;
    outline: none;
  }

  .ProseMirror:has(.ProseMirror-selectednode) {
    caret-color: #0000;
  }

  .ProseMirror[contenteditable="true"] .placeholder:before {
    color: #aaa;
    cursor: text;
    content: attr(data-placeholder);
    float: left;
    pointer-events: none;
    height: 0;
  }

  .ProseMirror.format-brush-active {
    cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cg stroke='%23fff' stroke-width='5'%3E%3Cg transform='translate(1.2 0.6) scale(0.54)' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m14.622 17.897-10.68-2.913'/%3E%3Cpath d='M18.376 2.622a1 1 0 1 1 3.002 3.002L17.36 9.643a.5.5 0 0 0 0 .707l.944.944a2.41 2.41 0 0 1 0 3.408l-.944.944a.5.5 0 0 1-.707 0L8.354 7.348a.5.5 0 0 1 0-.707l.944-.944a2.41 2.41 0 0 1 3.408 0l.944.944a.5.5 0 0 0 .707 0z'/%3E%3Cpath d='M9 8c-1.804 2.71-3.97 3.46-6.583 3.948a.507.507 0 0 0-.302.819l7.32 8.883a1 1 0 0 0 1.185.204C12.735 20.405 16 16.792 16 15'/%3E%3C/g%3E%3C/g%3E%3Cpath d='M16.5 7h5M19 7v16M16.5 23h5' stroke='%23fff' stroke-width='3.6' stroke-linecap='round' fill='none'/%3E%3Cg stroke='%23000' stroke-width='3'%3E%3Cg transform='translate(1.2 0.6) scale(0.54)' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m14.622 17.897-10.68-2.913'/%3E%3Cpath d='M18.376 2.622a1 1 0 1 1 3.002 3.002L17.36 9.643a.5.5 0 0 0 0 .707l.944.944a2.41 2.41 0 0 1 0 3.408l-.944.944a.5.5 0 0 1-.707 0L8.354 7.348a.5.5 0 0 1 0-.707l.944-.944a2.41 2.41 0 0 1 3.408 0l.944.944a.5.5 0 0 0 .707 0z'/%3E%3Cpath d='M9 8c-1.804 2.71-3.97 3.46-6.583 3.948a.507.507 0 0 0-.302.819l7.32 8.883a1 1 0 0 0 1.185.204C12.735 20.405 16 16.792 16 15'/%3E%3C/g%3E%3C/g%3E%3Cpath d='M16.5 7h5M19 7v16M16.5 23h5' stroke='%23000' stroke-width='1.8' stroke-linecap='round' fill='none'/%3E%3C/svg%3E") 19 15, text;
  }

  .ProseMirror.editor-doc {
    --doc-padding: calc(var(--spacing) * 20);
    --editor-heading-font-size-1: 34px;
    --editor-heading-font-size-2: 26px;
    --editor-heading-font-size-3: 22px;
    --editor-heading-font-size-4: 20px;
    --editor-heading-font-size-5: 18px;
    --editor-heading-font-size-6: 16px;
    white-space: pre-wrap;
    overflow-wrap: break-word;
    outline: none;
    width: 100%;
    height: 100%;
    font-size: 16px;
  }

  .ProseMirror.editor-doc > [data-full-width], .ProseMirror.editor-doc > [data-node-type] > [data-full-width] {
    width: calc(100% + var(--doc-padding) * 2);
    max-width: none;
    margin-inline: calc(var(--doc-padding) * -1);
    height: auto;
  }

  .ProseMirror.editor-doc:not([data-page-preset-id="continuous"]) {
    width: var(--document-page-width);
    min-height: var(--document-page-height);
    height: auto;
  }

  .ProseMirror.editor-doc p, .ProseMirror.editor-doc blockquote, .ProseMirror.editor-doc ul, .ProseMirror.editor-doc ol, .ProseMirror.editor-doc h1, .ProseMirror.editor-doc h2, .ProseMirror.editor-doc h3, .ProseMirror.editor-doc h4, .ProseMirror.editor-doc h5, .ProseMirror.editor-doc h6 {
    margin: 16px 0;
  }

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

  .ProseMirror.editor-doc blockquote {
    padding-left: 12px;
  }

  .ProseMirror.editor-doc .doc-highlight-block__content > :first-child {
    margin-top: 0;
  }

  .ProseMirror.editor-doc .doc-highlight-block__content > :last-child {
    margin-bottom: 0;
  }

  .ProseMirror.editor-doc .ProseMirror-selectednode[data-node-type="image"] > *, .ProseMirror.editor-doc .ProseMirror-selectednode[data-node-type="video"] > * {
    outline: 2px solid var(--color-editor-selection);
    border-radius: 2px;
  }

  .ProseMirror.editor-doc .ProseMirror-selectednode[data-node-type="table"] [data-table-selection-border] {
    opacity: 1;
  }

  .ProseMirror.editor-doc .ProseMirror-selectednode[data-node-type="horizontal_rule"] > * {
    background-color: var(--color-editor-text-selection-bg);
    box-shadow: 0 0 0 4px var(--color-editor-text-selection-bg);
    border-radius: 4px;
  }

  .ProseMirror.editor-doc .ProseMirror-selectednode[data-node-type="embedLink"] > * {
    outline: 2px solid var(--color-editor-selection);
  }

  .ProseMirror.editor-doc [data-node-type="column_list"] {
    align-items: stretch;
    margin: 16px 0;
    display: flex;
    position: relative;
  }

  .ProseMirror.editor-doc [data-node-type="column"] {
    border: 1px solid #0000;
    border-radius: 6px;
    flex-direction: column;
    flex: 1 1 0;
    gap: 16px;
    min-width: 0;
    padding: 12px;
    display: flex;
    position: relative;
  }

  .ProseMirror.editor-doc [data-node-type="column_list"].col-list-active > [data-node-type="column"], .ProseMirror.editor-doc [data-node-type="column_list"]:hover > [data-node-type="column"] {
    border-color: var(--color-border);
  }

  .ProseMirror.editor-doc [data-node-type="column_list"].col-list-active > [data-node-type="column"].col-active {
    border-color: var(--color-editor-selection);
    background: var(--color-editor-selection-tint);
  }

  .ProseMirror.editor-doc [data-node-type="column"] > :not(.col-delete) {
    margin-top: 0;
    margin-bottom: 0;
  }

  .ProseMirror.editor-doc .col-resize-handle {
    cursor: col-resize;
    flex: 0 0 12px;
    align-self: stretch;
    position: relative;
  }

  .ProseMirror.editor-doc .col-resize-handle:after {
    content: "";
    background: none;
    border-radius: 1px;
    width: 2px;
    position: absolute;
    inset: 0 auto 0 50%;
    transform: translateX(-50%);
  }

  .ProseMirror.editor-doc .col-resize-handle:hover:after, .ProseMirror.editor-doc .col-resize-handle--active:after {
    background: var(--color-editor-selection);
  }

  .ProseMirror.editor-doc .col-control {
    color: var(--color-muted-fg);
    cursor: pointer;
    opacity: 0;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    line-height: 1;
    display: flex;
  }

  .ProseMirror.editor-doc .col-delete {
    background: var(--color-overlay-hover);
    border: none;
    width: 18px;
    height: 18px;
    padding: 0;
    font-size: 14px;
    position: absolute;
    top: 2px;
    right: 2px;
  }

  .ProseMirror.editor-doc .col-add {
    border: 1px dashed var(--color-border);
    background: none;
    width: 20px;
    margin-left: 4px;
    font-size: 16px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
  }

  .ProseMirror.editor-doc [data-node-type="column"]:hover .col-delete, .ProseMirror.editor-doc [data-node-type="column_list"]:hover .col-add {
    opacity: 1;
  }

  .ProseMirror[contenteditable="false"] .col-control, .ProseMirror[contenteditable="false"] .col-resize-handle {
    display: none;
  }

  .ProseMirror.editor-brand {
    --editor-heading-font-size-1: 1.4em;
    --editor-heading-font-size-2: 1.25em;
    --editor-heading-font-size-3: 1.1em;
    --editor-heading-font-size-4: 1em;
    --editor-heading-font-size-5: 1em;
    --editor-heading-font-size-6: 1em;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    white-space: pre-wrap;
    overflow-wrap: break-word;
    outline: none;
  }

  .ProseMirror.editor-brand :is(p, ul, ol, blockquote, hr), .ProseMirror.editor-brand :is(h1, h2, h3, h4, h5, h6) {
    margin: .5em 0;
  }

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

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

  .ProseMirror.editor-brand :is(ul, ol) {
    padding-left: 1.5em;
    list-style-position: outside;
  }

  .ProseMirror.editor-brand ul {
    list-style-type: disc;
  }

  .ProseMirror.editor-brand ol {
    list-style-type: decimal;
  }

  .ProseMirror.editor-brand li {
    padding-left: 0;
  }

  .ProseMirror.editor-brand li :is(p, ul, ol) {
    margin: 0;
  }

  .ProseMirror.editor-brand blockquote {
    padding-inline-start: .75em;
  }

  .ProseMirror.editor-brand code {
    background-color: var(--color-muted);
    border-radius: 4px;
    padding: .1em .25em;
    font-family: ui-monospace, monospace;
    font-size: .9em;
  }

  .ProseMirror.editor-brand hr {
    border: 0;
    border-top: 1px solid var(--color-divider);
  }

  .ProseMirror.editor-brand img {
    max-width: 100%;
  }

  .ProseMirror.editor-comment {
    white-space: pre-wrap;
    overflow-wrap: break-word;
  }

  .ProseMirror.editor-comment p {
    margin: 0;
  }

  .ProseMirror.editor-chat {
    font-family: inherit;
    font-size: inherit;
    white-space: pre-wrap;
    overflow-wrap: break-word;
  }

  .ProseMirror.editor-chat p {
    margin: 0;
  }

  .ProseMirror.editor-design {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    outline: none;
  }

  .ProseMirror.editor-design p, .ProseMirror.editor-design ul, .ProseMirror.editor-design ol {
    margin: 0;
  }

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

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

  .ProseMirror.editor-sheet {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
  }

  .ProseMirror.editor-sheet p, .ProseMirror.editor-sheet ul, .ProseMirror.editor-sheet ol {
    margin: 0;
  }

  .formula-bar-editor .ProseMirror.editor-sheet :where(*) {
    font-size: inherit !important;
  }
}

/*# sourceMappingURL=packages_docs_src_views_styles_editor_15m3gbn.css.map*/