lcbp3/docs/จัดการตำแหน่ง Node n8n_files/writing-block-editor-j0pgo4i4.css

._4ccM4G_magic-edit-selection {
  background: var(--theme-user-selection-bg, var(--selection));
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  padding: 4.5px 0;
}
[data-me-role='container'] {
  display: block;
  position: relative;
}
.writing-block-editor.magic-edit-minimal [data-me-role='orig'] {
  display: none;
}
.writing-block-editor [data-me-role='container'],
.writing-block-editor [data-me-role='orig'],
.writing-block-editor [data-me-role='sugg'] {
  -webkit-user-select: none;
  user-select: none;
}
[data-me-role='orig'],
[data-me-role='sugg'] {
  position: relative;
}
[data-me-role='orig']:before,
[data-me-role='sugg']:before {
  content: '';
  z-index: -1;
  margin-top: -8px;
  margin-bottom: -8px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
[data-me-role='orig']:dir(ltr):before,
[data-me-role='sugg']:dir(ltr):before {
  margin-left: calc(var(--writing-block-editor-pl, 1.25rem) * -1);
  margin-right: calc(var(--writing-block-editor-pr, 1.25rem) * -1);
}
[data-me-role='orig']:dir(rtl):before,
[data-me-role='sugg']:dir(rtl):before {
  margin-right: calc(var(--writing-block-editor-pl, 1.25rem) * -1);
  margin-left: calc(var(--writing-block-editor-pr, 1.25rem) * -1);
}
[data-me-role='orig'] {
  color: var(--text-tertiary);
}
.dark [data-me-role='orig'] {
  color: var(--text-quaternary);
}
[data-me-role='orig']:before,
.dark [data-me-role='orig']:before {
  background: 0 0;
}
[data-me-role='sugg'] {
  color: #172554;
}
.dark [data-me-role='sugg'] {
  color: #f0f9ff;
}
.writing-block-editor.magic-edit-minimal [data-me-role='sugg']:before {
  display: none;
}
.writing-block-editor.magic-edit-minimal [data-me-role='orig']:first-child + [data-me-role='sugg'] {
  margin-top: 0;
}
[data-me-role='sugg']:before {
  background: color-mix(in srgb, var(--interactive-bg-accent-default) 50%, transparent);
  border-top: 1px solid var(--bg-primary);
}
.dark [data-me-role='sugg']:before {
  background: color-mix(in srgb, var(--interactive-label-accent-default) 5%, transparent);
  border-top: 1px solid #2a2a2a;
}
[data-me-role='orig'] [data-me-change='delta'] {
  color: var(--text-tertiary);
  -webkit-text-decoration: line-through #ef4444cc;
  text-decoration: line-through #ef4444cc;
  text-decoration-thickness: 1px;
}
.dark [data-me-role='orig'] [data-me-change='delta'] {
  color: var(--text-quaternary);
  -webkit-text-decoration-color: #f87171cc;
  text-decoration-color: #f87171cc;
}
[data-me-role='sugg'] [data-me-change='delta'] {
  color: #0285ff;
  background-color: color-mix(in srgb, var(--interactive-bg-accent-default) 50%, transparent);
  padding: 4px 0;
}
.magic-edit-minimal [data-me-role='sugg'] [data-me-change='delta'] {
  background-color: #0000;
}
.dark [data-me-role='sugg'] [data-me-change='delta'] {
  color: var(--interactive-label-accent-default);
}
.writing-block-editor [data-me-role='sugg'] ul li::marker {
  color: #0285ff;
}
._4ccM4G_keyBindingTight kbd {
  color: var(--text-tertiary) !important;
  box-shadow: none !important;
  padding-top: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.writing-block-editor.override-font-size > .prose {
  font-size: inherit;
}
.writing-block-editor.override-font-weight > .prose {
  font-weight: inherit;
}
.writing-block-editor.override-line-height > .prose {
  line-height: inherit;
}
.writing-block-editor.override-letter-spacing > .prose {
  letter-spacing: inherit;
}
.writing-block-editor.header-magic-edit-composer-open .ProseMirror {
  opacity: 0.45;
  transition: opacity 0.18s;
}
.writing-block-editor.markdown-new-styling > .markdown h1 {
  font-size: 150%;
}
.writing-block-editor.markdown-new-styling > .markdown h2 {
  font-size: 125%;
}
.writing-block-editor.markdown-new-styling > .markdown h3 {
  font-size: 115%;
}
.writing-block-editor.markdown-new-styling > .markdown blockquote,
.writing-block-editor.markdown-new-styling > .markdown blockquote > p {
  line-height: inherit;
  font-weight: inherit;
}
.writing-block-editor .ProseMirror li p,
.writing-block-editor .ProseMirror td p,
.writing-block-editor .ProseMirror th p {
  margin: 0;
}
.writing-block-editor .ProseMirror.ProseMirror-focused table.writing-block-table-structure-mode {
  caret-color: #0000;
}
.writing-block-table-grab-handle {
  z-index: 70;
  border: 1px solid var(--border-light);
  border-radius: var(--radius-sm);
  background: var(--bg-primary);
  color: var(--text-secondary);
  box-shadow: var(--shadow-lg);
  letter-spacing: -0.12em;
  opacity: 0;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  font-size: 0.75rem;
  line-height: 1;
  transition:
    opacity 0.12s,
    background-color 0.12s,
    color 0.12s;
  display: inline-flex;
  position: fixed;
}
.writing-block-table-grab-handle.is-visible {
  opacity: 1;
  pointer-events: auto;
}
.writing-block-table-grab-handle.is-active,
.writing-block-table-grab-handle:hover,
.writing-block-table-grab-handle:focus-visible {
  background: var(--interactive-bg-accent-default);
  color: var(--interactive-label-accent-default);
  outline: none;
}
.writing-block-table-grab-handle-column {
  letter-spacing: 0;
  font-size: 0.8rem;
}
.writing-block-table-grab-menu {
  z-index: 71;
  border: 1px solid var(--border-light);
  border-radius: calc(var(--spacing) * 2);
  background: var(--bg-primary);
  min-width: 12rem;
  box-shadow: var(--shadow-lg);
  padding: calc(var(--spacing) * 1.5);
  gap: calc(var(--spacing) * 1);
  display: none;
  position: fixed;
  transform: translate(-50%);
}
.writing-block-table-grab-menu.is-open {
  display: grid;
}
.writing-block-table-grab-menu-item {
  border-radius: var(--radius-sm);
  width: 100%;
  color: var(--text-primary);
  padding: calc(var(--spacing) * 1.5) calc(var(--spacing) * 2);
  font-size: var(--text-sm);
  background: 0 0;
  border: 0;
  justify-content: flex-start;
  align-items: center;
  line-height: 1.2;
  display: inline-flex;
}
.writing-block-table-grab-menu-item:hover,
.writing-block-table-grab-menu-item:focus-visible {
  background: var(--interactive-bg-accent-default);
  color: var(--interactive-label-accent-default);
  outline: none;
}
.writing-block-editor .ProseMirror.ProseMirror-focused td.writing-block-table-structure-selected-cell,
.writing-block-editor .ProseMirror.ProseMirror-focused th.writing-block-table-structure-selected-cell {
  box-shadow: 0 0 0 1px color-mix(in oklab, var(--interactive-label-accent-default, #0285ff) 70%, transparent);
}
.writing-block-editor .ProseMirror.ProseMirror-focused td.writing-block-table-structure-active-cell,
.writing-block-editor .ProseMirror.ProseMirror-focused th.writing-block-table-structure-active-cell {
  box-shadow: 0 0 0 2px var(--interactive-label-accent-default, #0285ff);
}
.writing-block-editor .ProseMirror.ProseMirror-focused td.writing-block-table-structure-edit-active-cell,
.writing-block-editor .ProseMirror.ProseMirror-focused th.writing-block-table-structure-edit-active-cell {
  box-shadow:
    0 0 0 2px var(--interactive-label-accent-default, #0285ff),
    0 0 0 4px var(--theme-entity-accent, #0169cc);
  caret-color: auto !important;
}
.writing-block-editor .ProseMirror.ProseMirror-focused td.writing-block-table-structure-edit-active-cell *,
.writing-block-editor .ProseMirror.ProseMirror-focused th.writing-block-table-structure-edit-active-cell * {
  caret-color: auto !important;
}
.writing-block-editor .ProseMirror p .selection-highlight {
  padding-top: 0.28em;
  padding-bottom: 0.28em;
}
.writing-block-editor .ProseMirror a,
.writing-block-editor .ProseMirror a:hover,
.writing-block-editor .ProseMirror a:active {
  color: inherit;
  cursor: text;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  -webkit-text-decoration-style: dotted;
  text-decoration-style: dotted;
  text-decoration-thickness: 1px;
  -webkit-text-decoration-color: var(--text-tertiary);
  -webkit-text-decoration-color: var(--text-tertiary);
  text-decoration-color: var(--text-tertiary);
  text-underline-offset: 2px;
  -webkit-text-decoration-skip-ink: auto;
  text-decoration-skip-ink: auto;
  text-underline-position: from-font;
  transition: color 0.2s ease-in-out;
}
.writing-block-editor .ProseMirror.writing-block-open-link-mode a {
  cursor: pointer;
}
.writing-block-editor .ProseMirror.writing-block-open-link-mode a:hover,
.writing-block-editor .ProseMirror.writing-block-open-link-mode a:active {
  color: var(--theme-entity-accent);
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  -webkit-text-decoration-color: currentColor;
  text-decoration-color: currentColor;
}
.writing-block-editor .ProseMirror > :where(:not(.ProseMirror-trailingBreak)):not(:first-child) {
  margin-top: 1rem;
}
.writing-block-editor .ProseMirror > :where(:not(.ProseMirror-trailingBreak)) {
  margin-bottom: 0;
}
.writing-block-editor .ProseMirror > p:last-child {
  margin-bottom: 0;
}
.writing-block-editor .writing-block-generate-suggestion,
.writing-block-editor .writing-block-generate-suggestion h1,
.writing-block-editor .writing-block-generate-suggestion h2,
.writing-block-editor .writing-block-generate-suggestion h3,
.writing-block-editor .writing-block-generate-suggestion h4,
.writing-block-editor .writing-block-generate-suggestion h5,
.writing-block-editor .writing-block-generate-suggestion h6,
.writing-block-editor .writing-block-generate-suggestion strong,
.writing-block-editor .writing-block-generate-suggestion blockquote,
.writing-block-editor .writing-block-generate-suggestion a {
  color: #0285ff;
  cursor: text;
  -webkit-user-select: text;
  user-select: text;
}
.dark .writing-block-editor .writing-block-generate-suggestion,
.dark .writing-block-editor .writing-block-generate-suggestion h1,
.dark .writing-block-editor .writing-block-generate-suggestion h2,
.dark .writing-block-editor .writing-block-generate-suggestion h3,
.dark .writing-block-editor .writing-block-generate-suggestion h4,
.dark .writing-block-editor .writing-block-generate-suggestion h5,
.dark .writing-block-editor .writing-block-generate-suggestion h6,
.dark .writing-block-editor .writing-block-generate-suggestion strong,
.dark .writing-block-editor .writing-block-generate-suggestion blockquote,
.dark .writing-block-editor .writing-block-generate-suggestion a {
  color: var(--interactive-label-accent-default);
  cursor: text;
  -webkit-user-select: text;
  user-select: text;
}
.writing-block-editor li::marker {
  font-weight: 400;
}
.writing-block-editor .ProseMirror ul li[data-task-list-item='true'] {
  align-items: flex-start;
  gap: 0.375rem;
  list-style: none;
  display: flex;
}
.writing-block-editor .ProseMirror ol li[data-task-list-item='true'] {
  align-items: flex-start;
}
.writing-block-editor .ProseMirror .task-list-item-checkbox {
  color: var(--interactive-label-accent-default);
  margin-top: 0.4rem;
  display: inline-flex;
}
.writing-block-editor .ProseMirror .task-list-item-checkbox:dir(ltr) {
  margin-left: -1.4375rem;
}
.writing-block-editor .ProseMirror .task-list-item-checkbox:dir(rtl) {
  margin-right: -1.4375rem;
}
.writing-block-editor .ProseMirror ol li[data-task-list-item='true'] .task-list-item-checkbox:dir(ltr) {
  margin-left: 0;
}
.writing-block-editor .ProseMirror ol li[data-task-list-item='true'] .task-list-item-checkbox:dir(rtl) {
  margin-right: 0;
}
.writing-block-editor .ProseMirror .task-list-item-checkbox input {
  -webkit-appearance: none;
  appearance: none;
  width: 1rem;
  height: 1rem;
  color: inherit;
  border: 0.9px solid var(--interactive-border-focus, #0d0d0d);
  cursor: pointer;
  pointer-events: auto;
  background: 0 0;
  border-radius: 0.125rem;
  place-content: center;
  display: inline-grid;
}
.writing-block-editor .ProseMirror .task-list-item-checkbox input:before {
  content: '';
  border-right: 2px solid var(--bg-primary);
  border-bottom: 2px solid var(--bg-primary);
  transform-origin: 50%;
  width: 0.25rem;
  height: 0.5rem;
  transform: rotate(45deg) scale(0);
}
.writing-block-editor .ProseMirror .task-list-item-checkbox input:checked {
  background: currentColor;
  border-color: currentColor;
}
.writing-block-editor .ProseMirror .task-list-item-checkbox input:checked:before {
  transform: rotate(45deg) scale(1);
}
.writing-block-editor .ProseMirror .task-list-item-checkbox input:indeterminate {
  background: currentColor;
  border-color: currentColor;
}
.writing-block-editor .ProseMirror .task-list-item-checkbox input:indeterminate:before {
  background: var(--bg-primary);
  border-bottom: none;
  border-right: none;
  width: 0.5rem;
  height: 0.125rem;
  transform: none;
}
.writing-block-editor .ProseMirror .task-list-item-checkbox input:focus,
.writing-block-editor .ProseMirror .task-list-item-checkbox input:focus-visible {
  box-shadow: none;
  outline: none;
}
.writing-block-editor .ProseMirror .task-list-item-content {
  flex: 1;
  min-width: 0;
}
.writing-block-editor
  .ProseMirror
  li[data-task-list-item='true'][data-checked='true']
  > .task-list-item-checkbox:has(input:checked:not(:indeterminate))
  + .task-list-item-content
  > p:first-child {
  color: var(--text-tertiary);
  -webkit-text-decoration-line: line-through;
  text-decoration-line: line-through;
  -webkit-text-decoration-color: currentColor;
  text-decoration-color: currentColor;
}
.writing-block-editor .ProseMirror ol li[data-task-list-item='true'] .task-list-item-content {
  min-width: 0;
  display: inline-block;
}
.writing-block-editor .ProseMirror [data-writing-block-empty-placeholder] {
  position: relative;
}
.writing-block-editor .ProseMirror [data-writing-block-empty-placeholder]:before {
  color: var(--text-tertiary);
  content: attr(data-writing-block-empty-placeholder);
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  white-space: pre-wrap;
  position: absolute;
  top: 0;
}
.writing-block-editor .ProseMirror [data-writing-block-empty-placeholder]:dir(ltr):before {
  left: 0;
}
.writing-block-editor .ProseMirror [data-writing-block-empty-placeholder]:dir(rtl):before {
  right: 0;
}
.writing-block-editor .ProseMirror p.isSelectedEnd .ProseMirror-trailingBreak {
  display: none;
}
.writing-block-editor .ProseMirror p.isSelectedEnd:after {
  content: '​';
  pointer-events: none;
  background-color: var(--theme-user-selection-bg);
  display: inline-block;
}
.writing-block-editor .ProseMirror p.isSelectedEnd:dir(ltr):after {
  margin-right: -6px;
  padding-right: 6px;
}
.writing-block-editor .ProseMirror p.isSelectedEnd:dir(rtl):after {
  margin-left: -6px;
  padding-left: 6px;
}
.firefox.writing-block-editor .ProseMirror p.isSelectedEnd:after {
  display: inline;
}