/* 使用 tailwindcss 的 base 样式 */

.ProseMirror {
  *, ::before, ::after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  ;
  }
  ::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  ;
  }
  /* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */
  /*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
  *,
::before,
::after {
    box-sizing: border-box;
    /* 1 */
    border-width: 0;
    /* 2 */
    border-style: solid;
    /* 2 */
    border-color: #e5e7eb;
    /* 2 */
  }
  ::before,
::after {
    --tw-content: '';
  }
  /*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
  html,
:host {
    line-height: 1.5;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
    -moz-tab-size: 4;
    /* 3 */
    -o-tab-size: 4;
       tab-size: 4;
    /* 3 */
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    /* 4 */
    font-feature-settings: normal;
    /* 5 */
    font-variation-settings: normal;
    /* 6 */
    -webkit-tap-highlight-color: transparent;
    /* 7 */
  }
  /*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
  body {
    margin: 0;
    /* 1 */
    line-height: inherit;
    /* 2 */
  }
  /*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
  hr {
    height: 0;
    /* 1 */
    color: inherit;
    /* 2 */
    border-top-width: 1px;
    /* 3 */
  }
  /*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
            text-decoration: underline dotted;
  }
  /*
Remove the default font size and weight for headings.
*/
  h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  /*
Reset links to optimize for opt-in styling instead of opt-out.
*/
  a {
    color: inherit;
    text-decoration: inherit;
  }
  /*
Add the correct font weight in Edge and Safari.
*/
  b,
strong {
    font-weight: bolder;
  }
  /*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
  code,
kbd,
samp,
pre {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    /* 1 */
    font-feature-settings: normal;
    /* 2 */
    font-variation-settings: normal;
    /* 3 */
    font-size: 1em;
    /* 4 */
  }
  /*
Add the correct font size in all browsers.
*/
  small {
    font-size: 80%;
  }
  /*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
  sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  /*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
  table {
    text-indent: 0;
    /* 1 */
    border-color: inherit;
    /* 2 */
    border-collapse: collapse;
    /* 3 */
  }
  /*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
  button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-feature-settings: inherit;
    /* 1 */
    font-variation-settings: inherit;
    /* 1 */
    font-size: 100%;
    /* 1 */
    font-weight: inherit;
    /* 1 */
    line-height: inherit;
    /* 1 */
    letter-spacing: inherit;
    /* 1 */
    color: inherit;
    /* 1 */
    margin: 0;
    /* 2 */
    padding: 0;
    /* 3 */
  }
  /*
Remove the inheritance of text transform in Edge and Firefox.
*/
  button,
select {
    text-transform: none;
  }
  /*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
  button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
    -webkit-appearance: button;
    /* 1 */
    background-color: transparent;
    /* 2 */
    background-image: none;
    /* 2 */
  }
  /*
Use the modern Firefox focus style for all focusable elements.
*/
  :-moz-focusring {
    outline: auto;
  }
  /*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
  :-moz-ui-invalid {
    box-shadow: none;
  }
  /*
Add the correct vertical alignment in Chrome and Firefox.
*/
  progress {
    vertical-align: baseline;
  }
  /*
Correct the cursor style of increment and decrement buttons in Safari.
*/
  ::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto;
  }
  /*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
  [type='search'] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
  }
  /*
Remove the inner padding in Chrome and Safari on macOS.
*/
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  /*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
  ::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
  }
  /*
Add the correct display in Chrome and Safari.
*/
  summary {
    display: list-item;
  }
  /*
Removes the default spacing and border for appropriate elements.
*/
  blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
    margin: 0;
  }
  fieldset {
    margin: 0;
    padding: 0;
  }
  legend {
    padding: 0;
  }
  ol,
ul,
menu {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  /*
Reset default styling for dialogs.
*/
  dialog {
    padding: 0;
  }
  /*
Prevent resizing textareas horizontally by default.
*/
  textarea {
    resize: vertical;
  }
  /*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
  input::-moz-placeholder, textarea::-moz-placeholder {
    opacity: 1;
    /* 1 */
    color: #9ca3af;
    /* 2 */
  }
  input::placeholder,
textarea::placeholder {
    opacity: 1;
    /* 1 */
    color: #9ca3af;
    /* 2 */
  }
  /*
Set the default cursor for buttons.
*/
  button,
[role="button"] {
    cursor: pointer;
  }
  /*
Make sure disabled buttons don't get the pointer cursor.
*/
  :disabled {
    cursor: default;
  }
  /*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
  img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
    display: block;
    /* 1 */
    vertical-align: middle;
    /* 2 */
  }
  /*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
  img,
video {
    max-width: 100%;
    height: auto;
  }
  /* Make elements with the HTML hidden attribute stay hidden by default */
  [hidden]:where(:not([hidden="until-found"])) {
    display: none;
  }
  position: relative;
  height: 100%;
  min-width: 0px;
  font-size: 1rem;
  line-height: 1.5rem;
}

.ProseMirror > * {
  max-width: 100%;
}

/* > * {
    @apply my-2 w-full first:mt-0 last:mb-0;
  } */

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

.ProseMirror > *[bke-role] {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.ProseMirror[contenteditable="true"]:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.ProseMirror[contenteditable="true"] [data-placeholder].is-empty::before {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #cbd5e1;
}

.ProseMirror[contenteditable="true"] [data-placeholder].is-empty:is(.bke-dark *)::before {
  color: #475569;
}

.ProseMirror[contenteditable="true"] [data-placeholder].is-empty::before {
  content: attr(data-placeholder);
  float: left;
  height: 0;
  pointer-events: none;
}

.ProseMirror-hideselection *::-moz-selection {
  background: transparent;
}

.ProseMirror-hideselection *::selection {
  background: transparent;
}

.ProseMirror-hideselection *::-moz-selection {
  background: transparent;
}

.ProseMirror-hideselection {
  caret-color: transparent;
}

.ProseMirror[contenteditable="true"] .ProseMirror-selectednode {
  /* @apply !border-blue-500 !border-2 !border-dashed; */
  outline-style: dotted;
  outline-width: 2px;
  outline-offset: 4px;
  outline-color: hsl(var(--theme-color-primary-hsl-h) var(--theme-color-primary-hsl-s) 60%);
}

.ProseMirror:not(.dragging) .ProseMirror-selectednode {
  /* outline: none !important; */
  /* border-radius: 0.2rem; */
  /* background-color: #f1f3f5; */
  /* transition: background-color 0.2s; */
  box-shadow: none;
}

.ProseMirror-trailingBreak {
  width: 1rem;
  background-color: #334155;
}

.ProseMirror-trailingBreak:is(.bke-dark *) {
  background-color: #202B40;
}

.ProseMirror * + p {
  margin-top: 1rem;
}

.ProseMirror p + * {
  margin-top: 1rem;
}

.ProseMirror p {
  line-height: 1.5;
  min-height: 1.5rem;
}

.ProseMirror li > p + ol,
  .ProseMirror li > p + ul {
  margin-top: 0;
}

.ProseMirror * ~ blockquote {
  margin-top: 1.5rem;
}

.ProseMirror blockquote {
  border-left: 3px solid rgb(230, 230, 230);
  padding-left: 1rem;
  color: #646a73;
}

.ProseMirror [bke-role="callout"] {
  display: flex;
  align-items: flex-start;
}

.ProseMirror [bke-role="callout"] > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}

.ProseMirror [bke-role="callout"] {
  border-radius: 0.375rem;
  border-width: 1px;
  border-color: transparent;
  padding: 1rem;
}

.ProseMirror [bke-role="callout"] > [bke-role="emoji"] {
  display: flex;
  height: 2rem;
  width: 2rem;
  flex: none;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  padding: 0.375rem;
  font-size: 1.5rem;
  line-height: 2rem;
}

.ProseMirror [bke-role="callout"] [bke-role="callout-content"] {
  flex: 1 1 0%;
  padding-top: 0.25rem;
}

.ProseMirror[contenteditable="true"] [bke-role="callout"] > [bke-role="emoji"] {
  cursor: pointer;
}

.ProseMirror[contenteditable="true"] [bke-role="callout"] > [bke-role="emoji"]:hover {
  background-color: rgb(0 0 0 / 0.1);
}

/* 这是编辑器在使用 */

pre code.hljs {
  display: block;
  overflow-x: auto;
  padding: 1em
}

code.hljs {
  padding: 3px 5px
}

/*
 * Visual Studio 2015 dark style
 * Author: Nicolas LLOBERA <nllobera@gmail.com>
 */

.hljs {
  background: #1E1E1E;
  color: #DCDCDC
}

.hljs-keyword,
.hljs-literal,
.hljs-symbol,
.hljs-name {
  color: #569CD6
}

.hljs-link {
  color: #569CD6;
  text-decoration: underline
}

.hljs-built_in,
.hljs-type {
  color: #4EC9B0
}

.hljs-number,
.hljs-class {
  color: #B8D7A3
}

.hljs-string,
.hljs-meta .hljs-string {
  color: #D69D85
}

.hljs-regexp,
.hljs-template-tag {
  color: #9A5334
}

.hljs-subst,
.hljs-function,
.hljs-title,
.hljs-params,
.hljs-formula {
  color: #DCDCDC
}

.hljs-comment,
.hljs-quote {
  color: #57A64A;
  font-style: italic
}

.hljs-doctag {
  color: #608B4E
}

.hljs-meta,
.hljs-meta .hljs-keyword,
.hljs-tag {
  color: #9B9B9B
}

.hljs-variable,
.hljs-template-variable {
  color: #BD63C5
}

.hljs-attr,
.hljs-attribute {
  color: #9CDCFE
}

.hljs-section {
  color: gold
}

.hljs-emphasis {
  font-style: italic
}

.hljs-strong {
  font-weight: bold
}

/*.hljs-code {
  font-family:'Monospace';
}*/

.hljs-bullet,
.hljs-selector-tag,
.hljs-selector-id,
.hljs-selector-class,
.hljs-selector-attr,
.hljs-selector-pseudo {
  color: #D7BA7D
}

.hljs-addition {
  background-color: #144212;
  display: inline-block;
  width: 100%
}

.hljs-deletion {
  background-color: #600;
  display: inline-block;
  width: 100%
}

.ProseMirror pre {
  border-radius: 0.375rem;
  background-color: #0f172a;
  padding: 1rem;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  color: #fff;
}

.ProseMirror pre code {
  background-color: transparent;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: inherit;
}

.ProseMirror pre[data-placeholder].is-empty:before{
  color: #ffffff4f !important;
}

.ProseMirror pre ~ pre {
  margin-top: 1rem;
}

.ProseMirror {
  /* 去掉 .prose 给code前后加个单引号的问题 */
  /* code::before {
    content: "";
  }
  code::after {
    content: "";
  } */
}

.ProseMirror code {
  border-radius: 0.125rem;
  background-color: #e2e8f0;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  padding: 0.25rem;
  color: #b91c1c;
  text-wrap: wrap;
}

.ProseMirror [bke-role="column"] {
  min-width: 0px;
  flex: none;
  border-radius: 0.25rem;
  background-color: #f9fafb;
  padding: 1rem;
}

.ProseMirror [bke-role="column"]:is(.bke-dark *) {
  background-color: #1e293b;
}

.ProseMirror [bke-role="columns"] {
  display: grid;
  gap: 0.25rem;
  border-radius: 0.125rem;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
}

@media screen and (max-width: 600px) {
  .ProseMirror [bke-role="columns"] {
    display: block;
    gap: 0px;
  }
}

.ProseMirror [bke-role="columns"][bke-columns="2"][bke-columns-layout="1:2"] {
  grid-template-columns: 1fr 2fr;
}

.ProseMirror [bke-role="columns"][bke-columns="2"][bke-columns-layout="2:1"] {
  grid-template-columns: 2fr 1fr;
}

.ProseMirror [bke-role="columns"][bke-columns="3"][bke-columns-layout="1:2:1"] {
  grid-template-columns: 1fr 2fr 1fr;
}

.ProseMirror[contenteditable="true"] [bke-role="column"] {
  border-width: 1px;
  border-style: dashed;
}

.ProseMirror[contenteditable="true"] [bke-role="column"]:hover {
  background-color: #f3f4f6;
}

.ProseMirror[contenteditable="true"] [bke-role="column"]:is(.bke-dark *) {
  background-color: #1e293b;
}

.ProseMirror [data-dam-deleted] {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  display: flex;
  min-height: 3rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  background-color: #f3f4f6;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #d1d5db;
}

.ProseMirror [data-dam-deleted]:is(.bke-dark *) {
  background-color: #202B40;
}

.ProseMirror [bke-role="doc-title"] {
  display: flex;
  align-items: flex-start;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}

.ProseMirror [bke-role="doc-title"] [bke-role="emoji"] {
  margin-right: 0.125rem;
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  flex-shrink: 0;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.ProseMirror [bke-role="doc-title"] [bke-role="emoji"][bke-emoji=""],
    .ProseMirror [bke-role="doc-title"] [bke-role="emoji"]:not([bke-emoji]) {
  display: none;
}

.ProseMirror [bke-role="doc-title"] {
  margin-bottom: 4rem;
}

.ProseMirror [bke-role="title"] {
  margin: 0px;
  flex: 1 1 0%;
}

.ProseMirror[contenteditable="true"] [bke-role="doc-title"] {
  border-bottom-width: 1px;
}

.ProseMirror[contenteditable="true"] [bke-role="doc-title"] [bke-role="emoji"]:hover {
  background-color: #f3f4f6;
}

.ProseMirror .drag-handle {
  position: fixed;
  opacity: 1;
  transition: opacity ease-in 0.2s;
  border-radius: 0.25rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' style='fill: rgba(0, 0, 0, 0.5)'%3E%3Cpath d='M3,2 C2.44771525,2 2,1.55228475 2,1 C2,0.44771525 2.44771525,0 3,0 C3.55228475,0 4,0.44771525 4,1 C4,1.55228475 3.55228475,2 3,2 Z M3,6 C2.44771525,6 2,5.55228475 2,5 C2,4.44771525 2.44771525,4 3,4 C3.55228475,4 4,4.44771525 4,5 C4,5.55228475 3.55228475,6 3,6 Z M3,10 C2.44771525,10 2,9.55228475 2,9 C2,8.44771525 2.44771525,8 3,8 C3.55228475,8 4,8.44771525 4,9 C4,9.55228475 3.55228475,10 3,10 Z M7,2 C6.44771525,2 6,1.55228475 6,1 C6,0.44771525 6.44771525,0 7,0 C7.55228475,0 8,0.44771525 8,1 C8,1.55228475 7.55228475,2 7,2 Z M7,6 C6.44771525,6 6,5.55228475 6,5 C6,4.44771525 6.44771525,4 7,4 C7.55228475,4 8,4.44771525 8,5 C8,5.55228475 7.55228475,6 7,6 Z M7,10 C6.44771525,10 6,9.55228475 6,9 C6,8.44771525 6.44771525,8 7,8 C7.55228475,8 8,8.44771525 8,9 C8,9.55228475 7.55228475,10 7,10 Z'%3E%3C/path%3E%3C/svg%3E");
  background-size: calc(0.5em + 0.375rem) calc(0.5em + 0.375rem);
  background-repeat: no-repeat;
  background-position: center;
  width: 1.2rem;
  height: 1.5rem;
  z-index: 50;
  cursor: grab;
}

.ProseMirror .drag-handle:hover {
  background-color: rgb(245 245 244);
  transition: background-color 0.2s;
}

.ProseMirror .drag-handle:active {
  background-color: rgb(231 229 228);
  transition: background-color 0.2s;
}

.ProseMirror .drag-handle.hide {
  opacity: 0;
  pointer-events: none;
}

@media screen and (max-width: 600px) {
  .ProseMirror .drag-handle {
    display: none;
    pointer-events: none
  }
}

.ProseMirror .bke-file:not([data-dam-deleted]) {
  display: inline-block;
  aspect-ratio: auto;
  border-radius: 0.375rem;
  border-width: 1px;
  border-color: #e2e8f0;
  padding: 0.5rem;
}

.ProseMirror .bke-file:not([data-dam-deleted]):hover {
  border-color: hsl(var(--theme-color-primary) / 1);
}

.ProseMirror .fragment {
  border-radius: 0.375rem;
  border-width: 1px;
  border-color: #e2e8f0;
  padding: 0.5rem;
}

.ProseMirror .dam_fragment {
  border-color: #fb923c;
}

.ProseMirror h1, .ProseMirror h2, .ProseMirror h3, .ProseMirror h4, .ProseMirror h5, .ProseMirror h6 {
  margin-top: 1rem;
  font-weight: 700;
}

.ProseMirror h1 {
  margin-top: 2rem;
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.ProseMirror h2 {
  margin-top: 1.5rem;
  font-size: 1.5rem;
  line-height: 2rem;
}

.ProseMirror h3 {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.ProseMirror h4 {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.ProseMirror h5 {
  font-size: 1rem;
  line-height: 1.5rem;
}

.ProseMirror h6 {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.ProseMirror hr {
  border: 0;
  border-top: 1px solid #e2e8f0;
  margin: 1.5rem 0;
}

.ProseMirror div[bke-role="iframe"] {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  /* 16:9 Aspect Ratio (9 / 16 = 0.5625) */
  height: 0;
  overflow: hidden;
  border-radius: 0.5rem;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
  --tw-ring-color: #d1d5db !important;
}

.ProseMirror div[bke-role="iframe"] .bke-iframe__toolbar {
  display: none;
}

.ProseMirror div[bke-role="iframe"] .bke-iframe-toolbar__url-bar {
  display: flex;
  align-items: center;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.ProseMirror div[bke-role="iframe"] .bke-iframe-toolbar__url-bar a {
  overflow: hidden;
  text-overflow: ellipsis;
  text-wrap: nowrap;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  color: #6b7280;
}

.ProseMirror div[bke-role="iframe"] .bke-iframe-toolbar__url-bar a:hover {
  background-color: inherit;
  color: hsl(var(--theme-color-primary) / 1);
}

.ProseMirror div[bke-role="iframe"] > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.ProseMirror div[bke-role="iframe-empty"] {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  border-width: 1px;
  border-style: dashed;
  border-color: #d1d5db;
  padding: 6rem;
}

.ProseMirror[contenteditable="true"] div[bke-role="iframe"] .bke-iframe__toolbar {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  display: block;
  height: 2rem;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  background-color: #f3f4f6;
}

.ProseMirror[contenteditable="true"] div[bke-role="iframe"] > iframe {
  top: 2rem;
}

.ProseMirror .editor_image {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  padding: 0.5rem;
}

.ProseMirror [bke-role="image"] {
  display: inline-block;
  max-width: 100%;
}

.ProseMirror[contenteditable="true"] [bke-role="image"]:not([bke-dam-id]) {
  border-left-width: 4px;
  border-right-width: 4px;
  border-style: dashed;
  border-color: #9ca3af;
}

.ProseMirror[contenteditable="true"] [bke-role="image"][bke-dam-uploading] {
  border-color: #22c55e;
}

.ProseMirror a {
  color: #60a5fa;
}

.ProseMirror a:hover {
  background-color: rgb(96 165 250 / 0.2);
}

.ProseMirror .link_card {
  display: block;
}

.ProseMirror .link_card > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}

.ProseMirror .link_card {
  border-radius: 0.375rem;
  border-width: 1px;
  border-color: #e2e8f0;
  background-color: rgb(203 213 225 / 0.2);
}

.ProseMirror .link_card:hover {
  border-color: hsl(var(--theme-color-primary) / 1);
}

.ProseMirror .link_card div {
  font-size: 1rem;
  line-height: 1.5rem;
}

.ProseMirror .link_card span {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  display: block;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #94a3b8;
}

.ProseMirror .link_card a {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.ProseMirror .dam_link_card {
  border-color: #fb923c;
}

.ProseMirror ol,
  .ProseMirror ul {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding: 0 1rem;
  list-style-position: inside;
}

.ProseMirror ol li, .ProseMirror ul li {
  margin-bottom: 4px;
  line-height: 1.5;
}

/* li::marker {
      color: hsl(var(--theme-color-primary));
    } */

/* 选择器选择 li::marker 的相邻元素 p */

.ProseMirror ol li > p, .ProseMirror ul li > p {
  display: inline;
}

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

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

.ProseMirror ul[data-type="taskList"] {
  list-style-type: none;
  padding-left: 0;
}

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

.ProseMirror ul[data-type="taskList"] > li > :first-child {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.35rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.ProseMirror ul[data-type="taskList"] > li > :first-child input[type="checkbox"] {
  -webkit-appearance: none;
  top: 3px;
  display: grid;
  place-content: center;
  width: 1rem;
  height: 1rem;
  border: 1px solid #cbd5e1;
  border-radius: 0.25rem;
  outline: none;
  cursor: pointer;
  -moz-appearance: none;
       appearance: none;
  position: relative;
}

.ProseMirror ul[data-type="taskList"] > li > :first-child input[type="checkbox"]::before {
  content: " ";
  display: inline-block;
  line-height: normal;
  font-size: 1rem;
  background-position: 50%;
  white-space: normal;
  width: 1rem;
  height: 1rem;
  border-radius: 0.25rem;
  position: absolute;
  top: -1px;
  left: -1px;
}

.ProseMirror ul[data-type="taskList"] > li > :first-child input[type="checkbox"]:checked {
  border: 1px solid hsl(var(--theme-color-primary));
}

.ProseMirror ul[data-type="taskList"] > li > :first-child input[type="checkbox"]:checked::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E");
  background-color: hsl(var(--theme-color-primary));
}

/* 嵌套列表，不需要上下间距 */

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

.ProseMirror ul ul{
  list-style-type: square;
  /* 实心方块 */
}

.ProseMirror ul ul ul{
  list-style-type: circle;
  /* 空心圆点 */
}

.ProseMirror ul ul ul ul{
  list-style-type: disc;
  /* 实心圆点 */
}

.ProseMirror ul ul ul ul ul{
  list-style-type: square;
  /* 实心方块 */
}

.ProseMirror ul ul ul ul ul ul{
  list-style-type: circle;
  /* 空心圆点 */
}

.ProseMirror ul ul ul ul ul ul ul{
  list-style-type: disc;
  /* 实心圆点 */
}

.ProseMirror ol ol{
  list-style-type: lower-alpha;
  /* 小写字母 */
}

.ProseMirror ol ol ol{
  list-style-type: lower-roman;
  /* 小写罗马数字 */
}

.ProseMirror ol ol ol ol{
  list-style-type: number;
  /* 数字 */
}

.ProseMirror ol ol ol ol ol{
  list-style-type: lower-alpha;
  /* 大写字母 */
}

.ProseMirror ol ol ol ol ol ol{
  list-style-type: lower-roman;
  /* 大写罗马数字 */
}

.ProseMirror ol ol ol ol ol ol ol{
  list-style-type: number;
  /* 数字 */
}

.ProseMirror li > p.is-empty[data-placeholder]:before {
  padding-left: 1.5rem;
}

.ProseMirror pre[bke-role="markdown-block"] {
  background-color: inherit;
  padding: 0px;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  color: inherit;
}

.ProseMirror pre[bke-role="markdown-block"] .bke-markdown-block__toolbar {
  display: none;
}

.ProseMirror pre[bke-role="markdown-block"] > code {
  display: none;
}

.ProseMirror pre[bke-role="markdown-block"] .bke-markdown-block__preview {
  display: block;
  padding: 0px;
}

.ProseMirror[contenteditable="true"] pre[bke-role="markdown-block"] {
  border-radius: 0.5rem;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: hsl(var(--theme-color-primary) / 1);
}

.ProseMirror[contenteditable="true"] pre[bke-role="markdown-block"] > code {
  display: block;
  padding: 1rem;
}

.ProseMirror[contenteditable="true"] pre[bke-role="markdown-block"] .bke-markdown-block__toolbar {
  display: flex;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: flex-start;
  justify-content: space-between;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.ProseMirror[contenteditable="true"] pre[bke-role="markdown-block"] .bke-markdown-block__label {
  max-width: -moz-fit-content;
  max-width: fit-content;
  border-top-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  background-color: hsl(var(--theme-color-primary) / 1);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #fff;
}

.ProseMirror[contenteditable="true"] pre[bke-role="markdown-block"] .bke-markdown-block__actions {
  display: flex;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
  gap: 0.5rem;
  padding-right: 0.25rem;
}

.ProseMirror[contenteditable="true"] pre[bke-role="markdown-block"] .bke-markdown-block__btn-preview {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.25rem;
  background-color: #f9fafb;
  padding: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
}

.ProseMirror[contenteditable="true"] pre[bke-role="markdown-block"] .bke-markdown-block__btn-preview > span {
  border-radius: 0.25rem;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}

.ProseMirror[contenteditable="true"] pre[bke-role="markdown-block"] .bke-markdown-block__btn-preview > span:first-child {
  background-color: #e5e7eb;
}

.ProseMirror[contenteditable="true"] pre[bke-role="markdown-block"] .bke-markdown-block__preview {
  display: none;
  padding: 1rem;
}

.ProseMirror[contenteditable="true"] pre[bke-role="markdown-block"].bke-markdown--previewing .bke-markdown-block__btn-preview > span:first-child {
  background-color: inherit;
}

.ProseMirror[contenteditable="true"] pre[bke-role="markdown-block"].bke-markdown--previewing .bke-markdown-block__btn-preview > span:last-child {
  background-color: #e5e7eb;
}

.ProseMirror[contenteditable="true"] pre[bke-role="markdown-block"].bke-markdown--previewing > code {
  display: none;
}

.ProseMirror[contenteditable="true"] pre[bke-role="markdown-block"].bke-markdown--previewing .bke-markdown-block__preview {
  display: block;
}

/* 拷贝 https://github.com/highlightjs/highlight.js/blob/main/src/styles/github.css */

/*!
  Theme: GitHub
  Description: Light theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-light
  Current colors taken from GitHub's CSS
*/

.ProseMirror[contenteditable="true"] pre[bke-role="markdown-block"] .hljs {
  color: #24292e;
  background: #ffffff;
}

.ProseMirror[contenteditable="true"] pre[bke-role="markdown-block"] .hljs-doctag,
    .ProseMirror[contenteditable="true"] pre[bke-role="markdown-block"] .hljs-keyword,
    .ProseMirror[contenteditable="true"] pre[bke-role="markdown-block"] .hljs-meta .hljs-keyword,
    .ProseMirror[contenteditable="true"] pre[bke-role="markdown-block"] .hljs-template-tag,
    .ProseMirror[contenteditable="true"] pre[bke-role="markdown-block"] .hljs-template-variable,
    .ProseMirror[contenteditable="true"] pre[bke-role="markdown-block"] .hljs-type,
    .ProseMirror[contenteditable="true"] pre[bke-role="markdown-block"] .hljs-variable.language_ {
  /* prettylights-syntax-keyword */
  color: #d73a49;
}

.ProseMirror[contenteditable="true"] pre[bke-role="markdown-block"] .hljs-title,
    .ProseMirror[contenteditable="true"] pre[bke-role="markdown-block"] .hljs-title.class_,
    .ProseMirror[contenteditable="true"] pre[bke-role="markdown-block"] .hljs-title.class_.inherited__,
    .ProseMirror[contenteditable="true"] pre[bke-role="markdown-block"] .hljs-title.function_ {
  /* prettylights-syntax-entity */
  color: #6f42c1;
}

.ProseMirror[contenteditable="true"] pre[bke-role="markdown-block"] .hljs-attr,
    .ProseMirror[contenteditable="true"] pre[bke-role="markdown-block"] .hljs-attribute,
    .ProseMirror[contenteditable="true"] pre[bke-role="markdown-block"] .hljs-literal,
    .ProseMirror[contenteditable="true"] pre[bke-role="markdown-block"] .hljs-meta,
    .ProseMirror[contenteditable="true"] pre[bke-role="markdown-block"] .hljs-number,
    .ProseMirror[contenteditable="true"] pre[bke-role="markdown-block"] .hljs-operator,
    .ProseMirror[contenteditable="true"] pre[bke-role="markdown-block"] .hljs-variable,
    .ProseMirror[contenteditable="true"] pre[bke-role="markdown-block"] .hljs-selector-attr,
    .ProseMirror[contenteditable="true"] pre[bke-role="markdown-block"] .hljs-selector-class,
    .ProseMirror[contenteditable="true"] pre[bke-role="markdown-block"] .hljs-selector-id {
  /* prettylights-syntax-constant */
  color: #005cc5;
}

.ProseMirror[contenteditable="true"] pre[bke-role="markdown-block"] .hljs-regexp,
    .ProseMirror[contenteditable="true"] pre[bke-role="markdown-block"] .hljs-string,
    .ProseMirror[contenteditable="true"] pre[bke-role="markdown-block"] .hljs-meta .hljs-string {
  /* prettylights-syntax-string */
  color: #032f62;
}

.ProseMirror[contenteditable="true"] pre[bke-role="markdown-block"] .hljs-built_in,
    .ProseMirror[contenteditable="true"] pre[bke-role="markdown-block"] .hljs-symbol {
  /* prettylights-syntax-variable */
  color: #e36209;
}

.ProseMirror[contenteditable="true"] pre[bke-role="markdown-block"] .hljs-comment,
    .ProseMirror[contenteditable="true"] pre[bke-role="markdown-block"] .hljs-code,
    .ProseMirror[contenteditable="true"] pre[bke-role="markdown-block"] .hljs-formula {
  /* prettylights-syntax-comment */
  color: #6a737d;
}

.ProseMirror[contenteditable="true"] pre[bke-role="markdown-block"] .hljs-name,
    .ProseMirror[contenteditable="true"] pre[bke-role="markdown-block"] .hljs-quote,
    .ProseMirror[contenteditable="true"] pre[bke-role="markdown-block"] .hljs-selector-tag,
    .ProseMirror[contenteditable="true"] pre[bke-role="markdown-block"] .hljs-selector-pseudo {
  /* prettylights-syntax-entity-tag */
  color: #22863a;
}

.ProseMirror[contenteditable="true"] pre[bke-role="markdown-block"] .hljs-subst {
  /* prettylights-syntax-storage-modifier-import */
  color: #24292e;
}

.ProseMirror[contenteditable="true"] pre[bke-role="markdown-block"] .hljs-section {
  /* prettylights-syntax-markup-heading */
  color: #005cc5;
  font-weight: bold;
}

.ProseMirror[contenteditable="true"] pre[bke-role="markdown-block"] .hljs-bullet {
  /* prettylights-syntax-markup-list */
  color: #735c0f;
}

.ProseMirror[contenteditable="true"] pre[bke-role="markdown-block"] .hljs-emphasis {
  /* prettylights-syntax-markup-italic */
  color: #24292e;
  font-style: italic;
}

.ProseMirror[contenteditable="true"] pre[bke-role="markdown-block"] .hljs-strong {
  /* prettylights-syntax-markup-bold */
  color: #24292e;
  font-weight: bold;
}

.ProseMirror[contenteditable="true"] pre[bke-role="markdown-block"] .hljs-addition {
  /* prettylights-syntax-markup-inserted */
  color: #22863a;
  background-color: #f0fff4;
}

.ProseMirror[contenteditable="true"] pre[bke-role="markdown-block"] .hljs-deletion {
  /* prettylights-syntax-markup-deleted */
  color: #b31d28;
  background-color: #ffeef0;
}

.ProseMirror[contenteditable="true"] pre[bke-role="markdown-block"] .hljs-char.escape_,
    .ProseMirror[contenteditable="true"] pre[bke-role="markdown-block"] .hljs-link,
    .ProseMirror[contenteditable="true"] pre[bke-role="markdown-block"] .hljs-params,
    .ProseMirror[contenteditable="true"] pre[bke-role="markdown-block"] .hljs-property,
    .ProseMirror[contenteditable="true"] pre[bke-role="markdown-block"] .hljs-punctuation,
    .ProseMirror[contenteditable="true"] pre[bke-role="markdown-block"] .hljs-tag {
  /* purposely ignored */
}

.ProseMirror {
  --table-th-bg-color: var(--bke-table-th-bg-color, #f8f9fa);
  --table-selected-bg-color: var(--bke-table-selected-bg-color, rgba(0, 0, 0, 0.05));
  --table-border-color: var(--bke-table-border-color, #dee2e6);
  --table-resize-handle-bg-color: var(--bke-table-resize-handle-bg-color, hsl(var(--theme-color-primary, 200deg 80% 50%)));
  --table-resizing-bg-color: var(--bke-table-resizing-bg-color, hsl(var(--theme-color-primary-hsl-h) 100% 96%));
  --table-tr-hover-bg-color: var(--bke-table-tr-hover-bg-color, hsl(var(--theme-color-primary-hsl-h) 100% 99%));
}

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

.ProseMirror .tableWrapper,
  .ProseMirror .bke-table-container {
  margin: 1.5rem 0;
  /* max-width: 100%; */
  max-width: -moz-fit-content;
  max-width: fit-content;
  overflow-x: auto;
  border-radius: 4px;
  border: 1px solid var(--table-border-color);
}

.ProseMirror .tableWrapper > table, .ProseMirror .bke-table-container > table {
  overflow: hidden;
}

.ProseMirror .tableWrapper > table tr:first-child > td,
      .ProseMirror .tableWrapper > table tr:first-child > th,
      .ProseMirror .bke-table-container > table tr:first-child > td,
      .ProseMirror .bke-table-container > table tr:first-child > th {
  border-top: none;
}

.ProseMirror .tableWrapper > table tr:last-child > td,
      .ProseMirror .tableWrapper > table tr:last-child > th,
      .ProseMirror .bke-table-container > table tr:last-child > td,
      .ProseMirror .bke-table-container > table tr:last-child > th {
  border-bottom: none;
}

.ProseMirror .tableWrapper > table tr > td:first-child,
      .ProseMirror .tableWrapper > table tr > th:first-child,
      .ProseMirror .bke-table-container > table tr > td:first-child,
      .ProseMirror .bke-table-container > table tr > th:first-child {
  border-left: none;
}

.ProseMirror .tableWrapper > table tr > td:last-child:not([colwidth]),
      .ProseMirror .tableWrapper > table tr > th:last-child:not([colwidth]),
      .ProseMirror .bke-table-container > table tr > td:last-child:not([colwidth]),
      .ProseMirror .bke-table-container > table tr > th:last-child:not([colwidth]) {
  border-right: none;
}

/* table {
      table-layout: fixed;
    } */

.ProseMirror[contenteditable="true"] td[colwidth],
    .ProseMirror[contenteditable="true"] th[colwidth] {
  border-right: 1px solid hsl(0 0 0);
}

.ProseMirror table {
  border-collapse: collapse;
  margin: 0;
  table-layout: fixed;
  width: 100%;
}

.ProseMirror table[data-table-layout="fixed"] {
  table-layout: fixed;
}

.ProseMirror table[data-table-layout="auto"] {
  table-layout: auto;
}

.ProseMirror table td,
    .ProseMirror table th {
  border: 1px solid var(--table-border-color);
  box-sizing: border-box;
  padding: 6px 8px;
  position: relative;
  vertical-align: top;
  white-space: normal;
  word-break: break-all;
  overflow-wrap: break-word;
}

.ProseMirror table td > *, .ProseMirror table th > * {
  margin-bottom: 0;
}

.ProseMirror table td > :first-child, .ProseMirror table th > :first-child {
  min-width: 2em;
  min-height: 1.5em;
}

.ProseMirror table tr {
  transition: background 0.2s;
}

.ProseMirror table tr:hover{
  background: var(--table-tr-hover-bg-color);
}

.ProseMirror table th {
  background-color: var(--table-th-bg-color);
  font-weight: bold;
  text-align: left;
}

.ProseMirror table .selectedCell:after {
  background-color: var(--table-selected-bg-color);
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  pointer-events: none;
  position: absolute;
  z-index: 2;
}

.ProseMirror table .selectedCell [data-placeholder].is-empty::before {
  display: none;
}

.ProseMirror table .column-resize-handle {
  background-color: var(--table-resize-handle-bg-color);
  bottom: -1px;
  pointer-events: none;
  position: absolute;
  right: -3px;
  top: -1px;
  width: 5px;
  margin: 0;
  z-index: 3;
}

.ProseMirror table td.column-resize-dragging {
  background-color: var(--table-resizing-bg-color);
}

.ProseMirror table p {
  margin: 0;
}

.ProseMirror .video:not([data-dam-deleted]) {
  display: inline-block;
  aspect-ratio: 16 / 9;
  border-radius: 0.375rem;
  border-width: 1px;
  border-color: #e2e8f0;
  padding: 0.5rem;
}

.ProseMirror .video:not([data-dam-deleted]):hover {
  border-color: hsl(var(--theme-color-primary) / 1);
}

.bke-relative {
  position: relative;
}

.bke-my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.bke-line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.bke-flex {
  display: flex;
}

.bke-hidden {
  display: none;
}

.bke-size-5 {
  width: 1.25rem;
  height: 1.25rem;
}

.bke-w-full {
  width: 100%;
}

.bke-space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.bke-px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.bke-py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.bke-pt-1\.5 {
  padding-top: 0.375rem;
}

.bke-text-right {
  text-align: right;
}

.bke-text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}

.bke-text-gray-500 {
  color: #6b7280;
}