/*! normalize.css v4.2.0 | MIT License | github.com/necolas/normalize.css */
@import url("https://cdn.jsdelivr.net/gh/wanteddev/wanted-sans@v1.0.0/packages/wanted-sans/fonts/webfonts/variable/split/WantedSansVariable.min.css");
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-print-color-adjust: exact;
}
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: 0.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: -0.25em;
}
sup {
  top: -0.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: 0.35em 0.625em 0.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: 0.54;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
html {
  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: "Wanted Sans Variable", "Wanted Sans", -apple-system,
    BlinkMacSystemFont, system-ui, "Segoe UI", "Apple SD Gothic Neo",
    "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol", sans-serif;
  --font-size: 10px;
  --bold-font-weight: 500;
  --line-width: 670px;
  --focus-mode-line-width: 670px;
  --line-height: 23px;
  --editor-line-height: 1.86;
  --editor-font-size: 10px;
  --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;
}
.light-theme {
  --primary-color: #404040;
  --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: #404040;
  --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-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 sub {
  font-size: 10px;
  vertical-align: sub;
}
.shine-editor sup {
  font-size: 10px;
  top: -0.2em;
  vertical-align: super;
}
.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(0.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 {
  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");
  transform: rotateY(180deg);
}
.shine-image-option,
.shine-image-resizer {
  border-width: 0;
  position: absolute;
  user-select: none;
  z-index: 1000;
}
.shine-image-option {
  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-zoom {
  background-color: #01010199;
  border-radius: 6px;
  color: #fff;
  padding: 11px 20px;
  position: absolute;
  user-select: none;
  z-index: 1000;
}
.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;
}
.force-list-content-inline li * {
  display: inline;
}
.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: 0.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 {
  border-bottom: none;
  border-inline-end: none;
  border-inline-start: none;
  border-top: 1px solid 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-gray {
  background-color: #f3f3f3;
  box-shadow: 0 2px 0 var(--code-block-background-color),
    0 -2px 0 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-table-wrapper::-webkit-scrollbar {
  -webkit-appearance: none;
  height: 4px;
}
.shine-editor .shine-table-wrapper::-webkit-scrollbar-thumb {
  background-color: var(--scroll-thumb-inactive-color);
  border-radius: 2px;
}
.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: 2px 8px;
}
.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*/