/*!
 * Bootstrap Reboot v5.0.2 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */
*, :after, :before {
    box-sizing: border-box
}

@media (prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

body {
    background-color: #fff;
    color: #212529;
    font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Liberation Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

hr {
    background-color: currentColor;
    border: 0;
    color: inherit;
    margin: 1rem 0;
    opacity: .25
}

hr:not([size]) {
    height: 1px
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: .5rem;
    margin-top: 0
}

h1 {
    font-size: calc(1.375rem + 1.5vw)
}

@media (min-width: 1200px) {
    h1 {
        font-size: 2.5rem
    }
}

h2 {
    font-size: calc(1.325rem + .9vw)
}

@media (min-width: 1200px) {
    h2 {
        font-size: 2rem
    }
}

h3 {
    font-size: calc(1.3rem + .6vw)
}

@media (min-width: 1200px) {
    h3 {
        font-size: 1.75rem
    }
}

h4 {
    font-size: calc(1.275rem + .3vw)
}

@media (min-width: 1200px) {
    h4 {
        font-size: 1.5rem
    }
}

h5 {
    font-size: 1.25rem
}

h6 {
    font-size: 1rem
}

p {
    margin-bottom: 1rem;
    margin-top: 0
}

abbr[data-bs-original-title], abbr[title] {
    cursor: help;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    font-style: normal;
    line-height: inherit;
    margin-bottom: 1rem
}

ol, ul {
    padding-left: 2rem
}

dl, ol, ul {
    margin-bottom: 1rem;
    margin-top: 0
}

ol ol, ol ul, ul ol, ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b, strong {
    font-weight: bolder
}

small {
    font-size: .875em
}

mark {
    background-color: #fcf8e3;
    padding: .2em
}

sub, sup {
    font-size: .75em;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #0d6efd;
    text-decoration: underline
}

a:hover {
    color: #0a58ca
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

code, kbd, pre, samp {
    direction: ltr;
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-size: 1em;
    unicode-bidi: bidi-override
}

pre {
    display: block;
    font-size: .875em;
    margin-bottom: 1rem;
    margin-top: 0;
    overflow: auto
}

pre code {
    color: inherit;
    font-size: inherit;
    word-break: normal
}

code {
    color: #d63384;
    font-size: .875em;
    word-wrap: break-word
}

a > code {
    color: inherit
}

kbd {
    background-color: #212529;
    border-radius: .2rem;
    color: #fff;
    font-size: .875em;
    padding: .2rem .4rem
}

kbd kbd {
    font-size: 1em;
    font-weight: 700;
    padding: 0
}

figure {
    margin: 0 0 1rem
}

img, svg {
    vertical-align: middle
}

table {
    border-collapse: collapse;
    caption-side: bottom
}

caption {
    color: #6c757d;
    padding-bottom: .5rem;
    padding-top: .5rem;
    text-align: left
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

tbody, td, tfoot, th, thead, tr {
    border: 0 solid;
    border-color: inherit
}

label {
    display: inline-block
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0
}

button, select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

select:disabled {
    opacity: 1
}

[list]::-webkit-calendar-picker-indicator {
    display: none
}

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

[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    cursor: pointer
}

::-moz-focus-inner {
    border-style: none;
    padding: 0
}

textarea {
    resize: vertical
}

fieldset {
    border: 0;
    margin: 0;
    min-width: 0;
    padding: 0
}

legend {
    float: left;
    font-size: calc(1.275rem + .3vw);
    line-height: inherit;
    margin-bottom: .5rem;
    padding: 0;
    width: 100%
}

@media (min-width: 1200px) {
    legend {
        font-size: 1.5rem
    }
}

legend + * {
    clear: left
}

::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-year-field {
    padding: 0
}

::-webkit-inner-spin-button {
    height: auto
}

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

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-color-swatch-wrapper {
    padding: 0
}

::file-selector-button {
    font: inherit
}

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

output {
    display: inline-block
}

iframe {
    border: 0
}

summary {
    cursor: pointer;
    display: list-item
}

progress {
    vertical-align: baseline
}

[hidden] {
    display: none !important
}

:root {
    --header-height: 44px;
    --list-header-height: 38px;
    --modal-width: 460px;
    --search-height: 32px;
    --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-size: 14px;
    --line-width: 670px;
    --focus-mode-line-width: 670px;
    --line-height: 23px;
    --editor-font-size: 14px;
    --shine-editor-font-size: var(--editor-font-size);
    --editor-check-list-icon-zoom: 1;
    --editor-check-list-top: 3px;
    --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 {
    color-scheme: light;
    --primary-color: #0078c5;
    --primary-button-hover-color: #0068ac;
    --tooltip-item-selected-color: #a4dafc;
    --tooltip-background-color: #464650;
    --note-selected-color: #e4f2fe;
    --dropdown-shadow-color: rgba(0, 0, 0, .2);
    --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: rgba(0, 0, 0, .5);
    --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: rgba(0, 0, 0, .05);
    --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
}

.dark-theme {
    color-scheme: dark;
    --primary-color: #f0f0f0;
    --primary-button-hover-color: #9ed9ff;
    --tooltip-background-color: #464650;
    --note-selected-color: #2d2e31;
    --dropdown-shadow-color: rgba(19, 19, 22, .4);
    --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: rgba(0, 0, 0, .6);
    --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: hsla(0, 0%, 100%, .05);
    --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
}

.blue_sky {
    --primary-color: #0078c5;
    --note-selected-color: #e4f2fe;
    --calendar-color: "blue";
    --slider-background-color: rgba(0, 120, 197, .4)
}

.emerald_theme {
    --primary-color: #108490;
    --primary-button-hover-color: #187680;
    --note-selected-color: #e8f2f3;
    --calendar-color: "teal";
    --slider-background-color: rgba(16, 132, 144, .4)
}

.morning_grass {
    --primary-color: #187a53;
    --primary-button-hover-color: #126141;
    --note-selected-color: #e5f5ed;
    --calendar-color: "green";
    --slider-background-color: rgba(24, 122, 83, .4)
}

.orange_theme {
    --primary-color: #de7d00;
    --primary-button-hover-color: #c9721a;
    --note-selected-color: #fbf2e8;
    --calendar-color: "orange";
    --slider-background-color: rgba(222, 125, 0, .4)
}

.pink_theme {
    --primary-color: #d76784;
    --primary-button-hover-color: #d0637d;
    --note-selected-color: #fcf0f3;
    --calendar-color: "pink";
    --slider-background-color: rgba(215, 103, 132, .4)
}

.purple_theme {
    --primary-color: #cd5ca0;
    --primary-button-hover-color: #b85290;
    --note-selected-color: #faeef5;
    --calendar-color: "purple";
    --slider-background-color: rgba(205, 92, 160, .4)
}

.raspberry {
    --primary-color: #ce3b4e;
    --primary-button-hover-color: #c84659;
    --note-selected-color: #fbedef;
    --calendar-color: "red";
    --slider-background-color: rgba(206, 59, 78, .4)
}

.lavender {
    --primary-color: #a261a2;
    --primary-button-hover-color: #7e4b7e;
    --note-selected-color: #f2e7f3;
    --calendar-color: "indigo";
    --slider-background-color: rgba(162, 97, 162, .4)
}

.nocturne {
    --primary-color: #4a92fe;
    --primary-button-hover-color: #5080d3;
    --calendar-color: "blue";
    --slider-background-color: rgba(119, 169, 255, .4)
}

.dark_emerald_theme {
    --primary-color: #2ea3ae;
    --primary-button-hover-color: #398088;
    --calendar-color: "teal";
    --slider-background-color: rgba(48, 169, 180, .4)
}

.dark_green_theme {
    --primary-color: #2fb396;
    --primary-button-hover-color: #4aa280;
    --calendar-color: "green";
    --slider-background-color: rgba(47, 179, 150, .4)
}

.dark_moonlight {
    --primary-color: #cca240;
    --primary-button-hover-color: #aa8735;
    --calendar-color: "yellow";
    --slider-background-color: rgba(204, 162, 64, .4)
}

.dark_pink_theme {
    --primary-color: #d35a72;
    --primary-button-hover-color: #ca566d;
    --calendar-color: "pink";
    --slider-background-color: rgba(223, 94, 120, .4)
}

.dark_purple_theme {
    --primary-color: #e063ae;
    --primary-button-hover-color: #b25a8f;
    --calendar-color: "purple";
    --slider-background-color: rgba(224, 99, 174, .4)
}

.dark_sunset {
    --primary-color: #e24b4b;
    --primary-button-hover-color: #c05050;
    --calendar-color: "red";
    --slider-background-color: rgba(226, 75, 75, .4)
}

.dark_lavender {
    --primary-color: #bf80df;
    --primary-button-hover-color: #724487;
    --calendar-color: "indigo";
    --slider-background-color: rgba(191, 128, 223, .4)
}

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

.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.74.74 0 0 0 .531.253h.028a.74.74 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.4S.88 2.173.88 1.4 1.511 0 2.29 0 3.7.627 3.7 1.4m0 4.584c0 .773-.631 1.4-1.41 1.4S.88 6.757.88 5.984c0-.774.631-1.4 1.41-1.4s1.41.626 1.41 1.4m0 4.616c0 .773-.631 1.4-1.41 1.4S.88 11.373.88 10.6s.631-1.4 1.41-1.4 1.41.627 1.41 1.4'/%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;
    margin-inline-end: 20px;
    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 {
    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.4S.88 2.173.88 1.4 1.511 0 2.29 0 3.7.627 3.7 1.4m0 4.584c0 .773-.631 1.4-1.41 1.4S.88 6.757.88 5.984c0-.774.631-1.4 1.41-1.4s1.41.626 1.41 1.4m0 4.616c0 .773-.631 1.4-1.41 1.4S.88 11.373.88 10.6s.631-1.4 1.41-1.4 1.41.627 1.41 1.4'/%3E%3C/svg%3E");
    cursor: pointer;
    left: unset;
    padding-top: 3px;
    position: absolute;
    right: 7px;
    top: 0;
    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 transparent;
    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;
    direction: ltr;
    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.4S.88 2.173.88 1.4 1.511 0 2.29 0 3.7.627 3.7 1.4m0 4.584c0 .773-.631 1.4-1.41 1.4S.88 6.757.88 5.984c0-.774.631-1.4 1.41-1.4s1.41.626 1.41 1.4m0 4.616c0 .773-.631 1.4-1.41 1.4S.88 11.373.88 10.6s.631-1.4 1.41-1.4 1.41.627 1.41 1.4'/%3E%3C/svg%3E");
    cursor: pointer;
    display: flex;
    justify-content: center;
    left: unset;
    position: absolute;
    right: 6px;
    top: 6px;
    width: 16px
}

.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 code, .shine-editor pre {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-size: var(--shine-editor-font-size)
}

.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 0m1.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.65.65 0 0 1-.661-.634.43.43 0 0 0-.441-.422.43.43 0 0 0-.441.422c0 .818.69 1.48 1.543 1.48H9.26c.244 0 .441-.19.441-.423a.43.43 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 0zm6.908.845v7.608H1.543c-.237 0-.46.051-.661.142V1.832c0-.545.46-.987 1.029-.987zM0 9.932c0 .564.882.564.882 0V8.595A1.48 1.48 0 0 0 0 9.932m9.296 1.057V8.876c0-.234-.272-.423-.606-.423-.335 0-.607.19-.607.423v2.113c0 .234.272.423.607.423s.606-.19.606-.423'/%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-.521s.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-.535zM2.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-.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-.508zm6.028-5.011H1.755l3.673 4.437a.57.57 0 0 1 .132.366v3.363l1.111.568V5.94c0-.135.047-.265.132-.367z'/%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.8 4.8 0 0 1-1.12 3.077l3.3 3.288a.475.475 0 0 1-.337.813.48.48 0 0 1-.338-.14L7.877 8.566A4.83 4.83 0 0 1 4.84 9.64C2.171 9.64 0 7.477 0 4.822 0 2.163 2.17 0 4.84 0m0 .953A3.88 3.88 0 0 0 .956 4.822c0 2.13 1.741 3.865 3.882 3.865A3.87 3.87 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.89q.27 0 .47.082a.9.9 0 0 1 .327.22.9.9 0 0 1 .191.33q.064.19.064.408V6.04q0 .135.008.283t.03.243H7.25a1.7 1.7 0 0 1-.043-.38h-.016a1 1 0 0 1-.348.33q-.21.117-.497.117-.149 0-.31-.042a.9.9 0 0 1-.296-.137.8.8 0 0 1-.22-.252.8.8 0 0 1-.088-.385q0-.301.154-.478a1 1 0 0 1 .404-.268q.25-.093.563-.12.314-.029.633-.028V4.85q0-.297-.17-.439a.68.68 0 0 0-.452-.142 1.01 1.01 0 0 0-.717.307l-.266-.335q.186-.184.454-.291.269-.105.577-.106zM3.675 2.61l1.616 3.957h-.595l-.383-.973H2.527l-.377.973h-.585L3.197 2.61zm3.51 2.694h-.121a5 5 0 0 0-.386.016 1.7 1.7 0 0 0-.361.067.7.7 0 0 0-.268.151.35.35 0 0 0-.107.269q0 .117.045.195a.4.4 0 0 0 .12.129q.075.05.165.07t.186.02q.35 0 .54-.222a.83.83 0 0 0 .188-.556v-.14zM3.42 3.25l-.707 1.856h1.409z'/%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.43a3 3 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.104m.246 6.76A3.48 3.48 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.47 4.47 0 0 1 3.773 2.825l.057.157h.257a2.98 2.98 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.99 1.99 0 0 0-1.717-2.76l-.117-.004h-.627a.5.5 0 0 1-.481-.375 3.48 3.48 0 0 0-3.067-2.61.497.497 0 0 1-.028-.987z'/%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.5.5 0 0 0 .267-.077q.046-.03.087-.07l-.052.045.04-.033.012-.011a.5.5 0 0 0 .135-.249A.5.5 0 0 0 15 14.5l-.005.074.005-.062V11.5a.5.5 0 1 0-1 0v1.792zM5.5 5a.5.5 0 0 0-.267.077.5.5 0 0 0-.087.07l.052-.045-.04.033-.012.011a.5.5 0 0 0-.135.249A.5.5 0 0 0 5 5.5l.005-.072L5 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 2m12 0c0 1.1.9 2 2 2s2-.9 2-2-.9-2-2-2-2 .9-2 2m-4-2c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2'/%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: rgba(1, 1, 1, .6);
    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-.062z'/%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.4S.88 2.173.88 1.4 1.511 0 2.29 0 3.7.627 3.7 1.4m0 4.584c0 .773-.631 1.4-1.41 1.4S.88 6.757.88 5.984c0-.774.631-1.4 1.41-1.4s1.41.626 1.41 1.4m0 4.616c0 .773-.631 1.4-1.41 1.4S.88 11.373.88 10.6s.631-1.4 1.41-1.4 1.41.627 1.41 1.4'/%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, .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: 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 10px
}

.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: transparent
}

.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
}

:root {
    --primary-text-color: #404040;
    --font: "Avenir Next", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --bold-font-weight: 500;
    --editor-line-height: 1.86;
    --editor-font-size: 17px;
    --paragraph-spacing: 0px;
    --editor-check-list-icon-zoom: 1.3;
    --editor-check-list-top: 2px;
    --checked-list-text-decoration: none;
    --checked-list-text-color: var(--note-timestamp-color);
    --list-margin-left: -2px
}

body {
    font-family: var(--font)
}

.header {
    align-items: center;
    background-color: #fff;
    box-shadow: 0 1px 4px #eee;
    display: flex;
    height: 50px;
    left: 0;
    padding: 0 30px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1
}

.header a {
    text-decoration: none
}

.header .logo {
    align-items: center;
    color: #353535;
    display: flex;
    font-size: 20px;
    font-weight: 600
}

.header .logo img {
    height: 30px;
    margin-right: 10px
}

.header .header-blank {
    flex-grow: 1;
    min-width: 0
}

.header .header-links > * {
    margin-left: 10px
}

.header .download {
    border: 1.2px solid #636363;
    border-radius: 4px;
    color: #636363;
    padding: 5px 12px
}

.header .flag {
    cursor: pointer;
    display: none;
    margin-inline-start: 20px;
    padding: 6px
}

.copy-tooltip-wrapper {
    align-items: center;
    display: none;
    height: 50px;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1
}

.copy-tooltip-wrapper .copy-tooltip {
    background-color: rgba(0, 0, 0, .7);
    border-radius: 4px;
    color: #fff;
    padding: 5px 10px
}

.content-wrapper {
    padding: 30px
}

@media (min-width: 1024px){
    .content-wrapper {
        margin-top: 50px;
        padding: 30px
    }
}

.content {
    background-color: #fff;
    border-radius: 10px;
    color: #404040;
    margin: 0 auto;
    max-width: 920px;
    min-height: 400px;
    padding: 10px 0 30px;
    position: relative
}

.content .grow {
    transition: all .3s ease-in-out
}

.content .temporary-zoom {
    transform: scale(1.1) translateX(40px)
}

.content-center {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.authentication-code-wrapper {
    margin-top: 40px;
    max-width: 800px
}

.authentication-code {
    align-items: center;
    background-color: #eee;
    border-radius: 4px;
    display: flex;
    overflow: hidden
}

.authentication-code-input {
    background-color: transparent;
    border: none;
    flex: 1 1 auto;
    outline: none;
    padding: 5px
}

.authentication-code-copy {
    background-color: #1c81e6;
    color: #fff;
    padding: 8px 10px
}

.footer {
    color: #555;
    font-size: 16px;
    line-height: 1.8;
    padding: 30px 30px 40px;
    text-align: center
}

.footer a {
    color: #1c81e6;
    text-decoration: none
}

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

.shine-editor h2 {
    font-size: 1.5em
}

.shine-editor h3 {
    font-size: 1.2em
}

.shine-editor h4 {
    font-size: 1em
}

.shine-editor h5 {
    font-size: .8em
}

.shine-editor h6 {
    font-size: .6em
}

.shine-editor h1, .shine-editor h2, .shine-editor h3, .shine-editor h4, .shine-editor h5, .shine-editor h6 {
    margin: .5rem auto
}

.shine-editor .shine-collapsible-section {
    margin: 5px auto
}

.shine-editor blockquote, .shine-editor pre {
    padding-right: 10px
}

.shine-editor .shine-section-title-wrapper:after, .shine-editor blockquote:after, .shine-editor pre:after {
    display: none
}

.shine-editor [data-element-id] {
    scroll-margin-top: 50px
}

@media (max-width: 820px) {
    .content-wrapper, .header {
        padding-left: 20px !important;
        padding-right: 20px !important
    }
}

@media print {
    body {
        background-color: #fff
    }

    .header {
        display: none
    }

    .content-wrapper {
        padding: 30px
    }

    .content {
        box-shadow: none;
        padding: 80px
    }
}

.shine-editor .shine-section-collapsed > :not(.shine-section-title-wrapper) {
    border: none;
    display: block !important;
    height: 0 !important;
    margin: 0 !important;
    overflow: clip !important;
    padding: 0 !important
}

.toc-container{
    border: 1px solid #ddd;
    background: #f9f9f9;
    padding: 24px;
    border-radius: 8px;
}

.toc-container h2{
    font-size: 21px;
}

@media (min-width: 1024px){
    .toc-container{
        position: fixed;
        right: calc(50vw + 480px + 48px);
        top: 100px;
    }
}

ul.toc{
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
}

ul.toc a{
    color: #838383;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M728.22 520.23a42.47 42.47 0 0 1-11.39 20.5L374.91 882.66c-16.66 16.66-43.68 16.66-60.34 0s-16.66-43.68 0-60.34l311.88-311.89-311.83-311.83c-16.66-16.66-16.66-43.68 0-60.34 16.66-16.66 43.68-16.66 60.34 0l341.93 341.93c10.86 10.86 14.64 26.12 11.34 40.04z' fill='%23bbb'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 12px 12px;
    text-decoration: none;
    border-bottom: 1px solid #ddd;
    display: block;
    line-height: 32px;
    padding-right: 24px;
}

.shine-editor h2{
    margin-top: 2rem;
    margin-bottom: 1.5rem;
}

.download-container {
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid #ddd;
    text-align: center;
}

.download-btn-page {
    display: inline-block;
    background-color: #28a745;
    color: white !important;
    padding: 10px 20px;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none !important;
    transition: all 0.2s ease;
    box-shadow: 0 2px 4px rgba(40, 167, 69, 0.2);
}

.download-btn-page:hover {
    background-color: #218838;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(40, 167, 69, 0.3);
    color: white !important;
}

.download-btn-page:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(40, 167, 69, 0.2);
}