/*! normalize.css v4.2.0 | MIT License | github.com/necolas/normalize.css */
.shine-editor {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-family: sans-serif;
    line-height: 1.15
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

progress {
    vertical-align: initial
}

[hidden],
template {
    display: none
}

a {
    -webkit-text-decoration-skip: objects;
    background-color: initial
}

a:active,
a:hover {
    outline-width: 0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: inherit;
    font-weight: bolder
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: initial
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: initial;
    height: 0;
    overflow: visible
}

button,
input,
optgroup,
select,
textarea {
    font: inherit;
    margin: 0
}

optgroup {
    font-weight: 700
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

.shine-editor {
    box-sizing: border-box;
    font-family: var(--font);
    text-rendering: optimizeLegibility !important
}

*,
:after,
:before {
    box-sizing: inherit
}

::selection {
    background-color: highlight;
    color: inherit
}

:root {
    --header-height: 44px;
    --list-header-height: 38px;
    --modal-width: 460px;
    --search-height: 32px;
    --primary-text-color: #404040;
    --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-size: 18px;
    --bold-font-weight: 500;
    --line-width: 670px;
    --focus-mode-line-width: 670px;
    --line-height: 23px;
    --editor-line-height: 1.86;
    --editor-font-size: 18px;
    --shine-editor-font-size: var(--editor-font-size);
    --paragraph-spacing: 0px;
    --editor-check-list-icon-zoom: 1;
    --editor-check-list-top: 3px;
    --checked-list-text-decoration: none;
    --checked-list-text-color: var(--note-timestamp-color);
    --toggle-width: 2.5rem;
    --toggle-height: 1.25rem;
    --toggle-bg-on: var(--primary-color);
    --toggle-border-on: var(--primary-color);
    --toggle-ring-width: 0px;
    --editor-bottom-padding: 300px
}

.light-theme {
    --primary-color: #0078c5;
    --primary-button-hover-color: #0068ac;
    --tooltip-item-selected-color: #a4dafc;
    --tooltip-background-color: #464650;
    --note-selected-color: #e4f2fe;
    --dropdown-shadow-color: #0003;
    --box-shadow-spread: 0px;
    --primary-text-color: #404040;
    --top-bar-icon-color: #666;
    --top-bar-icon-hover-color: #222;
    --note-summary-color: #6a6a6a;
    --note-timestamp-color: #a0a0a0;
    --disabled-text-color: #bbb;
    --input-border-color: #d8d8d8;
    --note-info-text-color: #595959;
    --word-count-color: #828282;
    --word-count-border-color: silver;
    --section-border-color: #e2e2e2;
    --placeholder-color: silver;
    --alert-text-color: #d8616b;
    --app-background-color: #fff;
    --modal-background-color: #00000080;
    --search-input-background-color: #f3f3f3;
    --input-background-color: #f3f3f3;
    --code-background-color: #f5f5f5;
    --code-color: #c44b40;
    --code-block-background-color: #f3f3f3;
    --pin-separator-background-color: #f8f8f8;
    --side-bar-row-selected-background-color: #f4f4f4;
    --setting-row-selected-background-color: var(--side-bar-row-selected-background-color);
    --subscription-condition-background-color: #f6f6f6;
    --premium-product-background-color: #fff;
    --notes-list-header-color: #f8f8f8;
    --warning-background-color: #fffbe6;
    --windows-bar-background-color: #fff;
    --windows-bar-modal-background-color: #7f7f7f;
    --windows-bar-text-color: var(--primary-text-color);
    --menu-background-color: #fff;
    --side-bar-hover-color: #f2f2f2;
    --segmented-active-background-color: #666;
    --segmented-background-color: var(--app-background-color);
    --table-cell-selected-color: var(--note-selected-color);
    --type-writer-background-color: #0000000d;
    --hashtag-background-color: var(--note-selected-color);
    --mark-background-color: #fbef95;
    --active-mark-border-color: #f5cf51;
    --separator-color: #ececec;
    --notes-list-separator-color: #ececec;
    --menu-separator-color: #ececec;
    --hover-color: #f7f7f7;
    --menu-hover-color: #f0f0f0;
    --notification-background-color: #444;
    --tag-background-color: #ececec;
    --tag-color: #545454;
    --side-bar-icon-color: #6a6a6a;
    --notes-number-color: #a0a0a0;
    --close-icon-color: #aaa;
    --blockquote-border-color: var(--placeholder-color);
    --divider-color: #cacaca;
    --slider-background-color: #d8d8d8;
    --scroll-thumb-inactive-color: #dedede;
    --scroll-thumb-active-color: silver;
    --scroll-thumb-hover-color: #aaa;
    --highlight-green: #e7ffcd;
    --highlight-red: #fedede;
    --highlight-orange: #ffe4cb;
    --highlight-blue: #d8ecfd;
    --highlight-yellow: #fbfbc3;
    --highlight-purple: #edddff;
    --highlight-pink: #ffe4fb;
    --highlight-gray: #eee;
    --text-green: #389f08;
    --text-red: #f9241c;
    --text-blue: #2070f7;
    --text-yellow: #d3ad53;
    --text-purple: #8758ff;
    --text-orange: #f98700;
    --text-pink: #e359e1;
    --text-gray: #757575;
    --blockquote-border-red: #f78084;
    --blockquote-border-orange: #ffb36f;
    --blockquote-border-yellow: #e9cc81;
    --blockquote-border-green: #a3c67a;
    --blockquote-border-blue: #68b0ee;
    --blockquote-border-pink: #e79dde;
    --blockquote-border-purple: #ba93e7;
    --svg-filter: invert(0.15);
    --svg-hover-color: #fff;
    color-scheme: light
}

.dark-theme {
    --primary-color: #f0f0f0;
    --primary-button-hover-color: #9ed9ff;
    --tooltip-background-color: #464650;
    --note-selected-color: #2d2e31;
    --dropdown-shadow-color: #13131666;
    --box-shadow-spread: 5px;
    --primary-text-color: #dedede;
    --note-summary-color: #b0b0b0;
    --top-bar-icon-color: var(--note-summary-color);
    --top-bar-icon-hover-color: #888;
    --note-timestamp-color: #909090;
    --disabled-text-color: #666;
    --input-border-color: #505050;
    --note-info-text-color: #b0b0b0;
    --word-count-color: #aaa;
    --word-count-border-color: #888;
    --section-border-color: #404040;
    --windows-bar-background-color: #28292c;
    --windows-bar-modal-background-color: #101012;
    --windows-bar-text-color: #fff;
    --menu-background-color: #28292a;
    --side-bar-hover-color: var(--note-selected-color);
    --segmented-active-background-color: #000;
    --segmented-background-color: #333;
    --table-cell-selected-color: #37373e;
    --placeholder-color: #777;
    --alert-text-color: #d8616b;
    --app-background-color: #1e1f20;
    --modal-background-color: #0009;
    --pin-separator-background-color: #141419;
    --input-background-color: #46464a;
    --code-background-color: #363a41;
    --code-color: #d88820;
    --code-block-background-color: #323439;
    --search-input-background-color: #33333a;
    --side-bar-row-selected-background-color: var(--note-selected-color);
    --setting-row-selected-background-color: #38383c;
    --subscription-condition-background-color: #242424;
    --premium-product-background-color: #343437;
    --warning-background-color: #33373b;
    --notes-list-header-color: #27282b;
    --type-writer-background-color: #ffffff0d;
    --hashtag-background-color: #363c44;
    --mark-background-color: #f5cf51;
    --active-mark-border-color: #eeb701;
    --separator-color: #0f0f14;
    --notes-list-separator-color: #373741;
    --menu-separator-color: #4b4b50;
    --hover-color: #333438;
    --menu-hover-color: #34353b;
    --notification-background-color: #363636;
    --tag-background-color: #373e42;
    --tag-color: var(--primary-text-color);
    --side-bar-icon-color: #909090;
    --notes-number-color: var(--note-timestamp-color);
    --close-icon-color: #aaa;
    --blockquote-border-color: #888;
    --divider-color: #555;
    --slider-background-color: grey;
    --scroll-thumb-inactive-color: #555;
    --scroll-thumb-active-color: #666;
    --scroll-thumb-hover-color: #777;
    --highlight-green: #386e53;
    --highlight-red: #844e4e;
    --highlight-orange: #7e552a;
    --highlight-blue: #48657d;
    --highlight-yellow: #78731e;
    --highlight-purple: #58486f;
    --highlight-pink: #713a66;
    --highlight-gray: #4f5356;
    --text-green: #16dba5;
    --text-red: #ff5959;
    --text-blue: #6ddefe;
    --text-yellow: #ede508;
    --text-purple: #c0a2ff;
    --text-orange: #fd9e1f;
    --text-pink: #ff7bfd;
    --text-gray: #9a9a9a;
    --blockquote-border-red: #ae6767;
    --blockquote-border-orange: #a57037;
    --blockquote-border-yellow: #a29a29;
    --blockquote-border-green: #4d9471;
    --blockquote-border-blue: #5f829f;
    --blockquote-border-pink: #9f5492;
    --blockquote-border-purple: #7a6597;
    --svg-filter: invert(0.85);
    --svg-hover-color: silver;
    color-scheme: dark
}

.blue_sky {
    --primary-color: #0078c5;
    --note-selected-color: #e4f2fe;
    --calendar-color: "blue";
    --slider-background-color: #0078c566
}

.emerald_theme {
    --primary-color: #108490;
    --primary-button-hover-color: #187680;
    --note-selected-color: #e8f2f3;
    --calendar-color: "teal";
    --slider-background-color: #10849066
}

.morning_grass {
    --primary-color: #187a53;
    --primary-button-hover-color: #126141;
    --note-selected-color: #e5f5ed;
    --calendar-color: "green";
    --slider-background-color: #187a5366
}

.orange_theme {
    --primary-color: #de7d00;
    --primary-button-hover-color: #c9721a;
    --note-selected-color: #fbf2e8;
    --calendar-color: "orange";
    --slider-background-color: #de7d0066
}

.pink_theme {
    --primary-color: #d76784;
    --primary-button-hover-color: #d0637d;
    --note-selected-color: #fcf0f3;
    --calendar-color: "pink";
    --slider-background-color: #d7678466
}

.purple_theme {
    --primary-color: #cd5ca0;
    --primary-button-hover-color: #b85290;
    --note-selected-color: #faeef5;
    --calendar-color: "purple";
    --slider-background-color: #cd5ca066
}

.raspberry {
    --primary-color: #ce3b4e;
    --primary-button-hover-color: #c84659;
    --note-selected-color: #fbedef;
    --calendar-color: "red";
    --slider-background-color: #ce3b4e66
}

.lavender {
    --primary-color: #a261a2;
    --primary-button-hover-color: #7e4b7e;
    --note-selected-color: #f2e7f3;
    --calendar-color: "indigo";
    --slider-background-color: #a261a266
}

.nocturne {
    --primary-color: #4a92fe;
    --primary-button-hover-color: #5080d3;
    --calendar-color: "blue";
    --slider-background-color: #77a9ff66
}

.dark_emerald_theme {
    --primary-color: #2ea3ae;
    --primary-button-hover-color: #398088;
    --calendar-color: "teal";
    --slider-background-color: #30a9b466
}

.dark_green_theme {
    --primary-color: #2fb396;
    --primary-button-hover-color: #4aa280;
    --calendar-color: "green";
    --slider-background-color: #2fb39666
}

.dark_moonlight {
    --primary-color: #cca240;
    --primary-button-hover-color: #aa8735;
    --calendar-color: "yellow";
    --slider-background-color: #cca24066
}

.dark_pink_theme {
    --primary-color: #d35a72;
    --primary-button-hover-color: #ca566d;
    --calendar-color: "pink";
    --slider-background-color: #df5e7866
}

.dark_purple_theme {
    --primary-color: #e063ae;
    --primary-button-hover-color: #b25a8f;
    --calendar-color: "purple";
    --slider-background-color: #e063ae66
}

.dark_sunset {
    --primary-color: #e24b4b;
    --primary-button-hover-color: #c05050;
    --calendar-color: "red";
    --slider-background-color: #e24b4b66
}

.dark_lavender {
    --primary-color: #bf80df;
    --primary-button-hover-color: #724487;
    --calendar-color: "indigo";
    --slider-background-color: #bf80df66
}

@font-face {
    font-display: block;
    font-family: upnote-app-icon;
    font-style: normal;
    font-weight: 400;
    src: url(upnote-app-icon.ttf) format("truetype")
}

[class*=" icon-"],
[class^=icon-] {
    speak: never;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: upnote-app-icon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.icon-move-notebook:before {
    content: ""
}

.icon-unsynced:before {
    content: ""
}

.icon-text-direction:before {
    content: ""
}

.icon-unselect:before {
    content: ""
}

.icon-align-full:before {
    content: ""
}

.icon-align-center:before {
    content: ""
}

.icon-align-left:before {
    content: ""
}

.icon-align-right:before {
    content: ""
}

.icon-time:before {
    content: ""
}

.icon-more-vertical:before {
    content: ""
}

.icon-remove-color:before {
    content: ""
}

.icon-align:before {
    content: ""
}

.icon-sort:before {
    content: ""
}

.icon-continue:before {
    content: ""
}

.icon-warning:before {
    content: ""
}

.icon-show:before {
    content: ""
}

.icon-hide:before {
    content: ""
}

.icon-apple-logo:before {
    content: ""
}

.icon-badge:before {
    content: ""
}

.icon-convert-template:before {
    content: ""
}

.icon-video:before {
    content: ""
}

.icon-copy:before {
    content: ""
}

.icon-search-option:before {
    content: ""
}

.icon-collapsible:before {
    content: ""
}

.icon-share:before {
    content: ""
}

.icon-redo:before {
    content: ""
}

.icon-undo:before {
    content: ""
}

.icon-print:before {
    content: ""
}

.icon-version-history:before {
    content: ""
}

.icon-back-arrow:before {
    content: ""
}

.icon-forward-arrow:before {
    content: ""
}

.icon-hashtag:before {
    content: ""
}

.icon-circle:before {
    content: ""
}

.icon-info:before {
    content: ""
}

.icon-sync:before {
    content: ""
}

.icon-up-arrow:before {
    content: ""
}

.icon-indent-menu:before {
    content: ""
}

.icon-list-menu:before {
    content: ""
}

.icon-hamburger:before {
    content: ""
}

.icon-save:before {
    content: ""
}

.icon-add-notebook:before {
    content: ""
}

.icon-remove-format:before {
    content: ""
}

.icon-backlink:before {
    content: ""
}

.icon-subscript:before {
    content: ""
}

.icon-superscript:before {
    content: ""
}

.icon-duplicate:before {
    content: ""
}

.icon-copy-link:before {
    content: ""
}

.icon-filter-word:before {
    content: ""
}

.icon-touch-id:before {
    content: ""
}

.icon-align-menu:before {
    content: ""
}

.icon-folder:before {
    content: ""
}

.icon-folder-all:before {
    content: ""
}

.icon-left-arrow:before {
    content: ""
}

.icon-right-arrow:before {
    content: ""
}

.icon-down-arrow:before {
    content: ""
}

.icon-lock-full:before {
    content: ""
}

.icon-text-color:before {
    content: ""
}

.icon-code-block:before {
    content: ""
}

.icon-table-option:before {
    content: ""
}

.icon-add-circle:before {
    content: ""
}

.icon-table:before {
    content: ""
}

.icon-collapse:before {
    content: ""
}

.icon-file:before {
    content: ""
}

.icon-calendar:before {
    content: ""
}

.icon-filter:before {
    content: ""
}

.icon-highlight:before {
    content: ""
}

.icon-megaphone:before {
    content: ""
}

.icon-premium:before {
    content: ""
}

.icon-empty-note:before {
    content: ""
}

.icon-empty-notebook:before {
    content: ""
}

.icon-lock:before {
    content: ""
}

.icon-pin:before {
    content: ""
}

.icon-notebook:before {
    content: ""
}

.icon-display:before {
    content: ""
}

.icon-expand:before {
    content: ""
}

.icon-new-note:before {
    content: ""
}

.icon-done:before {
    content: ""
}

.icon-vertical-line:before {
    content: ""
}

.icon-format:before {
    content: ""
}

.icon-outdent:before {
    content: ""
}

.icon-indent:before {
    content: ""
}

.icon-email:before {
    content: ""
}

.icon-account:before {
    content: ""
}

.icon-themes:before {
    content: ""
}

.icon-export:before {
    content: ""
}

.icon-settings-note:before {
    content: ""
}

.icon-restore:before {
    content: ""
}

.icon-restorewin:before {
    content: ""
}

.icon-review:before {
    content: ""
}

.icon-closewin:before {
    content: ""
}

.icon-maximize:before {
    content: ""
}

.icon-minimize:before {
    content: ""
}

.icon-tick:before {
    content: ""
}

.icon-untick:before {
    content: ""
}

.icon-checklist:before {
    content: ""
}

.icon-refresh:before {
    content: ""
}

.icon-bullet-list:before {
    content: ""
}

.icon-number-list:before {
    content: ""
}

.icon-bookmark:before {
    content: ""
}

.icon-note:before {
    content: ""
}

.icon-all-notes:before {
    content: ""
}

.icon-divider:before {
    content: ""
}

.icon-formula:before {
    content: ""
}

.icon-code:before {
    content: ""
}

.icon-quote:before {
    content: ""
}

.icon-link:before {
    content: ""
}

.icon-strike-through:before {
    content: ""
}

.icon-underline:before {
    content: ""
}

.icon-italic:before {
    content: ""
}

.icon-bold:before {
    content: ""
}

.icon-heading:before {
    content: ""
}

.icon-close:before {
    content: ""
}

.icon-popout:before {
    content: ""
}

.icon-search:before {
    content: ""
}

.icon-trash:before {
    content: ""
}

.icon-edit:before {
    content: ""
}

.icon-star:before {
    content: ""
}

.icon-add:before {
    content: ""
}

.icon-more:before {
    content: ""
}

.icon-image:before {
    content: ""
}

.icon-settings:before {
    content: ""
}

.icon-on-top-active:before {
    content: ""
}

.icon-on-top:before {
    content: ""
}

.icon-images:before {
    content: ""
}

.icon-diamonds:before {
    content: ""
}

.icon-loop:before {
    content: ""
}

.icon-arrow-up:before {
    content: ""
}

.shine-editor {
    word-wrap: break-word;
    contain: content;
    display: block;
    /* min-height: 100%; */
    white-space: normal;
    width: 100%
}

.shine-editor u {
    text-underline-offset: 3px
}

/* .shine-editor sub {
    font-size: 10px;
    vertical-align: sub
}

.shine-editor sup {
    font-size: 10px;
    top: -.2em;
    vertical-align: super
} */

.shine-editor hr {
    border: none;
    height: 1px
}

.shine-editor img {
    max-width: 100%
}

.shine-editor img[data-upnote-formula] {
    cursor: pointer;
    vertical-align: middle
}

.shine-editor ul li[data-checked=false],
.shine-editor ul li[data-checked=true] {
    list-style: none
}

[contenteditable=true]:empty:before {
    color: silver;
    content: attr(placeholder);
    display: block
}

.shine-editor ul li {
    position: relative
}

.shine-editor ul li[data-checked=true]:before {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15'%3E%3Cpath fill='%237d7d7d' fill-rule='evenodd' d='M6.332 9.06 4.747 7.25a.741.741 0 1 0-1.117.978l2.104 2.403a.742.742 0 0 0 .531.253h.028a.742.742 0 0 0 .521-.214l5.011-4.95a.742.742 0 1 0-1.043-1.055zM2.277 0A2.28 2.28 0 0 0 0 2.277v10.446A2.28 2.28 0 0 0 2.277 15h10.446A2.28 2.28 0 0 0 15 12.723V2.277A2.28 2.28 0 0 0 12.723 0z'/%3E%3C/svg%3E");
    cursor: pointer;
    margin-inline-start: -24px;
    position: absolute;
    top: 3px
}

.shine-editor ul li[data-checked=false]:before {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15'%3E%3Cpath fill='%237d7d7d' fill-rule='evenodd' d='M13.758 12.723c0 .57-.465 1.035-1.035 1.035H2.277c-.57 0-1.035-.464-1.035-1.035V2.277c0-.57.465-1.035 1.035-1.035h10.446c.57 0 1.035.465 1.035 1.035zM2.278 0A2.28 2.28 0 0 0 0 2.277v10.446A2.28 2.28 0 0 0 2.277 15h10.446A2.28 2.28 0 0 0 15 12.723V2.277A2.28 2.28 0 0 0 12.723 0z'/%3E%3C/svg%3E");
    cursor: pointer;
    margin-inline-start: -24px;
    position: absolute;
    top: 3px
}

.shine-editor ol,
.shine-editor ul {
    margin-bottom: 0;
    margin-top: 0;
    margin-inline-end: 0;
    margin-inline-start: max(2ch, 15px);
    padding-inline-start: max(.55em, 9px)
}

.shine-editor ol[data-upnote-marker-digit-count="2"] {
    margin-inline-start: 3ch
}

.shine-editor ol[data-upnote-marker-digit-count="3"] {
    margin-inline-start: 4ch
}

.shine-editor ol[data-upnote-marker-digit-count="4"] {
    margin-inline-start: 5ch
}

.shine-editor ol[data-upnote-marker-digit-count="5"] {
    margin-inline-start: 6ch
}

.shine-editor ol[data-upnote-marker-digit-count="6"] {
    margin-inline-start: 7ch
}

.shine-editor ol[data-upnote-marker-digit-count="7"] {
    margin-inline-start: 8ch
}

.shine-editor blockquote {
    background-color: #eee;
    border-inline-start: 4px solid silver;
    border-radius: 4px;
    margin: 0;
    padding-inline-end: 24px;
    padding-bottom: 0;
    padding-top: 0;
    padding-inline-start: 10px;
    position: relative
}

.shine-editor blockquote:after {
    align-items: center;
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='12'%3E%3Cpath fill='%23aaa' fill-rule='evenodd' d='M3.7 1.4c0 .773-.631 1.4-1.41 1.4-.779 0-1.41-.627-1.41-1.4C.88.627 1.511 0 2.29 0 3.069 0 3.7.627 3.7 1.4Zm0 4.584c0 .773-.631 1.4-1.41 1.4-.779 0-1.41-.627-1.41-1.4 0-.774.631-1.4 1.41-1.4.779 0 1.41.626 1.41 1.4Zm0 4.616c0 .773-.631 1.4-1.41 1.4-.779 0-1.41-.627-1.41-1.4 0-.773.631-1.4 1.41-1.4.779 0 1.41.627 1.41 1.4Z'/%3E%3C/svg%3E");
    cursor: pointer;
    display: flex;
    flex-direction: column;
    left: unset;
    position: absolute;
    right: 6px;
    top: 6px;
    width: 16px
}

[dir=rtl] blockquote:after {
    left: 6px;
    right: unset
}

.shine-editor .shine-table-wrapper {
    overflow-x: scroll !important;
    overflow-y: hidden
}

.shine-editor table {
    border-collapse: collapse;
    border-spacing: 0;
    overflow-y: hidden;
    table-layout: fixed;
    width: max-content
}

.shine-editor tr {
    border: 0
}

.shine-editor td,
.shine-editor th {
    min-width: 40px;
    position: relative;
    vertical-align: top;
    white-space: normal
}

.shine-editor td:before,
.shine-editor th:before {
    bottom: 0;
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='12'%3E%3Cpath fill='%23aaa' fill-rule='evenodd' d='M3.7 1.4c0 .773-.631 1.4-1.41 1.4-.779 0-1.41-.627-1.41-1.4C.88.627 1.511 0 2.29 0 3.069 0 3.7.627 3.7 1.4Zm0 4.584c0 .773-.631 1.4-1.41 1.4-.779 0-1.41-.627-1.41-1.4 0-.774.631-1.4 1.41-1.4.779 0 1.41.626 1.41 1.4Zm0 4.616c0 .773-.631 1.4-1.41 1.4-.779 0-1.41-.627-1.41-1.4 0-.773.631-1.4 1.41-1.4.779 0 1.41.627 1.41 1.4Z'/%3E%3C/svg%3E");
    cursor: pointer;
    left: unset;
    position: absolute;
    right: 7px;
    top: 3px;
    visibility: hidden
}

[dir=rtl] td:before,
[dir=rtl] th:before {
    left: 7px;
    right: unset
}

.shine-editor td.selected-cell:before,
.shine-editor th.selected-cell:before {
    visibility: visible
}

.shine-editor td:after,
.shine-editor th:after {
    border-inline-end: 1px solid #0000;
    bottom: -1px;
    content: "";
    cursor: col-resize;
    left: unset;
    padding-top: 3px;
    position: absolute;
    right: -1px;
    top: -1px;
    width: 5px
}

[dir=rtl] td:after,
[dir=rtl] th:after {
    left: -1px;
    right: unset
}

.shine-editor td.dragging-cell:after,
.shine-editor th.dragging-cell:after {
    border-inline-end-color: blue;
    content: "";
    visibility: visible
}

.shine-editor pre {
    border-radius: 6px;
    display: block;
    padding-inline-end: 24px;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-inline-start: 10px;
    position: relative;
    white-space: pre-wrap
}

.shine-editor pre:after {
    align-items: center;
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='12'%3E%3Cpath fill='%23aaa' fill-rule='evenodd' d='M3.7 1.4c0 .773-.631 1.4-1.41 1.4-.779 0-1.41-.627-1.41-1.4C.88.627 1.511 0 2.29 0 3.069 0 3.7.627 3.7 1.4Zm0 4.584c0 .773-.631 1.4-1.41 1.4-.779 0-1.41-.627-1.41-1.4 0-.774.631-1.4 1.41-1.4.779 0 1.41.626 1.41 1.4Zm0 4.616c0 .773-.631 1.4-1.41 1.4-.779 0-1.41-.627-1.41-1.4 0-.773.631-1.4 1.41-1.4.779 0 1.41.627 1.41 1.4Z'/%3E%3C/svg%3E");
    cursor: pointer;
    display: flex;
    justify-content: center;
    left: unset;
    position: absolute;
    right: 6px;
    top: 6px;
    width: 16px
}

[dir=rtl] pre:after {
    left: 6px;
    right: unset
}

.shine-editor .shine-code-nowrap {
    overflow-x: auto;
    white-space: pre
}

.shine-editor .shine-code-nowrap:after {
    display: none
}

.shine-editor code {
    border-radius: 3px;
    padding: 1px 4px
}

.shine-editor pre code {
    border-radius: unset;
    padding: unset
}

.shine-editor a {
    cursor: pointer
}

.shine-editor a[data-file-id]:after {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='13'%3E%3Cpath fill='%238c9195' fill-rule='evenodd' d='M5.614 2.955V9.75a2.363 2.363 0 1 1-4.728 0V2.364a1.478 1.478 0 0 1 2.955 0v6.204a.592.592 0 0 1-1.181.001V2.954h-.887v5.613a1.478 1.478 0 0 0 2.954 0V2.364a2.363 2.363 0 1 0-4.727 0V9.75C0 11.546 1.454 13 3.25 13S6.5 11.546 6.5 9.75V2.955z'/%3E%3C/svg%3E");
    padding: 0 5px
}

.shine-editor a[href^="upnote://x-callback-url/openNote?"]:after {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='12'%3E%3Cpath fill='%238c9195' d='M1.516.997c-.293 0-.53.24-.53.536v8.434c0 .296.237.536.53.536h6.825c.293 0 .53-.24.53-.536V1.533a.534.534 0 0 0-.53-.536zm0-.997h6.825c.837 0 1.516.686 1.516 1.533v8.434c0 .847-.679 1.533-1.516 1.533H1.516A1.525 1.525 0 0 1 0 9.967V1.533C0 .686.679 0 1.516 0zm1.63 5.286H6.71c.273 0 .493.223.493.498s-.22.499-.493.499H3.147c-.272 0-.493-.223-.493-.499s.22-.498.493-.498zm0-2.179H6.71c.273 0 .493.223.493.498s-.22.499-.493.499H3.147c-.272 0-.493-.223-.493-.499s.22-.498.493-.498zm0 4.479H6.71c.273 0 .493.223.493.498s-.22.499-.493.499H3.147c-.272 0-.493-.223-.493-.499s.22-.498.493-.498z'/%3E%3C/svg%3E");
    padding: 0 5px
}

.shine-editor a[href^="upnote://x-callback-url/openNotebook?"]:after {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='12'%3E%3Cpath fill='%237D7D7D' d='M9.26 10.566H1.542a.648.648 0 0 1-.661-.634.432.432 0 0 0-.441-.422.432.432 0 0 0-.441.422c0 .818.69 1.48 1.543 1.48H9.26c.244 0 .441-.19.441-.423a.432.432 0 0 0-.44-.423zM1.91 0C.856 0 0 .82 0 1.832v8.1h.882c0-.35.296-.634.661-.634h7.349c.446 0 .808-.347.808-.774V.774C9.7.348 9.338 0 8.892 0H1.91zm6.908.845v7.608H1.543c-.237 0-.46.051-.661.142V1.832c0-.545.46-.987 1.029-.987h6.907zM0 9.932c0 .564.882.564.882 0V8.595A1.476 1.476 0 0 0 0 9.932zm9.296 1.057V8.876c0-.234-.272-.423-.606-.423-.335 0-.607.19-.607.423v2.113c0 .234.272.423.607.423.334 0 .606-.19.606-.423z'/%3E%3C/svg%3E");
    padding: 0 5px
}

.shine-editor a[href^="upnote://x-callback-url/openFilter?filterId=filterTypeTodo"]:after {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='11'%3E%3Cpath fill='%237D7D7D' d='M7.147 0c.282 0 .51.233.51.521a.516.516 0 0 1-.51.522H1.53a.516.516 0 0 0-.51.521v7.3c0 .288.229.522.51.522h7.147c.282 0 .51-.234.51-.522v-3.65c0-.288.23-.521.511-.521.282 0 .51.233.51.521v3.65c0 .864-.685 1.565-1.53 1.565H1.53c-.844 0-1.53-.7-1.53-1.565v-7.3C0 .7.686 0 1.531 0zm3.212.153a.503.503 0 0 1 .722 0c.2.203.2.534 0 .737L5.466 6.626a.503.503 0 0 1-.722 0L3.212 5.062a.53.53 0 0 1 0-.738.503.503 0 0 1 .722 0l1.17 1.196z'/%3E%3C/svg%3E");
    padding: 0 5px
}

.shine-editor a[href^="upnote://x-callback-url/openFilter?filterId=filterTypeToday"]:after {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='12'%3E%3Cpath fill='%237D7D7D' d='M7.517 0c.297 0 .537.24.537.535v.534h1.074c.89 0 1.611.718 1.611 1.604v7.485c0 .886-.721 1.604-1.61 1.604H1.61c-.89 0-1.61-.718-1.61-1.604V2.673C0 1.787.721 1.07 1.61 1.07h1.074V.535c0-.266.196-.487.45-.528L3.223 0c.296 0 .537.24.537.535l-.001.534H6.98V.535c0-.266.195-.487.45-.528zm2.148 5.346H1.073v4.812c0 .295.241.535.538.535h7.517c.297 0 .537-.24.537-.535V5.346zM2.684 2.138H1.611a.536.536 0 0 0-.537.535l-.001 1.604h8.592V2.673a.536.536 0 0 0-.537-.534l-1.074-.001v.535a.535.535 0 0 1-.45.528l-.087.007a.536.536 0 0 1-.537-.535v-.535H3.758v.535a.535.535 0 0 1-.45.528l-.086.007a.536.536 0 0 1-.537-.535l-.001-.535z'/%3E%3C/svg%3E");
    padding: 0 5px
}

.shine-editor a[href^="upnote://x-callback-url/openFilter?filterId=filterTypeUncategorized"]:after {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='12'%3E%3Cpath fill='%237D7D7D' d='M4.448 6.147.132.934C-.173.565.084 0 .557 0h11.117c.473 0 .73.565.424.934L7.783 6.147v4.642a.556.556 0 0 1-.805.507l-2.223-1.135a.57.57 0 0 1-.307-.508V6.147zm6.028-5.011H1.755l3.673 4.437a.575.575 0 0 1 .132.366v3.363l1.111.568V5.94c0-.135.047-.265.132-.367l3.673-4.437z'/%3E%3C/svg%3E");
    padding: 0 5px
}

.shine-editor a[href^="upnote://x-callback-url/openFilter?filterId=filterTypeWords"]:after {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%237D7D7D' fill-rule='evenodd' d='M4.84 0c2.667 0 4.839 2.163 4.839 4.822a4.787 4.787 0 0 1-1.12 3.077l3.3 3.288a.475.475 0 0 1-.337.813.481.481 0 0 1-.338-.14L7.877 8.566A4.826 4.826 0 0 1 4.84 9.64C2.171 9.64 0 7.477 0 4.822 0 2.163 2.17 0 4.84 0zm0 .953A3.88 3.88 0 0 0 .956 4.822c0 2.13 1.741 3.865 3.882 3.865A3.871 3.871 0 0 0 7.556 7.58l.002-.004.006-.003a3.85 3.85 0 0 0 1.158-2.75A3.88 3.88 0 0 0 4.839.952zm1.772 2.89c.18 0 .337.028.47.082a.886.886 0 0 1 .327.22.914.914 0 0 1 .191.33c.043.127.064.263.064.408V6.04c0 .09.003.184.008.283.006.098.015.18.03.243H7.25a1.736 1.736 0 0 1-.043-.38h-.016a.986.986 0 0 1-.348.33c-.14.078-.305.117-.497.117-.099 0-.203-.014-.31-.042a.882.882 0 0 1-.296-.137.76.76 0 0 1-.22-.252.78.78 0 0 1-.088-.385c0-.201.051-.36.154-.478a.972.972 0 0 1 .404-.268c.167-.062.354-.102.563-.12.21-.02.42-.028.633-.028V4.85c0-.198-.057-.344-.17-.439a.68.68 0 0 0-.452-.142 1.014 1.014 0 0 0-.717.307l-.266-.335c.124-.123.275-.22.454-.291.18-.07.371-.106.577-.106zM3.675 2.61l1.616 3.957h-.595l-.383-.973H2.527l-.377.973h-.585L3.197 2.61h.478zm3.51 2.694h-.121a4.6 4.6 0 0 0-.386.016 1.701 1.701 0 0 0-.361.067.674.674 0 0 0-.268.151.352.352 0 0 0-.107.269c0 .078.015.143.045.195a.39.39 0 0 0 .12.129c.05.033.105.057.165.07.06.013.122.02.186.02.234 0 .413-.074.54-.222a.826.826 0 0 0 .188-.556v-.14zM3.42 3.25l-.707 1.856h1.409L3.42 3.251z'/%3E%3C/svg%3E");
    padding: 0 5px
}

.shine-editor a[href^="upnote://x-callback-url/openFilter?filterId=filterTypeUnsynced"]:after {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%237D7D7D' d='m.866.104.047.042 10.938 10.938a.497.497 0 0 1-.656.744l-.047-.041-1.432-1.43a2.984 2.984 0 0 1-.554.08l-.148.004H4.547a4.475 4.475 0 0 1-2.78-8.037L.21.85A.497.497 0 0 1 .866.104zm.246 6.76A3.482 3.482 0 0 0 4.41 9.446h4.399l-6.33-6.33a3.48 3.48 0 0 0-1.366 3.748zm3.756-5.372.058.001a4.475 4.475 0 0 1 3.773 2.825l.057.157h.257a2.983 2.983 0 0 1 2.415 1.227l.075.107c.553.834.651 1.89.26 2.812a.497.497 0 1 1-.915-.388 1.989 1.989 0 0 0-1.717-2.76l-.117-.004h-.627a.497.497 0 0 1-.481-.375 3.48 3.48 0 0 0-3.067-2.61.497.497 0 0 1-.028-.987l.057-.005z'/%3E%3C/svg%3E");
    padding: 0 5px
}

.shine-editor a[data-upnote-tag] {
    text-decoration: none
}

.shine-image-resizer {
    border-width: 0;
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='28' height='28'%3E%3Cdefs%3E%3Cfilter id='b' width='165%25' height='165%25' x='-32.5%25' y='-27.5%25'%3E%3CfeOffset dy='1' in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur in='shadowOffsetOuter1' result='shadowBlurOuter1' stdDeviation='2'/%3E%3CfeColorMatrix in='shadowBlurOuter1' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.101862981 0'/%3E%3C/filter%3E%3Ccircle id='a' cx='10' cy='10' r='10'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd' transform='translate(4 3)'%3E%3Cuse xlink:href='%23a' fill='%23000' filter='url(%23b)'/%3E%3Cuse xlink:href='%23a' fill='%23676767'/%3E%3Cpath fill='%23fff' fill-rule='nonzero' d='M11.354 10.646a.5.5 0 0 0-.708.708L13.294 14H11.5a.5.5 0 0 0-.492.41L11 14.5a.5.5 0 0 0 .5.5h3a.509.509 0 0 0 .267-.077c.03-.02.06-.043.087-.07l-.052.045a.503.503 0 0 0 .04-.033l.012-.011a.51.51 0 0 0 .135-.249A.498.498 0 0 0 15 14.5l-.005.074a.503.503 0 0 0 .005-.062V11.5a.5.5 0 1 0-1 0v1.792zM5.5 5a.51.51 0 0 0-.267.077.498.498 0 0 0-.087.07l.052-.045a.503.503 0 0 0-.04.033l-.012.011a.51.51 0 0 0-.135.249A.498.498 0 0 0 5 5.5l.005-.072A.503.503 0 0 0 5 5.48V8.5a.5.5 0 1 0 1 0V6.706l2.646 2.648a.5.5 0 0 0 .638.057l.07-.057a.5.5 0 0 0 0-.708L6.708 6H8.5a.5.5 0 0 0 .492-.41L9 5.5a.5.5 0 0 0-.5-.5z'/%3E%3C/g%3E%3C/svg%3E");
    position: absolute;
    user-select: none;
    z-index: 100
}

[dir=rtl] .shine-image-resizer {
    transform: rotateY(180deg)
}

.shine-image-option {
    border-width: 0;
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='18'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Crect width='26' height='18' fill='%23000' opacity='.52' rx='6'/%3E%3Cpath fill='%23FFF' d='M5 9c0 1.1.9 2 2 2s2-.9 2-2-.9-2-2-2-2 .9-2 2zm12 0c0 1.1.9 2 2 2s2-.9 2-2-.9-2-2-2-2 .9-2 2zm-4-2c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2z'/%3E%3C/g%3E%3C/svg%3E");
    padding: 5px
}

.shine-image-option,
.shine-image-zoom {
    position: absolute;
    user-select: none;
    z-index: 100
}

.shine-image-zoom {
    background-color: #01010199;
    border-radius: 6px;
    color: #fff;
    padding: 11px 20px
}

.shine-popup {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 0 10px 0 #bbb;
    max-width: 400px;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute
}

.shine-popup-item {
    align-items: center;
    border-radius: 4px;
    color: #444;
    cursor: pointer;
    display: flex;
    margin: 4px;
    padding: 2px 5px;
    user-select: none
}

.shine-popup-item-arrow,
.shine-popup-item-icon,
.shine-popup-item-title {
    margin: 0 5px
}

.shine-popup-item-icon {
    align-items: center;
    color: #888;
    display: flex;
    flex: 0 0 auto;
    justify-content: center;
    width: 18px
}

.shine-popup-item:hover {
    background-color: #f0f0f0
}

.shine-popup-item[data-disabled=true]:hover {
    background-color: unset
}

.shine-popup-item-title {
    display: block;
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.shine-popup-item-selected {
    background-color: #f0f0f0
}

.shine-popup-item-highlight {
    color: #111;
    font-weight: 600
}

.shine-collapsible-section {
    border: 1px solid #eee;
    border-radius: 6px;
    padding: 5px 0;
    position: relative
}

.shine-section-title-wrapper {
    padding-bottom: 0;
    padding-inline-end: 25px;
    padding-top: 0;
    padding-inline-start: 36px
}

.shine-section-content {
    margin-bottom: 0;
    margin-top: 0;
    margin-inline-end: 20px;
    margin-inline-start: 36px
}

.shine-section-title-wrapper:before {
    align-items: center;
    bottom: 0;
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='%23aaa' d='M13.03 5.47a.75.75 0 0 1 .063.99l-.063.07-4.5 4.5a.75.75 0 0 1-.99.063l-.07-.063-4.5-4.5a.75.75 0 0 1 .99-1.123l.07.063L8 9.439l3.97-3.97a.75.75 0 0 1 .99-.062l.07.063Z'/%3E%3C/svg%3E");
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 10px;
    line-height: 100%;
    position: absolute;
    right: unset;
    top: 0;
    width: 16px
}

[dir=rtl] .shine-section-title-wrapper:before {
    left: unset;
    right: 10px
}

.shine-section-title-wrapper:after {
    align-items: center;
    bottom: 0;
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='12'%3E%3Cpath fill='%23aaa' fill-rule='evenodd' d='M3.7 1.4c0 .773-.631 1.4-1.41 1.4-.779 0-1.41-.627-1.41-1.4C.88.627 1.511 0 2.29 0 3.069 0 3.7.627 3.7 1.4Zm0 4.584c0 .773-.631 1.4-1.41 1.4-.779 0-1.41-.627-1.41-1.4 0-.774.631-1.4 1.41-1.4.779 0 1.41.626 1.41 1.4Zm0 4.616c0 .773-.631 1.4-1.41 1.4-.779 0-1.41-.627-1.41-1.4 0-.773.631-1.4 1.41-1.4.779 0 1.41.627 1.41 1.4Z'/%3E%3C/svg%3E");
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: unset;
    line-height: 100%;
    position: absolute;
    right: 6px;
    top: 0;
    width: 16px
}

[dir=rtl] .shine-section-title-wrapper:after {
    left: 6px;
    right: unset
}

.shine-section-collapsed>:not(.shine-section-title-wrapper) {
    display: none
}

.shine-section-collapsed .shine-section-title-wrapper:before {
    transform: rotate(-90deg)
}

[dir=rtl] .shine-section-collapsed .shine-section-title-wrapper:before {
    transform: rotate(90deg)
}

.shine-collapsible-section .shine-section-content,
.shine-collapsible-section .shine-section-title,
.shine-collapsible-section .shine-section-title-wrapper {
    position: relative
}

.shine-editor .shine-placeholder:before {
    align-items: center;
    color: silver;
    content: attr(data-upnote-placeholder) !important;
    display: flex;
    height: 100%;
    position: absolute
}

.shine-editor .shine-break-all {
    word-break: break-all
}

.shine-iframe-container {
    overflow: hidden;
    position: relative
}

.shine-editor iframe {
    border: 0;
    border-radius: 8px;
    left: 0;
    outline: none;
    top: 0
}

.shine-iframe-container iframe {
    height: 100% !important;
    position: absolute;
    width: 100% !important
}

.shine-editor iframe[data-upnote-file-preview] {
    border: 1px solid #e8e8e8;
    display: flex;
    flex-direction: column;
    min-height: 100px;
    position: relative
}

.shine-editor {
    caret-color: var(--primary-color);
    color: var(--primary-text-color);
    font-size: var(--editor-font-size);
    line-height: var(--editor-line-height)
}

.shine-editor div,
.shine-editor img,
.shine-editor li,
.shine-editor pre,
.shine-editor table {
    margin-bottom: var(--paragraph-spacing);
    margin-top: var(--paragraph-spacing)
}

.shine-editor .shine-collapsible-section {
    margin-bottom: 5px;
    margin-top: 5px
}

.shine-editor pre div,
.shine-editor table div {
    margin-bottom: unset;
    margin-top: unset
}

.shine-editor h1 {
    font-size: 1.8em
}

.shine-editor h1,
.shine-editor h2,
.shine-editor h3,
.shine-editor h4,
.shine-editor h5,
.shine-editor h6 {
    font-weight: var(--bold-font-weight);
    margin: .2em 0
}

.shine-editor b,
.shine-editor strong {
    font-weight: 600
}

.shine-editor img {
    background-color: var(--hover-color);
    border-radius: 6px;
    min-height: 10px
}

.shine-editor img::selection {
    background-color: var(--hover-color);
    color: #474755;
    opacity: 1
}

.shine-editor img[data-upnote-formula] {
    background-color: unset;
    border-radius: 2px;
    filter: var(--svg-filter);
    min-height: unset
}

.shine-editor img[data-upnote-formula]::selection {
    background-color: var(--svg-hover-color);
    opacity: 1
}

.shine-editor a {
    color: var(--primary-color)
}

.shine-editor ul li[data-checked=true] {
    color: var(--checked-list-text-color);
    text-decoration: var(--checked-list-text-decoration)
}

.shine-editor li::marker {
    color: var(--primary-color)
}

.shine-editor hr {
    background-color: var(--divider-color)
}

.shine-editor blockquote {
    border-inline-start: var(--blockquote-border-color) 4px solid;
    padding-bottom: 5px;
    padding-top: 5px
}

.shine-editor blockquote,
.shine-editor pre {
    background-color: var(--code-block-background-color)
}

.shine-editor pre {
    border: 1px solid var(--input-border-color)
}

.shine-editor code {
    background-color: var(--code-background-color);
    color: var(--code-color)
}

.shine-editor pre code {
    background-color: unset;
    color: unset
}

.shine-editor code:empty:before,
.shine-editor div:empty:before {
    content: "\200b"
}

.shine-editor code * {
    font-family: monospace;
    font-size: calc(var(--editor-font-size) - 1px);
    width: max-content
}

.shine-editor u span {
    text-decoration: underline
}

.shine-editor strike span {
    text-decoration: line-through
}

.shine-editor strike u span,
.shine-editor u strike span {
    text-decoration: underline line-through
}

.shine-editor .shine-text-red {
    color: var(--text-red);
    text-decoration-color: var(--text-red)
}

.shine-editor .shine-text-blue {
    color: var(--text-blue);
    text-decoration-color: var(--text-blue)
}

.shine-editor .shine-text-green {
    color: var(--text-green);
    text-decoration-color: var(--text-green)
}

.shine-editor .shine-text-yellow {
    color: var(--text-yellow);
    text-decoration-color: var(--text-yellow)
}

.shine-editor .shine-text-orange {
    color: var(--text-orange);
    text-decoration-color: var(--text-orange)
}

.shine-editor .shine-text-purple {
    color: var(--text-purple);
    text-decoration-color: var(--text-purple)
}

.shine-editor .shine-text-pink {
    color: var(--text-pink);
    text-decoration-color: var(--text-pink)
}

.shine-editor .shine-text-gray {
    color: var(--text-gray);
    text-decoration-color: var(--text-gray)
}

.shine-editor .shine-green-bg {
    background-color: var(--highlight-green)
}

.shine-editor .shine-red-bg {
    background-color: var(--highlight-red)
}

.shine-editor .shine-blue-bg {
    background-color: var(--highlight-blue)
}

.shine-editor .shine-yellow-bg {
    background-color: var(--highlight-yellow)
}

.shine-editor .shine-pink-bg {
    background-color: var(--highlight-pink)
}

.shine-editor .shine-purple-bg {
    background-color: var(--highlight-purple)
}

.shine-editor .shine-orange-bg {
    background-color: var(--highlight-orange)
}

.shine-editor .shine-gray-bg {
    background-color: var(--code-block-background-color)
}

.shine-editor .shine-highlight {
    background-color: var(--highlight-green);
    box-shadow: 0 2px 0 var(--highlight-green), 0 -2px 0 var(--highlight-green)
}

.shine-editor .shine-highlight-red {
    background-color: var(--highlight-red);
    box-shadow: 0 2px 0 var(--highlight-red), 0 -2px 0 var(--highlight-red)
}

.shine-editor .shine-highlight-orange {
    background-color: var(--highlight-orange);
    box-shadow: 0 2px 0 var(--highlight-orange), 0 -2px 0 var(--highlight-orange)
}

.shine-editor .shine-highlight-blue {
    background-color: var(--highlight-blue);
    box-shadow: 0 2px 0 var(--highlight-blue), 0 -2px 0 var(--highlight-blue)
}

.shine-editor .shine-highlight-yellow {
    background-color: var(--highlight-yellow);
    box-shadow: 0 2px 0 var(--highlight-yellow), 0 -2px 0 var(--highlight-yellow)
}

.shine-editor .shine-highlight-pink {
    background-color: var(--highlight-pink);
    box-shadow: 0 2px 0 var(--highlight-pink), 0 -2px 0 var(--highlight-pink)
}

.shine-editor .shine-highlight-purple {
    background-color: var(--highlight-purple);
    box-shadow: 0 2px 0 var(--highlight-purple), 0 -2px 0 var(--highlight-purple)
}

.shine-editor .shine-highlight-gray {
    background-color: var(--code-block-background-color);
    box-shadow: 0 2px 0 var(--code-block-background-color), 0 -2px 0 var(--code-block-background-color)
}

.shine-editor .shine-table-wrapper::-webkit-scrollbar {
    -webkit-appearance: none;
    height: 6px
}

.shine-editor .shine-table-wrapper::-webkit-scrollbar-thumb {
    background-color: var(--scroll-thumb-inactive-color);
    border-radius: 3px
}

.shine-editor .shine-table-wrapper:hover::-webkit-scrollbar-thumb {
    background-color: var(--scroll-thumb-active-color)
}

.shine-editor .shine-table-wrapper::-webkit-scrollbar-thumb:hover {
    background-color: var(--scroll-thumb-hover-color)
}

.shine-editor th {
    font-weight: var(--bold-font-weight)
}

.shine-editor table {
    border-top: 1px solid var(--input-border-color)
}

.shine-editor td,
.shine-editor th {
    border-bottom: 1px solid var(--input-border-color);
    border-inline-end: 1px solid var(--input-border-color);
    border-inline-start: 1px solid var(--input-border-color);
    padding: 3px 14px
}

.shine-editor td.dragging-cell:after,
.shine-editor th.dragging-cell:after {
    border-inline-end-color: var(--primary-color)
}

.shine-editor a[data-upnote-tag] {
    background-color: var(--hashtag-background-color);
    border-radius: 4px;
    margin: 0 1px;
    padding: 1px 4px
}

.shine-sample-image {
    background-color: initial
}

.shine-popup {
    background-color: var(--menu-background-color);
    border-color: var(--separator-color);
    box-shadow: 0 0 10px 0 var(--dropdown-shadow-color);
    max-height: 300px
}

.shine-popup-item {
    color: var(--primary-text-color)
}

.shine-popup-item-selected,
.shine-popup-item:hover {
    background-color: var(--menu-hover-color)
}

.shine-popup-item-highlight {
    color: var(--primary-text-color)
}

.shine-popup-item-arrow {
    color: #888
}

.shine-popup-item .icon-circle,
.shine-popup-item .icon-remove-color {
    font-size: 16px
}

.shine-popup-item-arrow {
    font-size: 10px
}

.shine-editor ul li[data-checked=false]:before,
.shine-editor ul li[data-checked=true]:before {
    top: var(--editor-check-list-top);
    transform: scale(var(--editor-check-list-icon-zoom))
}

.shine-editor .shine-collapsible-section {
    border-color: var(--section-border-color)
}

.shine-editor .shine-section-highlight-red {
    background-color: var(--highlight-red);
    border-color: var(--highlight-red) !important
}

.shine-editor .shine-section-highlight-orange {
    background-color: var(--highlight-orange);
    border-color: var(--highlight-orange) !important
}

.shine-editor .shine-section-highlight-yellow {
    background-color: var(--highlight-yellow);
    border-color: var(--highlight-yellow) !important
}

.shine-editor .shine-section-highlight-green {
    background-color: var(--highlight-green);
    border-color: var(--highlight-green) !important
}

.shine-editor .shine-section-highlight-blue {
    background-color: var(--highlight-blue);
    border-color: var(--highlight-blue) !important
}

.shine-editor .shine-section-highlight-pink {
    background-color: var(--highlight-pink);
    border-color: var(--highlight-pink) !important
}

.shine-editor .shine-section-highlight-purple {
    background-color: var(--highlight-purple);
    border-color: var(--highlight-purple) !important
}

.shine-editor .shine-section-highlight-gray {
    background-color: var(--code-block-background-color);
    border-color: var(--code-block-background-color) !important
}

.shine-editor .shine-blockquote-red {
    background-color: var(--highlight-red);
    border-color: var(--blockquote-border-red) !important
}

.shine-editor .shine-blockquote-orange {
    background-color: var(--highlight-orange);
    border-color: var(--blockquote-border-orange) !important
}

.shine-editor .shine-blockquote-yellow {
    background-color: var(--highlight-yellow);
    border-color: var(--blockquote-border-yellow) !important
}

.shine-editor .shine-blockquote-green {
    background-color: var(--highlight-green);
    border-color: var(--blockquote-border-green) !important
}

.shine-editor .shine-blockquote-blue {
    background-color: var(--highlight-blue);
    border-color: var(--blockquote-border-blue) !important
}

.shine-editor .shine-blockquote-pink {
    background-color: var(--highlight-pink);
    border-color: var(--blockquote-border-pink) !important
}

.shine-editor .shine-blockquote-purple {
    background-color: var(--highlight-purple);
    border-color: var(--blockquote-border-purple) !important
}

.shine-editor .shine-blockquote-gray {
    background-color: var(--code-block-background-color);
    border-color: var(--blockquote-border-color) !important
}

.dark-theme .shine-editor [class*=shine-section-highlight-] a {
    color: var(--primary-text-color)
}

.shine-editor .shine-placeholder:before {
    color: var(--placeholder-color)
}

.light-theme .win ::selection {
    background-color: #bbd4fb
}

.dark-theme ::selection {
    background-color: #474755
}

.dark-theme input::selection {
    background-color: #5f5f7e
}

.shine-editor .shine-iframe-container {
    margin-bottom: 5px !important;
    margin-top: 5px !important
}

.shine-editor iframe {
    background-color: var(--hover-color)
}

.shine-editor iframe[data-upnote-file-preview] {
    border-color: var(--input-border-color);
    margin-bottom: 5px !important;
    margin-top: 5px !important
}

.shine-icon-text-green {
    color: var(--text-green)
}

.shine-icon-text-red {
    color: var(--text-red)
}

.shine-icon-text-orange {
    color: var(--text-orange)
}

.shine-icon-text-blue {
    color: var(--text-blue)
}

.shine-icon-text-yellow {
    color: var(--text-yellow)
}

.shine-icon-text-purple {
    color: var(--text-purple)
}

.shine-icon-text-pink {
    color: var(--text-pink)
}

.shine-icon-text-gray {
    color: var(--text-gray)
}

.shine-icon-highlight-green {
    color: #c3e98d
}

.shine-icon-highlight-red {
    color: #ed958f
}

.shine-icon-highlight-orange {
    color: #f7cf9f
}

.shine-icon-highlight-blue {
    color: #98c7f8
}

.shine-icon-highlight-yellow {
    color: #f9e496
}

.shine-icon-highlight-purple {
    color: #c99ae9
}

.shine-icon-highlight-pink {
    color: #ebabd9
}

.shine-icon-highlight-gray {
    color: #c2c2c2
}

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