.bn-block-outer { line-height: 1.5; transition: margin 0.2s; } .bn-block { display: flex; flex-direction: column; } .bn-block-content { padding: 3px 0; display: flex; transition: font-size 0.2s; width: 100%; } .bn-block-content.ProseMirror-selectednode > *, .ProseMirror-selectednode > .bn-block-content > * { border-radius: 4px; outline: 4px solid rgb(100, 160, 255); } .bn-block-content:before { content: ""; margin-right: 0; transition: all 0.2s; height: 0; overflow: visible; } .bn-inline-content { width: 100%; white-space: pre-wrap; } .bn-block-group .bn-block-group { margin-left: 24px; } .bn-block-group .bn-block-group > .bn-block-outer { position: relative; } .bn-block-group .bn-block-group > .bn-block-outer:not([data-prev-depth-changed]):before { content: " "; display: inline; position: absolute; left: -20px; height: 100%; transition: all 0.2s 0.1s; } .bn-block-group .bn-block-group > .bn-block-outer[data-prev-depth-change="-2"]:before { height: 0; } .bn-inline-content code { font-family: monospace; } [data-prev-depth-change="1"] { --x: 1; } [data-prev-depth-change="2"] { --x: 2; } [data-prev-depth-change="3"] { --x: 3; } [data-prev-depth-change="4"] { --x: 4; } [data-prev-depth-change="5"] { --x: 5; } [data-prev-depth-change="-1"] { --x: -1; } [data-prev-depth-change="-2"] { --x: -2; } [data-prev-depth-change="-3"] { --x: -3; } [data-prev-depth-change="-4"] { --x: -4; } [data-prev-depth-change="-5"] { --x: -5; } .bn-block-outer[data-prev-depth-change] { margin-left: calc(10px * var(--x)); } .bn-block-outer[data-prev-depth-change] .bn-block-outer[data-prev-depth-change] { margin-left: 0; } [data-content-type="heading"] { --level: 3em; } [data-content-type="heading"][data-level="2"] { --level: 2em; } [data-content-type="heading"][data-level="3"] { --level: 1.3em; } [data-content-type="heading"][data-level="4"] { --level: 1em; } [data-content-type="heading"][data-level="5"] { --level: 0.9em; } [data-content-type="heading"][data-level="6"] { --level: 0.8em; } [data-prev-level="1"] { --prev-level: 3em; } [data-prev-level="2"] { --prev-level: 2em; } [data-prev-level="3"] { --prev-level: 1.3em; } [data-prev-level="4"] { --prev-level: 1em; } [data-prev-level="5"] { --prev-level: 0.9em; } [data-prev-level="6"] { --prev-level: 0.8em; } .bn-block-outer[data-prev-type="heading"] > .bn-block > .bn-block-content { font-size: var(--prev-level); font-weight: 700; } .bn-block-outer:not([data-prev-type]) > .bn-block > .bn-block-content[data-content-type="heading"], .bn-block-outer:not([data-prev-type]) > .bn-block > div[data-type="modification"] > div[data-type="modification"] > .bn-block-content[data-content-type="heading"] { font-size: var(--level); font-weight: 700; } [data-content-type="quote"] blockquote { border-left: 2px solid rgb(125, 121, 122); color: #7d797a; margin: 0; padding-left: 1em; } [data-content-type="divider"] hr { border: none; border-top: 1px solid rgb(125, 121, 122); margin: 0.5em 0; flex: 1; } .bn-block-content:before { margin-right: 0; content: ""; } .bn-block-content[data-content-type="numberedListItem"]:before { display: flex; justify-content: center; min-width: 24px; padding-right: 4px; } [data-content-type="numberedListItem"] { --index: attr(data-index); } [data-prev-type="numberedListItem"] { --prev-index: attr(data-prev-index); } .bn-block-outer[data-prev-type="numberedListItem"]:not([data-prev-index="none"]) > .bn-block > .bn-block-content:before { content: var(--prev-index) "."; } .bn-block-outer:not([data-prev-type]) > .bn-block > .bn-block-content[data-content-type="numberedListItem"]:before, .bn-block-outer:not([data-prev-type]) > .bn-block > div[data-type="modification"] > .bn-block-content[data-content-type="numberedListItem"]:before { content: var(--index) "."; } .bn-block-content[data-content-type="bulletListItem"]:before { display: flex; justify-content: center; min-width: 24px; padding-right: 4px; } .bn-block-content[data-content-type="checkListItem"] > div:has(> input) { height: 24px; } .bn-block-content[data-content-type="checkListItem"] > div > input { cursor: pointer; height: 24px; margin-left: 4px; margin-right: 8px; margin-block: 0; width: 12px; } .bn-block-content[data-content-type="checkListItem"][data-checked="true"] .bn-inline-content { text-decoration: line-through; } .bn-block-content[data-text-alignment="center"] { justify-content: center; } .bn-block-content[data-text-alignment="right"] { justify-content: flex-end; } .bn-block:has(> .bn-block-content > div > .bn-toggle-wrapper[data-show-children="false"]) > .bn-block-group, .bn-block:has(> .react-renderer > .bn-block-content > div > .bn-toggle-wrapper[data-show-children="false"]) > .bn-block-group { display: none; } .bn-toggle-wrapper { display: flex; align-items: center; } .bn-toggle-button { color: var(--bn-colors-editor-text); padding: 3px; } .bn-toggle-button > svg { width: 18px; height: 18px; } .bn-toggle-wrapper[data-show-children="true"] .bn-toggle-button { transform: rotate(90deg); } .bn-toggle-add-block-button { font-size: 16px; color: var(--bn-colors-side-menu); font-weight: 400; margin-left: 22px; padding-inline: 2px; width: fit-content; } .bn-toggle-button, .bn-toggle-add-block-button { background: none; border: none; border-radius: var(--bn-border-radius-small); cursor: pointer; display: flex; -webkit-user-select: none; user-select: none; } .bn-toggle-button:hover, .bn-toggle-add-block-button:hover { background-color: var(--bn-colors-hovered-background); } .bn-block-outer[data-prev-type="bulletListItem"] > .bn-block > .bn-block-content:before { content: "•"; } .bn-block-outer:not([data-prev-type]) > .bn-block > .bn-block-content[data-content-type="bulletListItem"]:before, .bn-block-outer:not([data-prev-type]) > .bn-block > div[data-type="modification"] > .bn-block-content[data-content-type="bulletListItem"]:before { content: "•"; } [data-content-type="bulletListItem"] ~ .bn-block-group > .bn-block-outer[data-prev-type="bulletListItem"] > .bn-block > .bn-block-content:before { content: "◦"; } [data-content-type="bulletListItem"] ~ .bn-block-group > .bn-block-outer:not([data-prev-type]) > .bn-block > .bn-block-content[data-content-type="bulletListItem"]:before, [data-content-type="bulletListItem"] ~ .bn-block-group > .bn-block-outer:not([data-prev-type]) > .bn-block > div[data-type="modification"] > .bn-block-content[data-content-type="bulletListItem"]:before { content: "◦"; } [data-content-type="bulletListItem"] ~ .bn-block-group [data-content-type="bulletListItem"] ~ .bn-block-group > .bn-block-outer[data-prev-type="bulletListItem"] > .bn-block > .bn-block-content:before { content: "▪︎"; } [data-content-type="bulletListItem"] ~ .bn-block-group [data-content-type="bulletListItem"] ~ .bn-block-group > .bn-block-outer:not([data-prev-type]) > .bn-block > .bn-block-content[data-content-type="bulletListItem"]:before, [data-content-type="bulletListItem"] ~ .bn-block-group [data-content-type="bulletListItem"] ~ .bn-block-group > .bn-block-outer:not([data-prev-type]) > .bn-block > div[data-type="modification"] > .bn-block-content[data-content-type="bulletListItem"]:before { content: "▪︎"; } .bn-block-content[data-content-type="codeBlock"] { position: relative; background-color: #161616; color: #fff; border-radius: 8px; } .bn-block-content[data-content-type="codeBlock"] > pre { white-space: pre; overflow-x: auto; margin: 0; width: 100%; -moz-tab-size: 2; tab-size: 2; padding: 24px; } .bn-block-content[data-content-type="codeBlock"] > div { outline: none !important; } .bn-block-content[data-content-type="codeBlock"] > div > select { outline: none !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-user-select: none; user-select: none; border: none; cursor: pointer; background-color: transparent; position: absolute; top: 8px; left: 18px; font-size: 0.8em; color: #fff; opacity: 0; transition: opacity 0.3s; transition-delay: 1s; } .bn-block-content[data-content-type="codeBlock"] > div > select > option { color: #000; } .bn-block-content[data-content-type="codeBlock"]:hover > div > select, .bn-block-content[data-content-type="codeBlock"] > div > select:focus { opacity: 0.5; transition-delay: 0.1s; } .bn-block-content[data-content-type="pageBreak"] > div { width: 100%; height: 0; border-top: dotted rgb(125, 121, 122) 2px; margin-block: 11px; } @media print { .bn-block-content[data-content-type="pageBreak"] > div { page-break-after: always; } } [data-file-block] .bn-file-block-content-wrapper { cursor: pointer; display: flex; flex-direction: column; -webkit-user-select: none; user-select: none; } [data-file-block] .bn-file-block-content-wrapper:has(.bn-add-file-button), [data-file-block] .bn-file-block-content-wrapper:has(.bn-file-name-with-icon) { width: 100%; } [data-file-block] .bn-add-file-button { align-items: center; background-color: #f2f1ee; border-radius: 4px; color: #7d797a; display: flex; gap: 10px; padding: 12px; } .bn-editor[contenteditable="true"] [data-file-block] .bn-add-file-button:hover, [data-file-block] .bn-file-name-with-icon:hover, .ProseMirror-selectednode .bn-file-name-with-icon { background-color: #e1e1e1; } [data-file-block] .bn-add-file-button-icon, [data-file-block] .bn-file-icon { width: 24px; height: 24px; } [data-file-block] .bn-add-file-button-text { font-size: 0.9rem; } [data-file-block] .bn-file-name-with-icon { border-radius: 4px; display: flex; gap: 4px; padding: 4px; } [data-file-block] .bn-file-caption { font-size: 0.8em; padding-block: 4px; word-break: break-word; } [data-file-block] .bn-file-caption:empty { padding-block: 0; } [data-file-block] .bn-resize-handle { position: absolute; width: 8px; height: 30px; background-color: #000; border: 1px solid white; border-radius: 4px; cursor: ew-resize; } [data-file-block] .bn-visual-media-wrapper { display: flex; align-items: center; position: relative; max-width: 100%; } [data-file-block] .bn-visual-media { border-radius: 4px; width: 100%; } [data-content-type="audio"] > .bn-file-block-content-wrapper, .bn-audio { width: 100%; } .bn-inline-content:has(> .ProseMirror-trailingBreak:only-child):before { pointer-events: none; height: 0; position: absolute; font-style: italic; } [data-style-type="textColor"][data-value="gray"], [data-text-color="gray"], .bn-block:has(> .bn-block-content[data-text-color="gray"]) { color: #9b9a97; } [data-style-type="textColor"][data-value="brown"], [data-text-color="brown"], .bn-block:has(> .bn-block-content[data-text-color="brown"]) { color: #64473a; } [data-style-type="textColor"][data-value="red"], [data-text-color="red"], .bn-block:has(> .bn-block-content[data-text-color="red"]) { color: #e03e3e; } [data-style-type="textColor"][data-value="orange"], [data-text-color="orange"], .bn-block:has(> .bn-block-content[data-text-color="orange"]) { color: #d9730d; } [data-style-type="textColor"][data-value="yellow"], [data-text-color="yellow"], .bn-block:has(> .bn-block-content[data-text-color="yellow"]) { color: #dfab01; } [data-style-type="textColor"][data-value="green"], [data-text-color="green"], .bn-block:has(> .bn-block-content[data-text-color="green"]) { color: #4d6461; } [data-style-type="textColor"][data-value="blue"], [data-text-color="blue"], .bn-block:has(> .bn-block-content[data-text-color="blue"]) { color: #0b6e99; } [data-style-type="textColor"][data-value="purple"], [data-text-color="purple"], .bn-block:has(> .bn-block-content[data-text-color="purple"]) { color: #6940a5; } [data-style-type="textColor"][data-value="pink"], [data-text-color="pink"], .bn-block:has(> .bn-block-content[data-text-color="pink"]) { color: #ad1a72; } [data-style-type="backgroundColor"][data-value="gray"], [data-background-color="gray"], .bn-block:has(> .bn-block-content[data-background-color="gray"]) { background-color: #ebeced; } [data-style-type="backgroundColor"][data-value="brown"], [data-background-color="brown"], .bn-block:has(> .bn-block-content[data-background-color="brown"]) { background-color: #e9e5e3; } [data-style-type="backgroundColor"][data-value="red"], [data-background-color="red"], .bn-block:has(> .bn-block-content[data-background-color="red"]) { background-color: #fbe4e4; } [data-style-type="backgroundColor"][data-value="orange"], [data-background-color="orange"], .bn-block:has(> .bn-block-content[data-background-color="orange"]) { background-color: #f6e9d9; } [data-style-type="backgroundColor"][data-value="yellow"], [data-background-color="yellow"], .bn-block:has(> .bn-block-content[data-background-color="yellow"]) { background-color: #fbf3db; } [data-style-type="backgroundColor"][data-value="green"], [data-background-color="green"], .bn-block:has(> .bn-block-content[data-background-color="green"]) { background-color: #ddedea; } [data-style-type="backgroundColor"][data-value="blue"], [data-background-color="blue"], .bn-block:has(> .bn-block-content[data-background-color="blue"]) { background-color: #ddebf1; } [data-style-type="backgroundColor"][data-value="purple"], [data-background-color="purple"], .bn-block:has(> .bn-block-content[data-background-color="purple"]) { background-color: #eae4f2; } [data-style-type="backgroundColor"][data-value="pink"], [data-background-color="pink"], .bn-block:has(> .bn-block-content[data-background-color="pink"]) { background-color: #f4dfeb; } [data-text-alignment="left"] { justify-content: flex-start !important; text-align: left !important; } [data-text-alignment="center"] { justify-content: center !important; text-align: center !important; } [data-text-alignment="right"] { justify-content: flex-end !important; text-align: right !important; } [data-text-alignment="justify"] { justify-content: flex-start !important; text-align: justify !important; } .bn-block-column-list { display: flex; flex-direction: row; } .bn-block-column { flex: 1; padding: 12px 20px; overflow-x: auto; } .bn-block-column:first-child { padding-left: 0; } .bn-block-column:last-child { padding-right: 0; } .bn-thread-mark:not([data-orphan="true"]) { background: #ffc80026; } .bn-thread-mark .bn-thread-mark-selected { background: #ffc80040; } .ProseMirror .tableWrapper { overflow-x: auto; } .ProseMirror table { border-collapse: collapse; table-layout: fixed; width: 100%; overflow: hidden; } .ProseMirror td, .ProseMirror th { vertical-align: top; box-sizing: border-box; position: relative; } .ProseMirror td:not([data-colwidth]):not(.column-resize-dragging), .ProseMirror th:not([data-colwidth]):not(.column-resize-dragging) { min-width: var(--default-cell-min-width); } .ProseMirror .column-resize-handle { position: absolute; right: -2px; top: 0; bottom: 0; width: 4px; z-index: 20; background-color: #adf; pointer-events: none; } .ProseMirror.resize-cursor { cursor: ew-resize; cursor: col-resize; } .ProseMirror .selectedCell:after { z-index: 2; position: absolute; content: ""; left: 0; right: 0; top: 0; bottom: 0; background: #c8c8ff66; pointer-events: none; } .bn-editor { outline: none; padding-inline: 54px; font-synthesis: style weight; --N800: #172b4d; --N40: #dfe1e6; } .bn-comment-editor { width: 100%; padding: 0; } .bn-comment-editor .bn-editor { padding: 0; } .bn-root { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bn-root *, .bn-root *:before, .bn-root *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } .bn-default-styles p, .bn-default-styles h1, .bn-default-styles h2, .bn-default-styles h3, .bn-default-styles h4, .bn-default-styles h5, .bn-default-styles h6, .bn-default-styles li { margin: 0; padding: 0; font-size: inherit; min-width: 2px !important; } .bn-default-styles { font-size: 16px; font-weight: 400; font-family: Inter, SF Pro Display, -apple-system, BlinkMacSystemFont, Open Sans, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .bn-table-drop-cursor { position: absolute; z-index: 20; background-color: #adf; pointer-events: none; } .bn-drag-preview { position: absolute; top: 0; left: 0; padding: 10px; opacity: 0.001; } .bn-editor .bn-collaboration-cursor__base { position: relative; } .bn-editor .bn-collaboration-cursor__base .bn-collaboration-cursor__caret { position: absolute; width: 2px; top: 1px; bottom: -2px; left: -1px; } .bn-editor .bn-collaboration-cursor__base .bn-collaboration-cursor__label { pointer-events: none; border-radius: 0 1.5px 1.5px 0; font-size: 12px; font-style: normal; font-weight: 600; line-height: normal; left: 0; overflow: hidden; position: absolute; white-space: nowrap; -webkit-user-select: none; user-select: none; color: transparent; max-height: 5px; max-width: 4px; padding: 0; top: -1px; transition: all 0.2s; } .bn-editor .bn-collaboration-cursor__base[data-active] .bn-collaboration-cursor__label { color: #0d0d0d; max-height: 1.1rem; max-width: 20rem; padding: 0.1rem 0.3rem; top: -17px; left: 0; border-radius: 3px 3px 3px 0; transition: all 0.2s; } .bn-editor [data-content-type="table"] .tableWrapper { --bn-table-widget-size: 22px; --bn-table-handle-size: 9px; overflow-y: hidden; padding: var(--bn-table-handle-size) var(--bn-table-widget-size) var(--bn-table-widget-size) var(--bn-table-handle-size); position: relative; width: 100%; } .bn-editor [data-content-type="table"] table { width: auto !important; word-break: break-word; } .bn-editor [data-content-type="table"] th, .bn-editor [data-content-type="table"] td { border: 1px solid #ddd; padding: 5px 10px; } .bn-editor [data-content-type="table"] th { font-weight: 700; text-align: left; } .bn-editor [data-content-type="table"] th > p, .bn-editor [data-content-type="table"] td > p { min-height: 1.5rem; } .ProseMirror td, .ProseMirror th { min-width: auto !important; } .ProseMirror td:not([colwidth]):not(.column-resize-dragging), .ProseMirror th:not([colwidth]):not(.column-resize-dragging) { min-width: var(--default-cell-min-width) !important; } .prosemirror-dropcursor-block { transition-property: top, bottom; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; } .prosemirror-dropcursor-vertical { transition-property: left, right; } [data-show-selection] { background-color: highlight; padding: 2px 0; } .bn-container { --bn-colors-editor-text: #3f3f3f; --bn-colors-editor-background: #ffffff; --bn-colors-menu-text: #3f3f3f; --bn-colors-menu-background: #ffffff; --bn-colors-tooltip-text: #3f3f3f; --bn-colors-tooltip-background: #efefef; --bn-colors-hovered-text: #3f3f3f; --bn-colors-hovered-background: #efefef; --bn-colors-selected-text: #ffffff; --bn-colors-selected-background: #3f3f3f; --bn-colors-disabled-text: #afafaf; --bn-colors-disabled-background: #efefef; --bn-colors-shadow: #cfcfcf; --bn-colors-border: #efefef; --bn-colors-side-menu: #cfcfcf; --bn-colors-highlights-gray-text: #9b9a97; --bn-colors-highlights-gray-background: #ebeced; --bn-colors-highlights-brown-text: #64473a; --bn-colors-highlights-brown-background: #e9e5e3; --bn-colors-highlights-red-text: #e03e3e; --bn-colors-highlights-red-background: #fbe4e4; --bn-colors-highlights-orange-text: #d9730d; --bn-colors-highlights-orange-background: #f6e9d9; --bn-colors-highlights-yellow-text: #dfab01; --bn-colors-highlights-yellow-background: #fbf3db; --bn-colors-highlights-green-text: #4d6461; --bn-colors-highlights-green-background: #ddedea; --bn-colors-highlights-blue-text: #0b6e99; --bn-colors-highlights-blue-background: #ddebf1; --bn-colors-highlights-purple-text: #6940a5; --bn-colors-highlights-purple-background: #eae4f2; --bn-colors-highlights-pink-text: #ad1a72; --bn-colors-highlights-pink-background: #f4dfeb; --bn-font-family: "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Open Sans", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; --bn-border-radius: 6px; --bn-shadow-medium: 0 4px 12px var(--bn-colors-shadow); --bn-shadow-light: 0 2px 6px var(--bn-colors-border); --bn-border: 1px solid var(--bn-colors-border); --bn-border-radius-small: max(var(--bn-border-radius) - 2px, 1px); --bn-border-radius-medium: var(--bn-border-radius); --bn-border-radius-large: max(var(--bn-border-radius) + 2px, 1px); } .bn-container[data-color-scheme="dark"] { --bn-colors-editor-text: #cfcfcf; --bn-colors-editor-background: #1f1f1f; --bn-colors-menu-text: #cfcfcf; --bn-colors-menu-background: #1f1f1f; --bn-colors-tooltip-text: #cfcfcf; --bn-colors-tooltip-background: #161616; --bn-colors-hovered-text: #cfcfcf; --bn-colors-hovered-background: #161616; --bn-colors-selected-text: #cfcfcf; --bn-colors-selected-background: #0f0f0f; --bn-colors-disabled-text: #3f3f3f; --bn-colors-disabled-background: #161616; --bn-colors-shadow: #0f0f0f; --bn-colors-border: #161616; --bn-colors-side-menu: #7f7f7f; --bn-colors-highlights-gray-text: #bebdb8; --bn-colors-highlights-gray-background: #9b9a97; --bn-colors-highlights-brown-text: #8e6552; --bn-colors-highlights-brown-background: #64473a; --bn-colors-highlights-red-text: #ec4040; --bn-colors-highlights-red-background: #be3434; --bn-colors-highlights-orange-text: #e3790d; --bn-colors-highlights-orange-background: #b7600a; --bn-colors-highlights-yellow-text: #dfab01; --bn-colors-highlights-yellow-background: #b58b00; --bn-colors-highlights-green-text: #6b8b87; --bn-colors-highlights-green-background: #4d6461; --bn-colors-highlights-blue-text: #0e87bc; --bn-colors-highlights-blue-background: #0b6e99; --bn-colors-highlights-purple-text: #8552d7; --bn-colors-highlights-purple-background: #6940a5; --bn-colors-highlights-pink-text: #da208f; --bn-colors-highlights-pink-background: #ad1a72; } .bn-container { font-family: var(--bn-font-family); } .bn-editor { background-color: var(--bn-colors-editor-background); border-radius: var(--bn-border-radius-large); color: var(--bn-colors-editor-text); } .bn-react-node-view-renderer { display: flex; flex-direction: column; width: 100%; } .bn-block-group .bn-block:not(:has(.bn-toggle-wrapper)) .bn-block-group .bn-block-outer:not([data-prev-depth-changed]):before { border-left: 1px solid var(--bn-colors-side-menu); } .bn-inline-content:has(> .ProseMirror-trailingBreak):before { color: var(--bn-colors-side-menu); } .bn-container .bn-color-icon { align-items: center; border: var(--bn-border); border-radius: var(--bn-border-radius-small); display: flex; justify-content: center; } .bn-error-text { color: red; font-size: 12px; } [data-style-type="textColor"][data-value="gray"], [data-text-color="gray"] { color: var(--bn-colors-highlights-gray-text); } [data-style-type="textColor"][data-value="brown"], [data-text-color="brown"] { color: var(--bn-colors-highlights-brown-text); } [data-style-type="textColor"][data-value="red"], [data-text-color="red"] { color: var(--bn-colors-highlights-red-text); } [data-style-type="textColor"][data-value="orange"], [data-text-color="orange"] { color: var(--bn-colors-highlights-orange-text); } [data-style-type="textColor"][data-value="yellow"], [data-text-color="yellow"] { color: var(--bn-colors-highlights-yellow-text); } [data-style-type="textColor"][data-value="green"], [data-text-color="green"] { color: var(--bn-colors-highlights-green-text); } [data-style-type="textColor"][data-value="blue"], [data-text-color="blue"] { color: var(--bn-colors-highlights-blue-text); } [data-style-type="textColor"][data-value="purple"], [data-text-color="purple"] { color: var(--bn-colors-highlights-purple-text); } [data-style-type="textColor"][data-value="pink"], [data-text-color="pink"] { color: var(--bn-colors-highlights-pink-text); } [data-style-type="backgroundColor"][data-value="gray"], [data-background-color="gray"] { background-color: var(--bn-colors-highlights-gray-background); } [data-style-type="backgroundColor"][data-value="brown"], [data-background-color="brown"] { background-color: var(--bn-colors-highlights-brown-background); } [data-style-type="backgroundColor"][data-value="red"], [data-background-color="red"] { background-color: var(--bn-colors-highlights-red-background); } [data-style-type="backgroundColor"][data-value="orange"], [data-background-color="orange"] { background-color: var(--bn-colors-highlights-orange-background); } [data-style-type="backgroundColor"][data-value="yellow"], [data-background-color="yellow"] { background-color: var(--bn-colors-highlights-yellow-background); } [data-style-type="backgroundColor"][data-value="green"], [data-background-color="green"] { background-color: var(--bn-colors-highlights-green-background); } [data-style-type="backgroundColor"][data-value="blue"], [data-background-color="blue"] { background-color: var(--bn-colors-highlights-blue-background); } [data-style-type="backgroundColor"][data-value="purple"], [data-background-color="purple"] { background-color: var(--bn-colors-highlights-purple-background); } [data-style-type="backgroundColor"][data-value="pink"], [data-background-color="pink"] { background-color: var(--bn-colors-highlights-pink-background); } .bn-container { --bn-ui-base-z-index: 0; } .bn-side-menu { height: 30px; } .bn-side-menu[data-block-type="heading"][data-level="1"] { height: 78px; } .bn-side-menu[data-block-type="heading"][data-level="2"] { height: 54px; } .bn-side-menu[data-block-type="heading"][data-level="3"] { height: 37px; } .bn-side-menu[data-block-type="file"] { height: 38px; } .bn-side-menu[data-block-type="audio"] { height: 60px; } .bn-side-menu[data-url="false"] { height: 54px; } .bn-threads-sidebar { border-radius: var(--bn-border-radius-medium); display: flex; flex-direction: column; gap: 10px; overflow: auto; } .bn-thread-expand-prompt .mantine-Text-root, .bn-thread .bn-header-text { color: var(--bn-colors-menu-text); } .bn-threads-sidebar .bn-thread .bn-editor { background-color: transparent; } .bn-threads-sidebar .bn-thread.selected { background-color: #f5f9fd; border: 2px solid #c2dcf8; } .dark .bn-threads-sidebar .bn-thread.selected { background-color: #20242a; border: 2px solid #23405b; } em-emoji-picker { max-height: 100%; z-index: 11000; } .bn-shadcn svg:not([class*="size-"]) { width: revert; height: revert; } .bn-shadcn svg { pointer-events: all; } .bn-shadcn .bn-editor a { color: revert; text-decoration: revert; } .bn-shadcn .bn-editor:focus-visible { outline: none; } .bn-shadcn .bn-side-menu { align-items: center; display: flex; justify-content: center; } .bn-shadcn .bn-side-menu .bn-button { padding: 0; height: 24px; } .bn-shadcn .bn-select { max-height: var(--radix-select-content-available-height); } .bn-shadcn .bn-menu-dropdown { max-height: var(--radix-dropdown-menu-content-available-height); } .bn-shadcn .bn-color-picker-dropdown { overflow: auto; } .bn-shadcn .bn-extend-button-add-remove-columns { cursor: col-resize; } .bn-shadcn .bn-extend-button-add-remove-rows { cursor: row-resize; } .bn-shadcn .bn-toolbar { overflow-x: auto; max-width: 100vw; } .bn-shadcn .bn-comment-actions-wrapper { display: flex; justify-content: flex-end; } .bn-shadcn .bn-table-cell-handle { padding: 0 4px; height: 12px; } .bn-shadcn .bn-thread .bn-resolved-text { font-size: 14px; font-style: italic; } .bn-shadcn .bn-combobox-error { color: var(--bn-colors-highlights-red-background); font-weight: 700; }