/* For styling the entire Joplin app (except the rendered Markdown, which is defined in `userstyle.css`) */
@charset "UTF-8";
@media screen {
  :root {
    --s-accentColor--h: var(--u-accentColor--h, var(--g-systemBlue--h));
    --s-accentColor--s: var(--u-accentColor--s, var(--g-systemBlue--s));
    --s-accentColor--l: var(--u-accentColor--l, var(--g-systemBlue--l));
    --s-accentColor--s: var(--u-accentColor--s, var(--g-systemBlue--s));
    --s-accentColor--l: var(--u-accentColor--l, var(--g-systemBlue--l));
    --s-accentColor--hs: var(--s-accentColor--h), var(--s-accentColor--s);
    --s-accentColor--hsl: var(--s-accentColor--hs), var(--s-accentColor--l);
    --s-accentColor: hsl(var(--s-accentColor--hsl));
    --s-font-family-system: var(--u-font-family-system, var(--g-font-family-system));
    --s-font-family-system-rounded: var(--u-font-family-system-rounded, var(--g-font-family-system-rounded));
    --s-selectedContentBackgroundColor--h: var(
      --u-accentColor--h,
      var(--g-selectedContentBackgroundColor--h)
    );
    --s-selectedContentBackgroundColor--s: var(
      --u-accentColor--s,
      var(--g-selectedContentBackgroundColor--s)
    );
    --s-selectedContentBackgroundColor--l: var(
      --u-accentColor--l,
      var(--g-selectedContentBackgroundColor--l)
    );
    --s-selectedContentBackgroundColor: hsl(
      var(--s-selectedContentBackgroundColor--h),
      var(--s-selectedContentBackgroundColor--s),
      var(--s-selectedContentBackgroundColor--l)
    );
    --s-accentColor--selected: var(--s-selectedContentBackgroundColor);
    --s-controlAccentColor--h: var(
      --u-accentColor--h,
      var(--g-controlAccentColor--h)
    );
    --s-controlAccentColor--s: var(
      --u-accentColor--s,
      var(--g-controlAccentColor--s)
    );
    --s-controlAccentColor--l: var(
      --u-accentColor--l,
      var(--g-controlAccentColor--l)
    );
    --s-controlAccentColor--hsl: var(--s-controlAccentColor--h),
      var(--s-controlAccentColor--s), var(--s-controlAccentColor--l);
    --s-controlAccentColor: hsl(var(--s-controlAccentColor--hsl));
    --s-controlAccentColor--selected: var(--s-controlAccentColor);
    --s-sidebar__BackgroundColor: var(
      --u-sidebar-background-color,
      var(--g-windowBackgroundColor)
    );
    --s-sidebar__label-FontSize: var(
      --u-sidebar-label-font-size,
      var(--g-font-size--1)
    );
    --s-sidebar__label-Color: var(
      --u-sidebar-label-color,
      var(--g-tertiaryLabelColor)
    );
    --s-sidebar__item-Color: var(--u-sidebar-item-color, var(--g-labelColor));
    --s-sidebar__item--selected-BackgroundColor: var(
      --u-sidebar-selected-item-color,
      var(var(--g-unemphasizedSelectedTextBackgroundColor))
    );
    --s-sidebar__icon-Color: var(--u-sidebar-icon-color, var(--s-accentColor));
    --s-sidebar__chevron-Color: var(
      --u-sidebar-chevron-color,
      var(--g-secondaryLabelColor)
    );
    --s-sidebar__synchronise-Color: var(
      --u-sidebar-synchronise-color,
      var(--g-secondaryLabelColor)
    );
    --s-sidebar__synchronise-label-Color: var(
      --u-sidebar-synchronise-label-color,
      var(--g-secondaryLabelColor)
    );
    --s-font-family-icons: var(--u-font-family-icons, var(--g-font-family-icons));
    --s-icon-size-factor: var(--u-icon-size-factor, var(--g-icon-size-factor));
    --g-icon-alarm: "􀐭";
    --s-icon-alarm: var(--u-icon-alarm, var(--g-icon-alarm));
    --g-icon-arrow-down-circle-fill: "􀁹";
    --s-icon-arrow-down-circle-fill: var(--u-icon-arrow-down-circle-fill, var(--g-icon-arrow-down-circle-fill));
    --g-icon-arrow-triangle-2-circlepath: "􀊯";
    --s-icon-arrow-triangle-2-circlepath: var(--u-icon-arrow-triangle-2-circlepath, var(--g-icon-arrow-triangle-2-circlepath));
    --g-icon-arrow-up-arrow-down: "􀄬";
    --s-icon-arrow-up-arrow-down: var(--u-icon-arrow-up-arrow-down, var(--g-icon-arrow-up-arrow-down));
    --g-icon-arrow-up-circle-fill: "􀁷";
    --s-icon-arrow-up-circle-fill: var(--u-icon-arrow-up-circle-fill, var(--g-icon-arrow-up-circle-fill));
    --g-icon-arrow-up-forward-app: "􀮵";
    --s-icon-arrow-up-forward-app: var(--u-icon-arrow-up-forward-app, var(--g-icon-arrow-up-forward-app));
    --g-icon-arrow-up-right-square-fill: "􀄕";
    --s-icon-arrow-up-right-square-fill: var(--u-icon-arrow-up-right-square-fill, var(--g-icon-arrow-up-right-square-fill));
    --g-icon-bold: "􀅓";
    --s-icon-bold: var(--u-icon-bold, var(--g-icon-bold));
    --g-icon-calendar: "􀉉";
    --s-icon-calendar: var(--u-icon-calendar, var(--g-icon-calendar));
    --g-icon-character: "􀀄";
    --s-icon-character: var(--u-icon-character, var(--g-icon-character));
    --g-icon-checkmark: "􀆅";
    --s-icon-checkmark: var(--u-icon-checkmark, var(--g-icon-checkmark));
    --g-icon-checkmark-circle: "􀁢";
    --s-icon-checkmark-circle: var(--u-icon-checkmark-circle, var(--g-icon-checkmark-circle));
    --g-icon-checkmark-diamond: "􁁚";
    --s-icon-checkmark-diamond: var(--u-icon-checkmark-diamond, var(--g-icon-checkmark-diamond));
    --g-icon-checkmark-square: "􀃲";
    --s-icon-checkmark-square: var(--u-icon-checkmark-square, var(--g-icon-checkmark-square));
    --g-icon-chevron-backward: "􀯶";
    --s-icon-chevron-backward: var(--u-icon-chevron-backward, var(--g-icon-chevron-backward));
    --g-icon-chevron-down: "􀆈";
    --s-icon-chevron-down: var(--u-icon-chevron-down, var(--g-icon-chevron-down));
    --g-icon-chevron-forward: "􀯻";
    --s-icon-chevron-forward: var(--u-icon-chevron-forward, var(--g-icon-chevron-forward));
    --g-icon-chevron-left-slash-chevron-right: "􀙚";
    --s-icon-chevron-left-slash-chevron-right: var(--u-icon-chevron-left-slash-chevron-right, var(--g-icon-chevron-left-slash-chevron-right));
    --g-icon-chevron-right: "􀆊";
    --s-icon-chevron-right: var(--u-icon-chevron-right, var(--g-icon-chevron-right));
    --g-icon-chevron-up-chevron-down: "􀆏";
    --s-icon-chevron-up-chevron-down: var(--u-icon-chevron-up-chevron-down, var(--g-icon-chevron-up-chevron-down));
    --g-icon-chevron-up: "􀆇";
    --s-icon-chevron-up: var(--u-icon-chevron-up, var(--g-icon-chevron-up));
    --g-icon-clock: "􀐫";
    --s-icon-clock: var(--u-icon-clock, var(--g-icon-clock));
    --g-icon-curlybraces: "􀡅";
    --s-icon-curlybraces: var(--u-icon-curlybraces, var(--g-icon-curlybraces));
    --g-icon-doc-on-clipboard: "􀉃";
    --s-icon-doc-on-clipboard: var(--u-icon-doc-on-clipboard, var(--g-icon-doc-on-clipboard));
    --g-icon-doc-richtext: "􀉅";
    --s-icon-doc-richtext: var(--u-icon-doc-richtext, var(--g-icon-doc-richtext));
    --g-icon-ellipsis: "􀍠";
    --s-icon-ellipsis: var(--u-icon-ellipsis, var(--g-icon-ellipsis));
    --g-icon-folder: "􀈕";
    --s-icon-folder: var(--u-icon-folder, var(--g-icon-folder));
    --g-icon-highlighter: "􀦇";
    --s-icon-highlighter: var(--u-icon-highlighter, var(--g-icon-highlighter));
    --g-icon-info-circle: "􀅴";
    --s-icon-info-circle: var(--u-icon-info-circle, var(--g-icon-info-circle));
    --g-icon-italic: "􀅔";
    --s-icon-italic: var(--u-icon-italic, var(--g-icon-italic));
    --g-icon-link: "􀉣";
    --s-icon-link: var(--u-icon-link, var(--g-icon-link));
    --g-icon-link-circle: "􀒠";
    --s-icon-link-circle: var(--u-icon-link-circle, var(--g-icon-link-circle));
    --g-icon-list-bullet-indent: "􀋳";
    --s-icon-list-bullet-indent: var(--u-icon-list-bullet-indent, var(--g-icon-list-bullet-indent));
    --g-icon-list-bullet-rectangle: "􀹆";
    --s-icon-list-bullet-rectangle: var(--u-icon-list-bullet-rectangle, var(--g-icon-list-bullet-rectangle));
    --g-icon-list-bullet: "􀋲";
    --s-icon-list-bullet: var(--u-icon-list-bullet, var(--g-icon-list-bullet));
    --g-icon-list-number: "􀋴";
    --s-icon-list-number: var(--u-icon-list-number, var(--g-icon-list-number));
    --g-icon-magnifyingglass: "􀊫";
    --s-icon-magnifyingglass: var(--u-icon-magnifyingglass, var(--g-icon-magnifyingglass));
    --g-icon-minus: "􀅽";
    --s-icon-minus: var(--u-icon-minus, var(--g-icon-minus));
    --g-icon-paperclip: "􀉢";
    --s-icon-paperclip: var(--u-icon-paperclip, var(--g-icon-paperclip));
    --g-icon-person-2: "􀉫";
    --s-icon-person-2: var(--u-icon-person-2, var(--g-icon-person-2));
    --g-icon-plus-circle: "􀁌";
    --s-icon-plus-circle: var(--u-icon-plus-circle, var(--g-icon-plus-circle));
    --g-icon-sidebar-left: "􀏚";
    --s-icon-sidebar-left: var(--u-icon-sidebar-left, var(--g-icon-sidebar-left));
    --g-icon-square-and-arrow-down: "􀈄";
    --s-icon-square-and-arrow-down: var(--u-icon-square-and-arrow-down, var(--g-icon-square-and-arrow-down));
    --g-icon-square-and-pencil: "􀈎";
    --s-icon-square-and-pencil: var(--u-icon-square-and-pencil, var(--g-icon-square-and-pencil));
    --g-icon-square-split-2x1: "􀏠";
    --s-icon-square-split-2x1: var(--u-icon-square-split-2x1, var(--g-icon-square-split-2x1));
    --g-icon-strikethrough: "􀅖";
    --s-icon-strikethrough: var(--u-icon-strikethrough, var(--g-icon-strikethrough));
    --g-icon-tablecells-badge-ellipsis: "􀏥";
    --s-icon-tablecells-badge-ellipsis: var(--u-icon-tablecells-badge-ellipsis, var(--g-icon-tablecells-badge-ellipsis));
    --g-icon-tag: "􀋡";
    --s-icon-tag: var(--u-icon-tag, var(--g-icon-tag));
    --g-icon-text-badge-checkmark: "􀋺";
    --s-icon-text-badge-checkmark: var(--u-icon-text-badge-checkmark, var(--g-icon-text-badge-checkmark));
    --g-icon-text-below-photo: "􀲱";
    --s-icon-text-below-photo: var(--u-icon-text-below-photo, var(--g-icon-text-below-photo));
    --g-icon-text-quote: "􀋿";
    --s-icon-text-quote: var(--u-icon-text-quote, var(--g-icon-text-quote));
    --g-icon-textformat-abc-dottedunderline: "􀅰";
    --s-icon-textformat-abc-dottedunderline: var(--u-icon-textformat-abc-dottedunderline, var(--g-icon-textformat-abc-dottedunderline));
    --g-icon-textformat-subscript: "􀓡";
    --s-icon-textformat-subscript: var(--u-icon-textformat-subscript, var(--g-icon-textformat-subscript));
    --g-icon-textformat-superscript: "􀓢";
    --s-icon-textformat-superscript: var(--u-icon-textformat-superscript, var(--g-icon-textformat-superscript));
    --g-icon-trash: "􀈑";
    --s-icon-trash: var(--u-icon-trash, var(--g-icon-trash));
    --g-icon-underline: "􀅕";
    --s-icon-underline: var(--u-icon-underline, var(--g-icon-underline));
    --g-icon-xmark-circle-fill: "􀁡";
    --s-icon-xmark-circle-fill: var(--u-icon-xmark-circle-fill, var(--g-icon-xmark-circle-fill));
    --g-icon-xmark: "􀆄";
    --s-icon-xmark: var(--u-icon-xmark, var(--g-icon-xmark));
  }

  :root {
    --g-systemBlue: rgba(0, 122, 255, 1);
    --g-systemBlue--h: 211;
    --g-systemBlue--s: 100%;
    --g-systemBlue--l: 50%;
    --g-systemBrown: rgba(162, 132, 94, 1);
    --g-systemGray: rgba(142, 142, 147, 1);
    --g-systemGreen: rgba(40, 205, 65, 1);
    --g-systemIndigo: rgba(88, 86, 214, 1);
    --g-systemOrange: rgba(255, 149, 0, 1);
    --g-systemPink: rgba(255, 45, 85, 1);
    --g-systemPurple: rgba(175, 82, 222, 1);
    --g-systemRed: rgba(255, 59, 48, 1);
    --g-systemTeal: rgba(85, 190, 240, 1);
    --g-systemYellow: rgba(255, 204, 0, 1);
    /* Labels */
    --g-labelColor: rgba(0, 0, 0, 0.847);
    --g-secondaryLabelColor: rgba(0, 0, 0, 0.498);
    --g-tertiaryLabelColor: rgba(0, 0, 0, 0.259);
    --g-quaternaryLabelColor: rgba(0, 0, 0, 0.098);
    /* Text */
    --g-textColor: rgba(0, 0, 0, 1);
    --g-textColorDark: rgba(0, 0, 0, 1);
    --g-placeholderTextColor: rgba(0, 0, 0, 0.247);
    --g-selectedTextColor: rgba(0, 0, 0, 1);
    --g-textBackgroundColor: rgba(255, 255, 255, 1);
    --g-selectedTextBackgroundColor: rgba(179, 215, 255, 1);
    --g-keyboardFocusIndicatorColor: rgba(0, 103, 244, 0.247);
    --g-unemphasizedSelectedTextColor: rgba(0, 0, 0, 1);
    --g-unemphasizedSelectedTextBackgroundColor: rgba(220, 220, 220, 1);
    /* Content */
    --g-alternatingContentBackgroundColorsEven: rgba(255, 255, 255, 1);
    --g-alternatingContentBackgroundColorsOdd: rgba(244, 245, 245, 1);
    --g-linkColor: rgba(0, 104, 218, 1);
    --g-separatorColor: rgba(0, 0, 0, 0.098);
    --g-selectedContentBackgroundColor: rgba(0, 99, 225, 1);
    --g-selectedContentBackgroundColor--h: 214;
    --g-selectedContentBackgroundColor--s: 100%;
    --g-selectedContentBackgroundColor--l: 44%;
    --g-unemphasizedSelectedContentBackgroundColor: rgba(220, 220, 220, 1);
    /* Menus */
    --g-selectedMenuItemTextColor: rgba(255, 255, 255, 1);
    /* Tables */
    --g-gridColor: rgba(230, 230, 230, 1);
    --g-headerTextColor: rgba(0, 0, 0, 0.847);
    /* Controls */
    --g-controlAccentColor--h: 211;
    --g-controlAccentColor--s: 100%;
    --g-controlAccentColor--l: 50%;
    --g-controlAccentColor--hsl: var(--g-controlAccentColor--h), var(--g-controlAccentColor--s), var(--g-controlAccentColor--l);
    --g-controlAccentColor: hsla(var(--g-controlAccentColor--hsl), 1);
    --g-controlColor--rgb: 255, 255, 255;
    --g-controlColor: rgba(var(--g-controlColor--rgb), 1);
    --g-controlColor--hsl: 0, 0%, 100%;
    --g-controlBackgroundColor: rgba(255, 255, 255, 1);
    --g-controlTextColor: rgba(0, 0, 0, 0.847);
    --g-disabledControlTextColor: rgba(0, 0, 0, 0.247);
    --g-scrubberTexturedBackground: rgba(255, 255, 255, 1);
    --g-selectedControlColor: rgba(179, 215, 255, 1);
    --g-selectedControlTextColor: rgba(0, 0, 0, 0.847);
    --g-alternateSelectedControlTextColor--rgb: 255, 255, 255;
    --g-alternateSelectedControlTextColor: rgba(
      var(--g-alternateSelectedControlTextColor--rgb),
      1
    );
    /* Windows */
    --g-windowBackgroundColor: rgba(236, 236, 236, 1);
    --g-windowFrameTextColor: rgba(0, 0, 0, 0.847);
    --g-underPageBackgroundColor: rgba(150, 150, 150, 0.898);
    --g-underPageBackgroundColor--rgb: 150, 150, 150;
    /* Highlights & Shadows */
    --g-findHighlightColor: rgba(255, 255, 0, 1);
    --g-highlightColor: rgba(255, 255, 255, 1);
    --g-shadowColor: rgba(0, 0, 0, 1);
    --g-shadowColor--rgb: 0, 0, 0;
    --g-primary-Background: var(--g-textBackgroundColor);
    --g-primary-Color: var(--g-textColor);
    --g-icon-size-factor: 1;
    --g-font-family-system-rounded: "SF Pro Rounded", var(--s-font-family-system);
    --g-font-family-system: "SF Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    --g-font-family-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
      "Liberation Mono", "Courier New", monospace;
    --g-font-family-icons: "SF Pro";
    --g-font-size--1: 1.1rem;
    --g-font-size-0: 1.2rem;
    --g-font-size-1: 1.4rem;
    --g-font-size-2: 1.6rem;
  }

  .fa-caret-right::before {
    content: var(--s-icon-chevron-right) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
  }

  .fa-caret-down::before {
    content: var(--s-icon-chevron-down) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
  }

  .fa-plus::before {
    content: var(--s-icon-plus-circle) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
  }

  .fa-book::before {
    content: var(--s-icon-folder) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
  }

  /* 1rem = 10px */
  html {
    font-size: calc(62.5 * (var(--u-base-font-size, 100%) / 100));
  }

  html,
body {
    background: var(--g-primary-Background) !important;
  }

  body {
    font-family: var(--s-font-family-system);
    /* set default font-size back to 16px */
    font-size: 1.6rem;
  }
  body input,
body button {
    color: var(--g-primary-Color);
    font-family: var(--s-font-family-system);
  }
  body a {
    cursor: default;
  }

  #react-root > div:nth-child(2) > div {
    background: transparent !important;
  }

  *[style*=Roboto] {
    font-family: var(--s-font-family-system) !important;
  }

  .rli-editor {
    overflow: hidden;
  }
  .rli-editor .tox .tox-edit-area__iframe,
.rli-editor .tox .tox-toolbar,
.rli-editor .tox .tox-toolbar__overflow,
.rli-editor .tox .tox-toolbar__primary,
.rli-editor .tox-editor-header .tox-toolbar__primary,
.rli-editor .tox .tox-toolbar-overlord,
.rli-editor .tox.tox-tinymce-aux .tox-toolbar__overflow,
.rli-editor .tox .tox-statusbar,
.rli-editor .tox .tox-dialog__header,
.rli-editor .tox .tox-dialog,
.rli-editor .tox textarea,
.rli-editor .tox input,
.rli-editor .tox .tox-dialog__footer,
.rli-editor *[style*=background] {
    background-color: transparent !important;
  }
}
@media screen and (prefers-color-scheme: dark) {
  .rli-editor {
    background-color: #1f1f1f;
  }
}
@media screen {
  .rli-editor > div > div {
    background-color: transparent !important;
  }
}
@media screen {
  .rli-editor > div > div > div > div > div:first-child .title-input {
    color: var(--g-headerTextColor) !important;
    margin: 0.5rem 1rem 0;
    padding-top: 0 !important;
    font-weight: 700 !important;
    font-size: 2rem !important;
    max-width: calc(100% - 40px);
  }
  .rli-editor > div > div > div > div > div:first-child .updated-time-label {
    color: var(--g-secondaryLabelColor) !important;
    font-family: var(--s-font-family-system) !important;
    font-size: 1.1rem;
    margin-top: 0rem;
    margin-right: 1rem;
  }
  .rli-editor > div > div > div > div > div:first-child .editor-toolbar div:nth-child(2) button {
    color: var(--g-secondaryLabelColor);
    margin: 0 0.2rem;
    font-family: var(--s-font-family-system);
    line-height: 1;
  }
  .rli-editor > div > div > div > div > div:first-child .editor-toolbar div:nth-child(2) button > * {
    color: var(--g-secondaryLabelColor);
  }
  .rli-editor > div > div > div > div > div:first-child .editor-toolbar div:nth-child(2) button:hover {
    background: var(--g-quaternaryLabelColor);
  }
  .rli-editor > div > div > div > div > div:first-child .editor-toolbar div:nth-child(2) button::before {
    font-size: 1.4rem;
  }
  .rli-editor > div > div > div > div > div:first-child .editor-toolbar div:nth-child(2) a:nth-child(1) > *,
.rli-editor > div > div > div > div > div:first-child .editor-toolbar div:nth-child(2) a:nth-child(2) > *,
.rli-editor > div > div > div > div > div:first-child .editor-toolbar div:nth-child(2) a:nth-child(3) > *,
.rli-editor > div > div > div > div > div:first-child .editor-toolbar div:nth-child(2) a:nth-child(4) > *,
.rli-editor > div > div > div > div > div:first-child .editor-toolbar div:nth-child(2) a[title="Toggle outline"] > *,
.rli-editor > div > div > div > div > div:first-child .editor-toolbar div:nth-child(2) a[title="Toggle sidebar"] > *,
.rli-editor > div > div > div > div > div:first-child .editor-toolbar div:nth-child(2) a[title="Toggle note list"] > * {
    display: none;
  }
  .rli-editor > div > div > div > div > div:first-child .editor-toolbar div:nth-child(2) a:nth-child(1) {
    font-size: 0;
    overflow: hidden;
    width: 2.6rem;
  }
  .rli-editor > div > div > div > div > div:first-child .editor-toolbar div:nth-child(2) a:nth-child(1) i {
    display: block;
    color: var(--g-secondaryLabelColor);
    margin: var(--s-font-family-icons, 0.2rem 0.2rem 0);
    font-family: var(--s-font-family-system);
    line-height: 1;
    font-size: 1.4rem;
    font-weight: 400;
  }
  .rli-editor > div > div > div > div > div:first-child .editor-toolbar div:nth-child(2) a:nth-child(1) i::before {
    content: var(--s-icon-textformat-abc-dottedunderline) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
    text-transform: uppercase;
  }
  .rli-editor > div > div > div > div > div:first-child .editor-toolbar div:nth-child(2) a:nth-child(1) i[title]:not([title=""])::before {
    content: attr(title);
    font-family: var(--s-font-family-system-rounded);
    font-size: 1.4rem !important;
    font-weight: 400;
    line-height: 2.6rem;
    letter-spacing: -0.05rem;
    margin-top: 0;
  }
  .rli-editor > div > div > div > div > div:first-child .editor-toolbar div:nth-child(2) a:nth-child(2):before {
    content: var(--s-icon-alarm) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
  }
  .rli-editor > div > div > div > div > div:first-child .editor-toolbar div:nth-child(2) a:nth-child(3).disabled {
    display: none;
  }
  .rli-editor > div > div > div > div > div:first-child .editor-toolbar div:nth-child(2) a:nth-child(3):before {
    content: var(--s-icon-square-split-2x1) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
  }
  .rli-editor > div > div > div > div > div:first-child .editor-toolbar div:nth-child(2) a:nth-child(4):before {
    content: var(--s-icon-info-circle) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
  }
  .rli-editor > div > div > div > div > div:first-child .editor-toolbar div:nth-child(2) a[title="Toggle outline"]:before {
    content: var(--s-icon-list-bullet-indent) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
  }
  .rli-editor > div > div > div > div > div:first-child .editor-toolbar div:nth-child(2) a[title="Toggle sidebar"]:before {
    content: var(--s-icon-sidebar-left) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
  }
  .rli-editor > div > div > div > div > div:first-child .editor-toolbar div:nth-child(2) a[title="Toggle note list"]:before {
    content: var(--s-icon-list-bullet-rectangle) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
  }
  .rli-editor > div > div > div > div > div .tox-tbtn--enabled {
    background-color: var(--g-quaternaryLabelColor);
  }
  .rli-editor > div > div > div > div > div :has(.fa-markdown).tox-tbtn {
    display: flex;
    align-items: center;
    margin: 0 0.25rem;
    line-height: 1;
    padding: 0 !important;
    height: 2.6rem;
    width: 2.6rem !important;
    min-width: 2.6rem !important;
    line-height: 2.6rem !important;
    border-radius: 0.5rem;
  }
  .rli-editor > div > div > div > div > div :has(.fa-markdown).tox-tbtn:focus, .rli-editor > div > div > div > div > div :has(.fa-markdown).tox-tbtn:hover {
    background: var(--g-quaternaryLabelColor) !important;
  }
  .rli-editor > div > div > div > div > div :has(.fa-markdown).tox-tbtn::after {
    font-size: var(--g-font-size-1) !important;
    font-weight: normal !important;
    -webkit-font-smoothing: antialiased;
    color: var(--g-secondaryLabelColor);
    vertical-align: bottom;
    color: var(--g-secondaryLabelColor);
    width: 2.6rem;
  }
  .rli-editor > div > div > div > div > div :has(.fa-markdown).tox-tbtn.markdown-active::after {
    content: "MD";
    font-family: var(--s-font-family-system-rounded);
    font-size: 1.2rem !important;
    line-height: 2.6rem;
    font-weight: 500 !important;
  }
  .rli-editor > div > div > div > div > div :has(.fa-markdown).tox-tbtn.richText-active::after {
    content: var(--s-icon-text-below-photo) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
  }
  .rli-editor > div > div > div > div > div :has(.fa-markdown).tox-tbtn * {
    display: none !important;
  }
  .rli-editor > div > div > div > div > div:nth-child(2)[style*=padding-top] {
    padding: 0 !important;
  }
  .rli-editor > div > div > div > div > div:nth-child(2)[style*=padding-top] button {
    min-height: 0;
    height: auto;
    align-items: baseline;
    background: transparent;
    font-size: 1.3rem;
    margin-top: 0.6rem;
    margin-bottom: 0.4rem;
    margin-left: var(--joplin-editor-padding-left) !important;
    min-width: 0 !important;
    padding: 0;
  }
  .rli-editor > div > div > div > div > div:nth-child(2)[style*=padding-top] button span {
    color: var(--g-textColor);
  }
  .rli-editor > div > div > div > div > div:nth-child(2)[style*=padding-top] button .icon-notebooks::before {
    content: var(--s-icon-folder) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
    color: var(--s-accentColor);
    font-family: var(--s-font-family-system);
    font-size: 1.3rem;
    font-weight: 400;
  }
  .rli-editor > div > div > div > div > div [style*="border-left: 1px"] {
    border-color: var(--g-gridColor) !important;
  }
  .rli-editor > div > div > div > div > div [style*="border-left: 1px"] [style*="width: 1px; max-width: 1px;"] {
    border-left: none;
  }
}
@media screen {
  .rli-editor .joplin-tinymce > div,
.rli-editor .editor-toolbar,
.rli-editor .tox .tox-toolbar__group,
.rli-editor .joplin-tinymce .tox .tox-toolbar__primary {
    background-color: transparent !important;
    border: none !important;
  }
}
@media screen {
  .rli-editor .joplin-tinymce > div:first-child {
    padding-top: 0.4rem !important;
    margin-top: 0.2rem;
  }
}
@media screen {
  .rli-editor .joplin-tinymce > div:first-child,
.rli-editor .editor-toolbar > div:first-child {
    margin-left: -0.6rem;
  }
  .rli-editor .joplin-tinymce > div:first-child > button,
.rli-editor .editor-toolbar > div:first-child > button {
    display: flex;
    align-items: center;
    margin: 0 0.25rem;
    line-height: 1;
    padding: 0 !important;
    height: 2.6rem;
    width: 2.6rem !important;
    min-width: 2.6rem !important;
    line-height: 2.6rem !important;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .rli-editor .joplin-tinymce > div:first-child > button:focus, .rli-editor .joplin-tinymce > div:first-child > button:hover,
.rli-editor .editor-toolbar > div:first-child > button:focus,
.rli-editor .editor-toolbar > div:first-child > button:hover {
    background: var(--g-quaternaryLabelColor) !important;
  }
  .rli-editor .joplin-tinymce > div:first-child > button span,
.rli-editor .editor-toolbar > div:first-child > button span {
    display: block;
    font-size: 1.4rem;
  }
  .rli-editor .joplin-tinymce > div:first-child > button span:before,
.rli-editor .editor-toolbar > div:first-child > button span:before {
    font-size: var(--g-font-size-1) !important;
    font-weight: normal !important;
    -webkit-font-smoothing: antialiased;
    color: var(--g-secondaryLabelColor);
    vertical-align: bottom;
  }
  .rli-editor .joplin-tinymce > div:first-child > button:nth-of-type(3):nth-of-type(3),
.rli-editor .editor-toolbar > div:first-child > button:nth-of-type(3):nth-of-type(3) {
    min-width: 2.6rem !important;
    font-size: 0 !important;
  }
  .rli-editor .joplin-tinymce > div:first-child > button:nth-of-type(3):nth-of-type(3) span,
.rli-editor .editor-toolbar > div:first-child > button:nth-of-type(3):nth-of-type(3) span {
    margin-right: 0 !important;
  }
  .rli-editor .joplin-tinymce > div:first-child > button:nth-of-type(3):nth-of-type(3) span[title]:not([title=""])::before,
.rli-editor .editor-toolbar > div:first-child > button:nth-of-type(3):nth-of-type(3) span[title]:not([title=""])::before {
    color: var(--s-accentColor) !important;
    content: var(--s-icon-arrow-up-right-square-fill) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
  }
  .rli-editor .joplin-tinymce > div:first-child > button:nth-of-type(3):nth-of-type(3) span::before,
.rli-editor .editor-toolbar > div:first-child > button:nth-of-type(3):nth-of-type(3) span::before {
    content: var(--s-icon-arrow-up-forward-app) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
  }
  .rli-editor .joplin-tinymce > div:first-child > button:nth-of-type(3):nth-of-type(3) span:not(:first-child),
.rli-editor .editor-toolbar > div:first-child > button:nth-of-type(3):nth-of-type(3) span:not(:first-child) {
    display: none;
  }
}
@media screen {
  .rli-editor .tox-toolbar__group {
    padding-left: 0;
    padding-right: 0;
    position: relative;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .rli-editor .tox-toolbar__group::before {
    content: "";
    background-color: var(--g-separatorColor);
    height: 100%;
    width: 0.1rem;
    margin: 0 0.65rem;
  }
  .rli-editor .tox-toolbar__group button,
.rli-editor .tox-toolbar__group button[aria-haspopup=true] {
    display: flex;
    align-items: center;
    margin: 0 0.25rem;
    line-height: 1;
    padding: 0 !important;
    height: 2.6rem;
    width: 2.6rem !important;
    min-width: 2.6rem !important;
    line-height: 2.6rem !important;
    border-radius: 0.5rem;
  }
  .rli-editor .tox-toolbar__group button:focus, .rli-editor .tox-toolbar__group button:hover,
.rli-editor .tox-toolbar__group button[aria-haspopup=true]:focus,
.rli-editor .tox-toolbar__group button[aria-haspopup=true]:hover {
    background: var(--g-quaternaryLabelColor) !important;
  }
  .rli-editor .tox-toolbar__group button:before,
.rli-editor .tox-toolbar__group button[aria-haspopup=true]:before {
    font-size: var(--g-font-size-1) !important;
    font-weight: normal !important;
    -webkit-font-smoothing: antialiased;
    color: var(--g-secondaryLabelColor);
    vertical-align: bottom;
  }
  .rli-editor .tox-toolbar__group svg {
    display: none !important;
  }
}
@media screen {
  .rli-editor .tox-toolbar__group:nth-child(1) button:nth-child(1):before {
    content: var(--s-icon-bold) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
  }
  .rli-editor .tox-toolbar__group:nth-child(1) button:nth-child(2):before {
    content: var(--s-icon-italic) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
  }
  .rli-editor .tox-toolbar__group:nth-child(1) button:nth-child(3):before {
    content: var(--s-icon-highlighter) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
  }
  .rli-editor .tox-toolbar__group:nth-child(1) button:nth-child(4):before {
    content: var(--s-icon-strikethrough) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
  }
  .rli-editor .tox-toolbar__group:nth-child(1) button:nth-child(5) {
    width: 2.6rem !important;
    min-width: 0;
  }
  .rli-editor .tox-toolbar__group:nth-child(1) button:nth-child(5):before {
    content: var(--s-icon-ellipsis) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
  }
}
@media screen {
  .rli-editor .tox-toolbar__group:nth-child(2) button:nth-child(1):before {
    content: var(--s-icon-link) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
  }
  .rli-editor .tox-toolbar__group:nth-child(2) button:nth-child(2):before {
    content: var(--s-icon-chevron-left-slash-chevron-right) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
  }
  .rli-editor .tox-toolbar__group:nth-child(2) button:nth-child(3):before {
    content: var(--s-icon-curlybraces) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
  }
  .rli-editor .tox-toolbar__group:nth-child(2) button:nth-child(4):before {
    content: var(--s-icon-paperclip) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
  }
}
@media screen {
  .rli-editor .tox-toolbar__group:nth-child(3) button:nth-child(1):before {
    content: var(--s-icon-list-bullet) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
  }
  .rli-editor .tox-toolbar__group:nth-child(3) button:nth-child(2):before {
    content: var(--s-icon-list-number) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
  }
  .rli-editor .tox-toolbar__group:nth-child(3) button:nth-child(3):before {
    content: var(--s-icon-text-badge-checkmark) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
  }
}
@media screen {
  .rli-editor .tox-toolbar__group:nth-child(4) button:nth-child(1):before,
.rli-editor .tox-toolbar__group:nth-child(4) button:nth-child(2):before,
.rli-editor .tox-toolbar__group:nth-child(4) button:nth-child(3):before {
    font-family: var(--s-font-family-system);
  }
  .rli-editor .tox-toolbar__group:nth-child(4) .tox-tbtn__select-label {
    display: none;
  }
  .rli-editor .tox-toolbar__group:nth-child(4) button:nth-child(1):before,
.rli-editor .tox-toolbar__group:nth-child(4) button:nth-child(2):before,
.rli-editor .tox-toolbar__group:nth-child(4) button:nth-child(3):before {
    font-family: var(--s-font-family-system-rounded);
  }
  .rli-editor .tox-toolbar__group:nth-child(4) button:nth-child(1):before {
    content: "H1";
  }
  .rli-editor .tox-toolbar__group:nth-child(4) button:nth-child(2):before {
    content: "H2";
  }
  .rli-editor .tox-toolbar__group:nth-child(4) button:nth-child(3):before {
    content: "H3";
  }
}
@media screen {
  .rli-editor .tox-toolbar__group:nth-child(5) button:nth-child(1):before {
    content: var(--s-icon-minus) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
  }
}
@media screen {
  .rli-editor .tox-toolbar__group:nth-child(6) button:nth-child(1):before {
    content: var(--s-icon-text-quote) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
  }
}
@media screen {
  .rli-editor .tox-toolbar__group:nth-child(7) button:nth-child(1):before {
    content: var(--s-icon-tablecells-badge-ellipsis) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
  }
}
@media screen {
  .rli-editor .tox-toolbar__group:nth-child(8) button:nth-child(1):before {
    content: var(--s-icon-clock) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
  }
}
@media screen {
  .rli-editor .tox-editor-header {
    margin-left: 0px;
    padding-left: 9.35rem;
    padding-right: 6rem;
  }
  .rli-editor .tox-editor-header:after {
    content: "";
    background-color: var(--g-separatorColor);
    height: 0.1rem;
    position: absolute;
    left: -0.7rem;
    right: 0;
  }
}
@media screen {
  .rli-editor .tox-tinymce {
    overflow: unset;
  }
}
@media screen {
  .rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar:after {
    content: "";
    background-color: var(--g-separatorColor);
    height: 0.1rem;
    position: absolute;
    left: -0.7rem;
    right: 0;
    bottom: 0;
  }
  .rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar div > span {
    position: relative;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar div > span::before {
    content: "";
    background-color: var(--g-separatorColor);
    height: 100%;
    width: 0.1rem;
    margin: 0 0.65rem;
  }
  .rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button {
    display: flex;
    align-items: center;
    margin: 0 0.25rem;
    line-height: 1;
    padding: 0 !important;
    height: 2.6rem;
    width: 2.6rem !important;
    min-width: 2.6rem !important;
    line-height: 2.6rem !important;
    border-radius: 0.5rem;
  }
  .rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button:focus, .rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button:hover {
    background: var(--g-quaternaryLabelColor) !important;
  }
  .rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button span {
    font-size: 0;
  }
  .rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button span::before,
.rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button i::before {
    font-size: var(--g-font-size-1) !important;
    font-weight: normal !important;
    -webkit-font-smoothing: antialiased;
    color: var(--g-secondaryLabelColor);
    vertical-align: bottom;
    font-weight: inherit !important;
  }
  .rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button .icon-bold::before {
    content: var(--s-icon-bold) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
  }
  .rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button .icon-italic::before {
    content: var(--s-icon-italic) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
  }
  .rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button .icon-link::before {
    content: var(--s-icon-link) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
  }
  .rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button .icon-code::before {
    content: var(--s-icon-chevron-left-slash-chevron-right) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
  }
  .rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button .icon-attachment::before {
    content: var(--s-icon-paperclip) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
  }
  .rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button .icon-bulleted-list::before {
    content: var(--s-icon-list-bullet) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
  }
  .rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button .icon-numbered-list::before {
    content: var(--s-icon-list-number) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
  }
  .rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button .icon-to-do-list::before {
    content: var(--s-icon-text-badge-checkmark) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
  }
  .rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button .icon-heading::before {
    content: "H2";
    font-family: var(--s-font-family-system-rounded);
  }
  .rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button .fa-ellipsis-h::before {
    content: var(--s-icon-minus) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
  }
  .rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button .icon-add-date::before {
    content: var(--s-icon-clock) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
  }
  .rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button .fa-ellipsis-h::before,
.rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button .fa-highlighter::before,
.rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button .fa-strikethrough::before,
.rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button .fa-underline::before,
.rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button .fa-superscript::before,
.rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button .fa-subscript::before,
.rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button .fa-hand-point-left::before {
    font-weight: 500 !important;
  }
  .rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button .fa-highlighter::before {
    content: var(--s-icon-highlighter) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
  }
  .rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button .fa-strikethrough::before {
    content: var(--s-icon-strikethrough) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
  }
  .rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button .fa-underline::before {
    content: var(--s-icon-underline) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
  }
  .rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button .fa-subscript::before {
    content: var(--s-icon-textformat-subscript) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
  }
  .rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button .fa-superscript::before {
    content: var(--s-icon-textformat-superscript) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
  }
  .rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button .fa-hand-point-left::before {
    content: var(--s-icon-link-circle) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
  }
}
@media screen {
  .tox .tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow {
    background: var(--g-windowBackgroundColor) !important;
    box-shadow: 0 0 1px rgba(var(--g-shadowColor--rgb), 0.4), 0 2px 8px rgba(var(--g-shadowColor--rgb), 0.2) !important;
    max-width: none !important;
    padding: 0.5rem !important;
    border-color: transparent !important;
  }
  .tox .tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow .tox-toolbar__group {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    padding: 0;
  }
  .tox .tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow .tox-toolbar__group:focus-within:hover:not(:hover),
.tox .tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow .tox-toolbar__group:focus-within:hover .tox-split-button:not(:hover) {
    background-color: transparent !important;
    border-radius: 0.4rem;
    color: var(--g-controlTextColor) !important;
    line-height: 1;
    min-height: 2.2rem;
    height: 2.2rem;
    padding: 0 1rem !important;
    font-size: 1.3rem !important;
  }
  .tox .tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow .tox-toolbar__group:focus-within:hover:not(:hover) *,
.tox .tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow .tox-toolbar__group:focus-within:hover .tox-split-button:not(:hover) * {
    font-size: 1.3rem !important;
  }
  .tox .tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow .tox-toolbar__group:focus-within:hover:not(:hover) svg,
.tox .tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow .tox-toolbar__group:focus-within:hover .tox-split-button:not(:hover) svg {
    fill: var(--g-controlTextColor) !important;
  }
  .tox .tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow .tox-toolbar__group button,
.tox .tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow .tox-toolbar__group .tox-split-button {
    background-color: transparent !important;
    border-radius: 0.4rem;
    color: var(--g-controlTextColor) !important;
    line-height: 1;
    min-height: 2.2rem;
    height: 2.2rem;
    padding: 0 1rem !important;
    font-size: 1.3rem !important;
    justify-content: flex-start;
    flex: 1;
    text-align: left;
    width: 100%;
    box-sizing: border-box;
  }
  .tox .tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow .tox-toolbar__group button *,
.tox .tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow .tox-toolbar__group .tox-split-button * {
    font-size: 1.3rem !important;
  }
  .tox .tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow .tox-toolbar__group button svg,
.tox .tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow .tox-toolbar__group .tox-split-button svg {
    fill: var(--g-controlTextColor) !important;
  }
  .tox .tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow .tox-toolbar__group button:focus, .tox .tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow .tox-toolbar__group button:hover,
.tox .tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow .tox-toolbar__group .tox-split-button:focus,
.tox .tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow .tox-toolbar__group .tox-split-button:hover {
    background: var(--s-accentColor) !important;
    color: #fff !important;
  }
  .tox .tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow .tox-toolbar__group button:focus svg, .tox .tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow .tox-toolbar__group button:hover svg,
.tox .tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow .tox-toolbar__group .tox-split-button:focus svg,
.tox .tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow .tox-toolbar__group .tox-split-button:hover svg {
    fill: #fff !important;
  }
  .tox .tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow .tox-toolbar__group button:after,
.tox .tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow .tox-toolbar__group .tox-split-button:after {
    padding: 0.5rem 0;
    color: inherit;
    content: attr(aria-label);
    text-align: left;
  }
  .tox .tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow .tox-toolbar__group span {
    display: none;
  }
}
@media screen {
  .tox .tox-menu.tox-swatches-menu {
    background: var(--g-windowBackgroundColor) !important;
    box-shadow: 0 0 1px rgba(var(--g-shadowColor--rgb), 0.4), 0 2px 8px rgba(var(--g-shadowColor--rgb), 0.2) !important;
    max-width: none !important;
    padding: 0.5rem !important;
    border-color: transparent !important;
  }
}
@media screen {
  .tox-menu {
    background: var(--g-windowBackgroundColor) !important;
    box-shadow: 0 0 1px rgba(var(--g-shadowColor--rgb), 0.4), 0 2px 8px rgba(var(--g-shadowColor--rgb), 0.2) !important;
    max-width: none !important;
    padding: 0.5rem !important;
    border-color: transparent !important;
  }
  .tox-menu .tox-collection__group {
    border: none !important;
    padding: 0 !important;
  }
  .tox-menu .tox-collection__group + *:before {
    content: "";
    display: block;
    height: 0.1rem;
    margin: 0.5rem 0.8rem !important;
    background-color: var(--g-separatorColor);
  }
  .tox-menu .tox-collection:focus-within:hover__item:focus:not(:hover) {
    background-color: transparent !important;
    border-radius: 0.4rem;
    color: var(--g-controlTextColor) !important;
    line-height: 1;
    min-height: 2.2rem;
    height: 2.2rem;
    padding: 0 1rem !important;
    font-size: 1.3rem !important;
  }
  .tox-menu .tox-collection:focus-within:hover__item:focus:not(:hover) * {
    font-size: 1.3rem !important;
  }
  .tox-menu .tox-collection:focus-within:hover__item:focus:not(:hover) svg {
    fill: var(--g-controlTextColor) !important;
  }
  .tox-menu .tox-collection__item {
    background-color: transparent !important;
    border-radius: 0.4rem;
    color: var(--g-controlTextColor) !important;
    line-height: 1;
    min-height: 2.2rem;
    height: 2.2rem;
    padding: 0 1rem !important;
    font-size: 1.3rem !important;
  }
  .tox-menu .tox-collection__item * {
    font-size: 1.3rem !important;
  }
  .tox-menu .tox-collection__item svg {
    fill: var(--g-controlTextColor) !important;
  }
  .tox-menu .tox-collection__item:focus, .tox-menu .tox-collection__item:hover {
    background: var(--s-accentColor) !important;
    color: #fff !important;
  }
  .tox-menu .tox-collection__item:focus svg, .tox-menu .tox-collection__item:hover svg {
    fill: #fff !important;
  }
  .tox-menu .tox-collection__item-icon {
    display: none !important;
  }
  .tox-menu .tox-collection__item-label {
    font-size: inherit;
    margin-left: 0 !important;
  }
}
@media screen {
  .tox-insert-table-picker {
    color: var(--g-textColor) !important;
  }
  .tox-insert-table-picker > div {
    background: var(--g-windowBackgroundColor) !important;
    border-color: var(--g-separatorColor) !important;
  }
  .tox-insert-table-picker > div.tox-insert-table-picker__selected {
    background-color: var(--s-accentColor) !important;
  }
  .tox-insert-table-picker .tox-insert-table-picker__label {
    background: var(--g-windowBackgroundColor) !important;
    color: inherit !important;
  }
}
@media screen {
  .tag-bar {
    padding-bottom: 0.6rem !important;
  }

  .tag-bar > div {
    position: relative;
    align-items: baseline !important;
  }
  .tag-bar button {
    padding: 0 !important;
    width: 1.8rem;
    margin-top: 0.2rem;
  }
  .tag-bar button:hover {
    background-color: transparent !important;
  }
  .tag-bar div > span {
    color: var(--g-secondaryLabelColor) !important;
  }
  .tag-bar div > span::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 100%;
  }
  .tag-bar .icon-tags {
    font-size: var(--g-font-size-1) !important;
    font-weight: normal !important;
    -webkit-font-smoothing: antialiased;
    color: var(--g-secondaryLabelColor);
    vertical-align: bottom;
    height: 1.8rem;
  }
  .tag-bar .icon-tags::before {
    font-family: "SF Pro";
    content: var(--s-icon-tag) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
  }
  .tag-bar .tag-list span {
    background-color: var(--g-gridColor) !important;
    border-radius: 0.2rem !important;
    color: var(--g-textColor) !important;
    font-size: 1.1rem !important;
    line-height: 1.4rem !important;
    margin-right: 0.4rem !important;
    padding: 0 0.4rem !important;
  }
  .tag-bar .tag-list span:last-child {
    margin-right: 0.8rem !important;
  }
  .tag-bar .tag-list button {
    color: var(--g-secondaryLabelColor) !important;
    display: contents !important;
  }
  .tag-bar .tag-list button::after {
    content: ", ";
    white-space: pre;
  }
  .tag-bar .tag-list button:last-child::after {
    padding-right: 1rem;
    content: "";
  }
}
@media screen {
  .note-search-bar {
    border-top-color: var(--g-gridColor) !important;
    padding-left: 0.8rem;
    position: relative;
    width: 100%;
  }
  .note-search-bar input {
    border: none !important;
    background-color: var(--g-controlBackgroundColor) !important;
    border-radius: 0.5rem;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3), 0px 0px 1px rgba(0, 0, 0, 0.15), 0 0 0 16px hsla(var(--s-controlAccentColor--hsl), 0) !important;
    color: var(--g-textColor) !important;
    height: 2rem;
    padding: 0 0 0 1rem;
  }
  .note-search-bar input:focus-within, .note-search-bar input:focus {
    transition: 0.25s box-shadow cubic-bezier(0.61, 1, 0.88, 1);
    transition-delay: 0.125s;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3), 0px 0px 1px rgba(0, 0, 0, 0.15), 0 0 0 0.35rem hsla(var(--s-controlAccentColor--hsl), 0.5) !important;
  }
  .note-search-bar a {
    padding: 0 !important;
  }
  .note-search-bar a .fas {
    color: var(--g-secondaryLabelColor) !important;
    font-size: 1.4rem !important;
  }
  .note-search-bar .fa-chevron-down::before {
    content: var(--s-icon-chevron-down) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
    font-weight: 500;
  }
  .note-search-bar .fa-chevron-up::before {
    content: var(--s-icon-chevron-up) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
    font-weight: 500;
  }
  .note-search-bar > div > a:first-child {
    position: absolute;
    right: 0.7rem;
    top: 50%;
  }
  .note-search-bar > div > a:first-child .fa-times {
    font-size: 13px;
    font-weight: normal;
  }
  .note-search-bar > div > a:first-child .fa-times::after {
    content: var(--s-icon-xmark) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
    color: var(--g-secondaryLabelColor);
    font-weight: 500;
    transform: translateY(-50%) scale(var(--s-icon-size-factor, 1));
  }
  .note-search-bar > div > div {
    color: var(--g-secondaryLabelColor) !important;
    padding-left: 1rem;
  }
}
@media screen {
  .rli-noteList {
    --notelist--Background: var(--g-primary-Background);
    --notelist--item--Line-height: 3.6rem;
  }
  .rli-noteList > div > div {
    background-color: var(--notelist--Background);
  }
  .rli-noteList > div > div > div:first-child {
    background-color: transparent;
    height: auto;
    width: 100%;
    padding: 1.2rem 0.6rem 1.2rem 1.2rem;
  }
  .rli-noteList .search-and-sort,
.rli-noteList .new-note-todo-buttons {
    align-items: center;
  }
  .rli-noteList .search-bar {
    position: relative;
  }
  .rli-noteList .search-bar input[type=search] {
    box-shadow: 0 0 0 16px hsla(var(--g-controlAccentColor--hsl), 0);
    border: 1px solid var(--g-separatorColor);
    background: var(--g-controlBackgroundColor);
    border-radius: 0.6rem;
    color: var(--g-controlTextColor);
    font-size: 1.3rem;
    height: 3.2rem;
    max-height: none;
    padding: 0 0 0 3rem !important;
    width: 100%;
    flex: 1 0 100%;
  }
  .rli-noteList .search-bar input[type=search]:focus {
    transition: 0.25s box-shadow cubic-bezier(0.61, 1, 0.88, 1);
    transition-delay: 0.125s;
    box-shadow: 0 0 0 0.35rem hsla(var(--g-controlAccentColor--hsl), 0.5);
  }
  .rli-noteList .search-bar input[type=search]:not([value=""]) {
    padding-right: 2.5rem !important;
  }
  .rli-noteList .search-bar input[type=search]::placeholder {
    color: var(--g-tertiaryLabelColor);
  }
  .rli-noteList .search-bar::after {
    content: var(--s-icon-magnifyingglass) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
    transform: translateY(-50%) scale(var(--s-icon-size-factor, 1));
    position: absolute;
    left: 0;
    color: var(--g-secondaryLabelColor);
    font-size: calc(var(--u-font-family-icons, 1) * 1.7rem);
    font-weight: normal !important;
    top: 50%;
    left: 0.8rem;
    pointer-events: none;
  }
  .rli-noteList .search-bar .icon-search {
    display: none;
  }
  .rli-noteList .search-bar .fa-times {
    font-size: 13px;
    font-weight: normal;
  }
  .rli-noteList .search-bar .fa-times::after {
    content: var(--s-icon-xmark-circle-fill) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
    color: var(--g-secondaryLabelColor);
    display: block;
    position: absolute;
    right: 0.7rem;
    top: 50%;
    transform: translateY(-50%) scale(var(--s-icon-size-factor, 1));
  }
  .rli-noteList .search-bar + div {
    position: absolute;
    right: 1rem;
  }
  .rli-noteList .search-bar > div > button > span::before {
    display: none !important;
  }
  .rli-noteList :has(> .new-note-todo-buttons) {
    flex-direction: row !important;
  }
  .rli-noteList .new-note-todo-buttons {
    display: flex;
    order: 1;
    padding-right: 3.5rem;
  }
  .rli-noteList .new-note-todo-buttons .new-todo-button,
.rli-noteList .new-note-todo-buttons .new-note-button {
    background: none;
    border-radius: 0.6rem;
    border: none;
    cursor: default;
    margin-left: 0;
    min-height: 0;
    min-width: 0;
    padding: 0;
    max-height: none;
    max-width: none;
    height: 3.2rem;
    width: 3.2rem;
  }
  .rli-noteList .new-note-todo-buttons .new-todo-button:focus-visible, .rli-noteList .new-note-todo-buttons .new-todo-button:hover,
.rli-noteList .new-note-todo-buttons .new-note-button:focus-visible,
.rli-noteList .new-note-todo-buttons .new-note-button:hover {
    background: var(--g-quaternaryLabelColor);
  }
  .rli-noteList .new-note-todo-buttons .new-todo-button:before,
.rli-noteList .new-note-todo-buttons .new-note-button:before {
    color: var(--g-secondaryLabelColor) !important;
    display: block;
    font-size: var(--g-font-size-2);
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    transform: translateY(0.05rem);
  }
  .rli-noteList .new-note-todo-buttons .new-todo-button span,
.rli-noteList .new-note-todo-buttons .new-note-button span {
    display: none;
  }
  .rli-noteList .new-note-todo-buttons .new-note-button {
    margin-left: 0.1rem;
  }
  .rli-noteList .new-note-todo-buttons .new-todo-button:before {
    content: var(--s-icon-checkmark-circle) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
  }
  .rli-noteList .new-note-todo-buttons .new-note-button:before {
    content: var(--s-icon-square-and-pencil) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
  }
  .rli-noteList .sort-order-field-button {
    border: none;
    cursor: default;
    border-radius: 0.6rem;
    background-color: transparent;
  }
  .rli-noteList .sort-order-field-button .fas,
.rli-noteList .sort-order-field-button .far {
    font-size: var(--g-font-size-2);
    font-weight: 500;
    color: var(--g-secondaryLabelColor);
  }
  .rli-noteList .sort-order-field-button .fa-calendar-alt::before {
    content: var(--s-icon-clock) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
  }
  .rli-noteList .sort-order-field-button .fa-calendar-plus::before {
    content: var(--s-icon-calendar) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
  }
  .rli-noteList .sort-order-field-button .fa-font::before {
    content: var(--s-icon-character) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
  }
  .rli-noteList .sort-order-field-button .fa-calendar-check::before {
    content: var(--s-icon-checkmark-square) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
  }
  .rli-noteList .sort-order-field-button .fa-check::before {
    content: var(--s-icon-checkmark-square) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
  }
  .rli-noteList .sort-order-field-button .fa-wrench::before {
    content: var(--s-icon-arrow-up-arrow-down) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
  }
  .rli-noteList .sort-order-field-button:focus-visible, .rli-noteList .sort-order-field-button:hover {
    background: var(--g-quaternaryLabelColor);
  }
  .rli-noteList .sort-order-reverse-button {
    background: var(--notelist--Background) !important;
    border: none;
    border-radius: 50%;
    height: 1.2rem !important;
    margin-left: -11px !important;
    min-height: 0;
    padding: 0;
    position: relative;
    top: 13px !important;
    width: 1.2rem;
    cursor: default;
  }
  .rli-noteList .sort-order-reverse-button .fa-long-arrow-alt-down::before,
.rli-noteList .sort-order-reverse-button .fa-long-arrow-alt-up::before {
    color: var(--g-secondaryLabelColor);
    font-weight: 700;
    font-size: 10px;
  }
  .rli-noteList .sort-order-reverse-button .fa-long-arrow-alt-up::before {
    content: var(--s-icon-arrow-up-circle-fill) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
  }
  .rli-noteList .sort-order-reverse-button .fa-long-arrow-alt-down::before {
    content: var(--s-icon-arrow-down-circle-fill) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
  }
  .rli-noteList .note-list {
    padding: 0 1rem 1rem;
    width: auto !important;
    overflow: hidden overlay !important;
  }
  .rli-noteList .note-list .title {
    color: var(--g-textColor) !important;
    font-size: 1.2rem !important;
  }
  .rli-noteList .note-list div:nth-last-of-type(2):not(:empty):before {
    content: none;
  }
  .rli-noteList :has(.note-list-header) {
    color: var(--g-labelColor) !important;
    font-size: 1.2rem !important;
    font-family: "Courier New", Courier, monospace !important;
  }
  .rli-noteList :has(.note-list-header) .note-list-header {
    font-weight: 500;
    border-bottom: 0.1rem solid var(--g-separatorColor);
    margin: 0 1rem 0 1.5rem;
  }
  .rli-noteList :has(.note-list-header) .note-list-header .-first .inner {
    padding: 0;
  }
  .rli-noteList :has(.note-list-header) .note-list-header [data-name="note.is_todo"] .inner {
    display: none;
  }
  .rli-noteList :has(.note-list-header) .row {
    gap: 1rem !important;
  }
  .rli-noteList :has(.note-list-header) .row:hover {
    background: transparent;
  }
  .rli-noteList :has(.note-list-header) .row .item {
    opacity: 1 !important;
    padding-right: 0.5rem !important;
  }
  .rli-noteList :has(.note-list-header) .row .item:not(:first-child) {
    padding-left: 0 !important;
  }
  .rli-noteList :has(.note-list-header) .row.-selected {
    background: var(--s-accentColor--selected) !important;
    border-radius: 0.4rem;
    color: var(--g-alternateSelectedControlTextColor) !important;
  }
  .rli-noteList .todo-list-item,
.rli-noteList .note-list-item {
    border-radius: 0.4rem;
    height: auto;
    line-height: var(--notelist--item--Line-height);
  }
  .rli-noteList .todo-list-item.odd::before, .rli-noteList .todo-list-item.even::before,
.rli-noteList .note-list-item.odd::before,
.rli-noteList .note-list-item.even::before {
    content: var(--u-note-list-dividers, "");
  }
  .rli-noteList .todo-list-item.odd,
.rli-noteList .note-list-item.odd {
    background: var(--u-note-list-zebra-color-odd, var(--g-alternatingContentBackgroundColorsOdd));
  }
  .rli-noteList .todo-list-item.even,
.rli-noteList .note-list-item.even {
    background: var(--u-note-list-zebra-color-even, var(--g-alternatingContentBackgroundColorsEven));
  }
  .rli-noteList .todo-list-item:hover,
.rli-noteList .note-list-item:hover {
    background-color: transparent;
  }
  .rli-noteList .todo-list-item a,
.rli-noteList .note-list-item a {
    padding: 0 1rem !important;
    font-size: 1.2rem !important;
    color: var(--g-labelColor) !important;
  }
  .rli-noteList .todo-list-item .fa-share-square,
.rli-noteList .note-list-item .fa-share-square {
    order: 1;
    margin-left: auto;
  }
  .rli-noteList .todo-list-item .fa-share-square::before,
.rli-noteList .note-list-item .fa-share-square::before {
    content: var(--s-icon-arrow-up-right-square-fill) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
    color: var(--s-accentColor);
    font-weight: 400;
  }
  .rli-noteList .todo-list-item mark,
.rli-noteList .note-list-item mark {
    background: var(--g-systemYellow);
    color: var(--g-textColorDark) !important;
    border-radius: 0.2rem;
  }
  .rli-noteList .todo-list-item > .content.-selected,
.rli-noteList .note-list-item > .content.-selected {
    background: var(--s-accentColor--selected) !important;
    border-radius: 0.4rem;
  }
  .rli-noteList .todo-list-item > .content.-selected a,
.rli-noteList .todo-list-item > .content.-selected span,
.rli-noteList .note-list-item > .content.-selected a,
.rli-noteList .note-list-item > .content.-selected span {
    color: var(--g-alternateSelectedControlTextColor) !important;
  }
  .rli-noteList .todo-list-item > .content.-selected mark,
.rli-noteList .note-list-item > .content.-selected mark {
    background: var(--g-systemYellow);
    color: var(--g-textColorDark) !important;
  }
  .rli-noteList .todo-list-item > .content.-selected:before,
.rli-noteList .note-list-item > .content.-selected:before {
    top: -1px;
    bottom: auto;
    border-color: var(--notelist--Background);
  }
  .rli-noteList .todo-list-item > .content.-selected .fa-share-square::before,
.rli-noteList .note-list-item > .content.-selected .fa-share-square::before {
    color: var(--g-alternateSelectedControlTextColor);
  }
  .rli-noteList .todo-list-item > .content.-selected + .-selected:before,
.rli-noteList .note-list-item > .content.-selected + .-selected:before {
    border-color: transparent;
  }
  .rli-noteList .todo-list-item > .content.-selected + .-selected:after,
.rli-noteList .note-list-item > .content.-selected + .-selected:after {
    content: "";
    background-color: var(--g-separatorColor);
    position: absolute;
    height: 0.1rem;
    top: 0.4rem;
    left: 1rem;
    right: 1rem;
  }
  .rli-noteList .todo-list-item::before,
.rli-noteList .note-list-item::before {
    border-color: var(--g-separatorColor);
    left: 10px;
    right: 0px;
    width: auto;
  }
  .rli-noteList .todo-list-item > a > span,
.rli-noteList .note-list-item > a > span {
    color: inherit;
    font-family: var(--s-font-family-system);
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .rli-noteList .todo-list-item > div {
    padding-left: 1rem !important;
  }
  .rli-noteList .todo-list-item input {
    align-items: center;
    appearance: none;
    border-radius: 50%;
    border: 0.1rem solid var(--g-tertiaryLabelColor);
    display: flex;
    height: 1.5rem;
    justify-content: center;
    margin: 0 -0.3rem -0.2rem 0 !important;
    position: relative;
    width: 1.5rem;
  }
  .rli-noteList .todo-list-item input:checked {
    background-color: var(--s-controlAccentColor);
    border-color: transparent;
  }
  .rli-noteList .todo-list-item input:checked:after {
    content: var(--s-icon-checkmark) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
    position: absolute;
    color: var(--g-alternateSelectedControlTextColor);
    font-size: 0.9rem;
  }
  .rli-noteList .todo-list-item.-selected input {
    border-color: hsla(var(--g-controlColor--hsl), 0.5);
  }
  .rli-noteList .todo-list-item.-selected input:checked {
    border-color: transparent;
    background-color: rgba(var(--g-alternateSelectedControlTextColor--rgb), 0.898);
  }
  .rli-noteList .todo-list-item.-selected input:checked:after {
    color: var(--s-accentColor);
  }
  .rli-noteList > div > div > div:last-child {
    background-color: transparent !important;
  }
  .rli-noteList > div > div > div:last-child {
    border-right: none;
  }

  .rli-noteList .note-list .checkbox > input {
    accent-color: var(--g-controlBackgroundColor) !important;
    appearance: none !important;
    background-color: transparent !important;
    height: 1em !important;
    width: 1em !important;
    border-radius: 1em !important;
    border: 0.1em solid var(--g-controlTextColor) !important;
    opacity: .7;
    /*border: 0.1em solid #b9b9b9 !important;*/
  } 

  .rli-noteList .note-list .content.-selected .checkbox > input {
    opacity: 1;
  }

  .rli-noteList .note-list .checkbox > input:checked::after {
    content: '';
    position: absolute;
    top: 0.94em;
    left: 1.3em;
    width: 0.25em;
    height: 0.45em;
    border: solid var(--g-controlTextColor);

    border-width: 0 0.15em 0.15em 0;
    transform: rotate(45deg);
    pointer-events: none;
  }

}
/* @media screen {
  .dialog-modal-layer {
    background: rgba(var(--g-underPageBackgroundColor--rgb), 0.5) !important;
    height: 100% !important;
  }
  .dialog-modal-layer *[style*="color:"] {
    color: var(--g-textColor) !important;
  }
} */

@media screen {
  .modal-layer {
    background: rgba(var(--g-underPageBackgroundColor--rgb), 0.5) !important;
    height: 100% !important;
    align-items: center !important;
  }
}
@media screen {
  .modal-dialog {
    backdrop-filter: blur(10px) saturate(100%) contrast(45%) brightness(130%);
    background-color: var(--g-windowBackgroundColor) !important;
    padding: 2rem !important;
    border-radius: 1.2rem !important;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.8), 0px 0px 20px rgba(0, 0, 0, 0.15), 0px 25px 30px rgba(0, 0, 0, 0.35) !important;
  }
  .modal-dialog > div:first-child input[type=text],
.modal-dialog .datetime-picker input[type=text] {
    border: none !important;
    background-color: var(--g-controlBackgroundColor) !important;
    border-radius: 0.5rem;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3), 0px 0px 1px rgba(0, 0, 0, 0.15), 0 0 0 16px hsla(var(--s-controlAccentColor--hsl), 0) !important;
    color: var(--g-textColor) !important;
    height: 2rem;
    padding: 0 0 0 1rem;
  }
  .modal-dialog > div:first-child input[type=text]:focus-within, .modal-dialog > div:first-child input[type=text]:focus,
.modal-dialog .datetime-picker input[type=text]:focus-within,
.modal-dialog .datetime-picker input[type=text]:focus {
    transition: 0.25s box-shadow cubic-bezier(0.61, 1, 0.88, 1);
    transition-delay: 0.125s;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3), 0px 0px 1px rgba(0, 0, 0, 0.15), 0 0 0 0.35rem hsla(var(--s-controlAccentColor--hsl), 0.5) !important;
  }
  .modal-dialog input[type=text] {
    border: none !important;
    background-color: var(--g-controlBackgroundColor) !important;
    border-radius: 0.5rem;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3), 0px 0px 1px rgba(0, 0, 0, 0.15), 0 0 0 16px hsla(var(--s-controlAccentColor--hsl), 0) !important;
    color: var(--g-textColor) !important;
    height: 2rem;
    padding: 0 0 0 1rem;
  }
  .modal-dialog input[type=text]:focus-within, .modal-dialog input[type=text]:focus {
    transition: 0.25s box-shadow cubic-bezier(0.61, 1, 0.88, 1);
    transition-delay: 0.125s;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3), 0px 0px 1px rgba(0, 0, 0, 0.15), 0 0 0 0.35rem hsla(var(--s-controlAccentColor--hsl), 0.5) !important;
  }
  .modal-dialog input + a {
    font-size: 1.5rem;
    right: 2.7rem;
    position: absolute;
  }
  .modal-dialog input + a .fa-question-circle {
    display: block;
    height: auto !important;
  }
  .modal-dialog input + a .fa-question-circle::before {
    content: var(--s-icon-info-circle) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
    color: var(--g-secondaryLabelColor) !important;
    font-weight: 400;
    transform-origin: 50% 60%;
    -webkit-font-smoothing: antialiased;
  }
  .modal-dialog label + div[style] {
    background: none !important;
    display: block !important;
  }
  .modal-dialog button {
    color: var(--g-controlTextColor) !important;
    border: none !important;
    border-radius: 0.5rem !important;
    box-shadow: 0px 0px 1px rgba(var(--g-shadowColor--rgb), 0.3), 0px 1px 1.5px rgba(var(--g-shadowColor--rgb), 0.15);
    background-color: var(--g-controlColor) !important;
    cursor: default !important;
    margin: revert !important;
    height: 1.9rem !important;
    line-height: 1.9rem !important;
    min-width: 7.2rem !important;
    min-height: 0 !important;
    font-size: 1.4rem !important;
    font-weight: 400 !important;
    padding: 0 2rem !important;
    text-decoration: none !important;
  }
  .modal-dialog button:active {
    color: rgba(255, 255, 255, 0.75) !important;
    background-image: linear-gradient(hsl(var(--s-accentColor--h), var(--s-accentColor--s), calc(var(--s-accentColor--l) - 5%)), hsl(var(--s-accentColor--h), var(--s-accentColor--s), calc(var(--s-accentColor--l) - 10%)));
  }
  .modal-dialog button + button {
    margin-left: 7px;
  }
  .modal-dialog button:nth-child(1) {
    color: var(--g-controlTextColor) !important;
    border: none !important;
    border-radius: 0.5rem !important;
    box-shadow: 0px 0px 1px rgba(var(--g-shadowColor--rgb), 0.3), 0px 1px 1.5px rgba(var(--g-shadowColor--rgb), 0.15);
    background-color: var(--g-controlColor) !important;
    cursor: default !important;
    margin: revert !important;
    height: 1.9rem !important;
    line-height: 1.9rem !important;
    min-width: 7.2rem !important;
    min-height: 0 !important;
    font-size: 1.4rem !important;
    font-weight: 400 !important;
    padding: 0 2rem !important;
    text-decoration: none !important;
    color: var(--g-alternateSelectedControlTextColor) !important;
    background-color: hsl(var(--s-accentColor--hsl));
    background-image: linear-gradient(hsl(var(--s-accentColor--hsl)), hsl(var(--s-accentColor--hs), calc(var(--s-accentColor--l) - 5%)));
    box-shadow: 0px 0px 1px hsla(var(--s-accentColor--hsl), 0.3), 0px 1px 1.5px hsla(var(--s-accentColor--hsl), 0.15);
  }
  .modal-dialog button:nth-child(1):active {
    color: rgba(255, 255, 255, 0.75) !important;
    background-image: linear-gradient(hsl(var(--s-accentColor--h), var(--s-accentColor--s), calc(var(--s-accentColor--l) - 5%)), hsl(var(--s-accentColor--h), var(--s-accentColor--s), calc(var(--s-accentColor--l) - 10%)));
  }
  .modal-dialog button:nth-child(2) {
    margin-left: auto !important;
  }
  .modal-dialog button:nth-child(3):not(:active) {
    color: var(--g-systemRed) !important;
  }
  .modal-dialog > div:last-child:not([style*="height: 0px"]) {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    gap: 0.7rem;
    position: relative;
    margin-top: 2rem !important;
    padding-top: 2rem !important;
  }
  .modal-dialog > div:last-child:not([style*="height: 0px"]):before {
    content: "";
    top: 0;
    left: -2rem;
    right: -2rem;
    background: var(--g-separatorColor);
    height: 0.1rem;
    position: absolute;
  }
  .modal-dialog .item-list.item-list {
    display: block !important;
    padding-top: 0 !important;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .modal-dialog .item-list.item-list:before {
    content: none;
  }
  .modal-dialog .item-list.item-list > div:not(:empty) {
    border-bottom: none !important;
    padding: 1.5rem 1.5rem !important;
    position: relative;
  }
  .modal-dialog .item-list.item-list > div:not(:empty)::before {
    content: "";
    top: 0;
    left: 1rem;
    right: 1rem;
    background: var(--g-separatorColor);
    height: 0.1rem;
    position: absolute;
  }
  .modal-dialog .item-list.item-list > div:not(:empty):nth-child(2)::before {
    content: none !important;
  }
  .modal-dialog .item-list.item-list > div:not(:empty) * {
    opacity: 1 !important;
  }
  .modal-dialog .item-list.item-list > div:not(:empty) > div {
    color: var(--g-secondaryLabelColor) !important;
  }
  .modal-dialog .item-list.item-list > div:not(:empty) > div:first-child[style] {
    margin-bottom: 0 !important;
  }
  .modal-dialog .item-list.item-list > div:not(:empty) > div:first-child:not(:last-child) {
    font-size: 1.5rem !important;
    margin-bottom: 0.4rem !important;
  }
  .modal-dialog .item-list.item-list > div:not(:empty) > div span {
    color: var(--g-textColor) !important;
    font-weight: normal !important;
  }
  .modal-dialog .item-list.item-list > div:not(:empty).selected {
    background: var(--s-accentColor) !important;
    border-radius: 0.5rem;
  }
  .modal-dialog .item-list.item-list > div:not(:empty).selected > div {
    color: rgba(255, 255, 255, 0.75) !important;
  }
  .modal-dialog .item-list.item-list > div:not(:empty).selected > div span {
    color: var(--g-selectedMenuItemTextColor) !important;
  }
  .modal-dialog .item-list.item-list > div:not(:empty).selected i.fa:before {
    color: rgba(255, 255, 255, 0.75);
  }
  .modal-dialog .item-list.item-list > div:not(:empty):not(.selected) > div:last-child {
    color: var(--g-secondaryLabelColor) !important;
  }
  .modal-dialog .item-list.item-list > div:not(:empty) i.fa:before {
    color: var(--s-accentColor);
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
  }
  .modal-dialog .item-list.item-list > div:not(:empty) .fa-book:before {
    content: var(--s-icon-folder) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
  }
}
@media screen {
  div[style*="z-index: 9999;"][style*="background-color: rgba(0, 0, 0, 0.6);"][style*="align-items: flex-start;"]:not(.dialog-modal-layer) {
    background: rgba(var(--g-underPageBackgroundColor--rgb), 0.5) !important;
    height: 100% !important;
  }
  div[style*="z-index: 9999;"][style*="background-color: rgba(0, 0, 0, 0.6);"][style*="align-items: flex-start;"]:not(.dialog-modal-layer) > div {
    backdrop-filter: blur(10px) saturate(100%) contrast(45%) brightness(130%);
    background-color: var(--g-windowBackgroundColor) !important;
    padding: 2rem !important;
    border-radius: 1.2rem !important;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.8), 0px 0px 20px rgba(0, 0, 0, 0.15), 0px 25px 30px rgba(0, 0, 0, 0.35) !important;
    max-height: none !important;
  }
  div[style*="z-index: 9999;"][style*="background-color: rgba(0, 0, 0, 0.6);"][style*="align-items: flex-start;"]:not(.dialog-modal-layer) > div *[style*="color:"] {
    color: var(--g-textColor) !important;
  }
  div[style*="z-index: 9999;"][style*="background-color: rgba(0, 0, 0, 0.6);"][style*="align-items: flex-start;"]:not(.dialog-modal-layer) > div > div:first-child {
    color: var(--g-labelColor) !important;
    font-size: 1.3rem !important;
    text-align: center;
  }
  div[style*="z-index: 9999;"][style*="background-color: rgba(0, 0, 0, 0.6);"][style*="align-items: flex-start;"]:not(.dialog-modal-layer) > div > div:last-child {
    display: flex;
    flex-direction: row-reverse;
    gap: 0.8rem;
    position: relative;
    margin-top: 2rem !important;
    padding-top: 2rem !important;
  }
  div[style*="z-index: 9999;"][style*="background-color: rgba(0, 0, 0, 0.6);"][style*="align-items: flex-start;"]:not(.dialog-modal-layer) > div > div:last-child:before {
    content: "";
    top: 0;
    left: -2rem;
    right: -2rem;
    background: var(--g-separatorColor);
    height: 0.1rem;
    position: absolute;
  }
  div[style*="z-index: 9999;"][style*="background-color: rgba(0, 0, 0, 0.6);"][style*="align-items: flex-start;"]:not(.dialog-modal-layer) > div > div:last-child button:first-child {
    color: var(--g-controlTextColor) !important;
    border: none !important;
    border-radius: 0.5rem !important;
    box-shadow: 0px 0px 1px rgba(var(--g-shadowColor--rgb), 0.3), 0px 1px 1.5px rgba(var(--g-shadowColor--rgb), 0.15);
    background-color: var(--g-controlColor) !important;
    cursor: default !important;
    margin: revert !important;
    height: 1.9rem !important;
    line-height: 1.9rem !important;
    min-width: 7.2rem !important;
    min-height: 0 !important;
    font-size: 1.4rem !important;
    font-weight: 400 !important;
    padding: 0 2rem !important;
    text-decoration: none !important;
    color: var(--g-alternateSelectedControlTextColor) !important;
    background-color: hsl(var(--s-accentColor--hsl));
    background-image: linear-gradient(hsl(var(--s-accentColor--hsl)), hsl(var(--s-accentColor--hs), calc(var(--s-accentColor--l) - 5%)));
    box-shadow: 0px 0px 1px hsla(var(--s-accentColor--hsl), 0.3), 0px 1px 1.5px hsla(var(--s-accentColor--hsl), 0.15);
  }
  div[style*="z-index: 9999;"][style*="background-color: rgba(0, 0, 0, 0.6);"][style*="align-items: flex-start;"]:not(.dialog-modal-layer) > div > div:last-child button:first-child:active {
    color: rgba(255, 255, 255, 0.75) !important;
    background-image: linear-gradient(hsl(var(--s-accentColor--h), var(--s-accentColor--s), calc(var(--s-accentColor--l) - 5%)), hsl(var(--s-accentColor--h), var(--s-accentColor--s), calc(var(--s-accentColor--l) - 10%)));
  }
  div[style*="z-index: 9999;"][style*="background-color: rgba(0, 0, 0, 0.6);"][style*="align-items: flex-start;"]:not(.dialog-modal-layer) > div > div:last-child button:last-child:not(:first-child) {
    color: var(--g-controlTextColor) !important;
    border: none !important;
    border-radius: 0.5rem !important;
    box-shadow: 0px 0px 1px rgba(var(--g-shadowColor--rgb), 0.3), 0px 1px 1.5px rgba(var(--g-shadowColor--rgb), 0.15);
    background-color: var(--g-controlColor) !important;
    cursor: default !important;
    margin: revert !important;
    height: 1.9rem !important;
    line-height: 1.9rem !important;
    min-width: 7.2rem !important;
    min-height: 0 !important;
    font-size: 1.4rem !important;
    font-weight: 400 !important;
    padding: 0 2rem !important;
    text-decoration: none !important;
  }
  div[style*="z-index: 9999;"][style*="background-color: rgba(0, 0, 0, 0.6);"][style*="align-items: flex-start;"]:not(.dialog-modal-layer) > div > div:last-child button:last-child:not(:first-child):active {
    color: rgba(255, 255, 255, 0.75) !important;
    background-image: linear-gradient(hsl(var(--s-accentColor--h), var(--s-accentColor--s), calc(var(--s-accentColor--l) - 5%)), hsl(var(--s-accentColor--h), var(--s-accentColor--s), calc(var(--s-accentColor--l) - 10%)));
  }
  div[style*="z-index: 9999;"][style*="background-color: rgba(0, 0, 0, 0.6);"][style*="align-items: flex-start;"]:not(.dialog-modal-layer) .note-property-box {
    margin-bottom: 1rem !important;
  }
  div[style*="z-index: 9999;"][style*="background-color: rgba(0, 0, 0, 0.6);"][style*="align-items: flex-start;"]:not(.dialog-modal-layer) .note-property-box input[type=text] {
    border: none !important;
    background-color: var(--g-controlBackgroundColor) !important;
    border-radius: 0.5rem;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3), 0px 0px 1px rgba(0, 0, 0, 0.15), 0 0 0 16px hsla(var(--s-controlAccentColor--hsl), 0) !important;
    color: var(--g-textColor) !important;
    height: 2rem;
    padding: 0 0 0 1rem;
  }
  div[style*="z-index: 9999;"][style*="background-color: rgba(0, 0, 0, 0.6);"][style*="align-items: flex-start;"]:not(.dialog-modal-layer) .note-property-box input[type=text]:focus-within, div[style*="z-index: 9999;"][style*="background-color: rgba(0, 0, 0, 0.6);"][style*="align-items: flex-start;"]:not(.dialog-modal-layer) .note-property-box input[type=text]:focus {
    transition: 0.25s box-shadow cubic-bezier(0.61, 1, 0.88, 1);
    transition-delay: 0.125s;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3), 0px 0px 1px rgba(0, 0, 0, 0.15), 0 0 0 0.35rem hsla(var(--s-controlAccentColor--hsl), 0.5) !important;
  }
  div[style*="z-index: 9999;"][style*="background-color: rgba(0, 0, 0, 0.6);"][style*="align-items: flex-start;"]:not(.dialog-modal-layer) .note-property-box a:not(:empty) {
    background-color: transparent !important;
    color: var(--s-controlAccentColor);
    text-decoration: none !important;
    margin-left: 0 !important;
  }
  div[style*="z-index: 9999;"][style*="background-color: rgba(0, 0, 0, 0.6);"][style*="align-items: flex-start;"]:not(.dialog-modal-layer) .note-property-box a:not(:empty) .fas {
    color: var(--s-controlAccentColor) !important;
  }
  div[style*="z-index: 9999;"][style*="background-color: rgba(0, 0, 0, 0.6);"][style*="align-items: flex-start;"]:not(.dialog-modal-layer) .note-property-box a:not(:empty) .fas::before {
    font-weight: 400;
  }
  div[style*="z-index: 9999;"][style*="background-color: rgba(0, 0, 0, 0.6);"][style*="align-items: flex-start;"]:not(.dialog-modal-layer) .note-property-box a:not(:empty) .fas.fa-edit::before {
    content: var(--s-icon-square-and-pencil) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
  }
  div[style*="z-index: 9999;"][style*="background-color: rgba(0, 0, 0, 0.6);"][style*="align-items: flex-start;"]:not(.dialog-modal-layer) .note-property-box a:not(:empty) .fas.fa-copy::before {
    content: var(--s-icon-doc-on-clipboard) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
  }
  div[style*="z-index: 9999;"][style*="background-color: rgba(0, 0, 0, 0.6);"][style*="align-items: flex-start;"]:not(.dialog-modal-layer) .note-property-box a:not(:empty) .fas.fa-save::before {
    content: var(--s-icon-square-and-arrow-down) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
  }
  div[style*="z-index: 9999;"][style*="background-color: rgba(0, 0, 0, 0.6);"][style*="align-items: flex-start;"]:not(.dialog-modal-layer) .note-property-box div + a[style] {
    margin-left: 1rem !important;
  }
  div[style*="z-index: 9999;"][style*="background-color: rgba(0, 0, 0, 0.6);"][style*="align-items: flex-start;"]:not(.dialog-modal-layer) .note-property-box label {
    color: var(--g-secondaryLabelColor) !important;
    font-weight: 400 !important;
    text-align: right !important;
    margin-right: 0.8rem !important;
  }
  div[style*="z-index: 9999;"][style*="background-color: rgba(0, 0, 0, 0.6);"][style*="align-items: flex-start;"]:not(.dialog-modal-layer) .note-property-box label::after {
    content: ":";
  }
}
@media screen {
  .tag-selector [class*=control],
.item-selector [class*=control] {
    border: none !important;
    background-color: var(--g-controlBackgroundColor) !important;
    border-radius: 0.5rem;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3), 0px 0px 1px rgba(0, 0, 0, 0.15), 0 0 0 16px hsla(var(--s-controlAccentColor--hsl), 0) !important;
    color: var(--g-textColor) !important;
    height: 2rem;
    padding: 0 0 0 1rem;
    top: 0.6rem;
    height: 1.8rem !important;
    min-height: 0;
    padding: 0 0 0 0.4rem;
  }
  .tag-selector [class*=control]:focus-within, .tag-selector [class*=control]:focus,
.item-selector [class*=control]:focus-within,
.item-selector [class*=control]:focus {
    transition: 0.25s box-shadow cubic-bezier(0.61, 1, 0.88, 1);
    transition-delay: 0.125s;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3), 0px 0px 1px rgba(0, 0, 0, 0.15), 0 0 0 0.35rem hsla(var(--s-controlAccentColor--hsl), 0.5) !important;
  }
  .tag-selector [class*=control] > div,
.item-selector [class*=control] > div {
    padding: 0;
    height: 1.8rem;
  }
  .tag-selector input[type=text],
.tag-selector input[type=text]:focus,
.item-selector input[type=text],
.item-selector input[type=text]:focus {
    box-shadow: none !important;
    font-size: var(--g-font-size--1) !important;
  }
  .tag-selector [class*=indicatorSeparator],
.item-selector [class*=indicatorSeparator] {
    display: none;
  }
  .tag-selector [class*=indicatorContainer],
.item-selector [class*=indicatorContainer] {
    padding: 0 0.2rem;
  }
  .tag-selector [class*=indicatorContainer]:after,
.item-selector [class*=indicatorContainer]:after {
    color: var(--g-controlTextColor) !important;
    border: none !important;
    border-radius: 0.5rem !important;
    box-shadow: 0px 0px 1px rgba(var(--g-shadowColor--rgb), 0.3), 0px 1px 1.5px rgba(var(--g-shadowColor--rgb), 0.15);
    background-color: var(--g-controlColor) !important;
    cursor: default !important;
    margin: revert !important;
    height: 1.9rem !important;
    line-height: 1.9rem !important;
    min-width: 7.2rem !important;
    min-height: 0 !important;
    font-size: 1.4rem !important;
    font-weight: 400 !important;
    padding: 0 2rem !important;
    text-decoration: none !important;
    color: var(--g-alternateSelectedControlTextColor) !important;
    background-color: hsl(var(--s-accentColor--hsl));
    background-image: linear-gradient(hsl(var(--s-accentColor--hsl)), hsl(var(--s-accentColor--hs), calc(var(--s-accentColor--l) - 5%)));
    box-shadow: 0px 0px 1px hsla(var(--s-accentColor--hsl), 0.3), 0px 1px 1.5px hsla(var(--s-accentColor--hsl), 0.15);
    content: var(--s-icon-chevron-up-chevron-down) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
    font-size: var(--g-font-size--1) !important;
    min-width: 0 !important;
    height: 1.6rem !important;
    padding: 0 !important;
    min-width: 0;
    text-align: center;
    line-height: 1.8rem !important;
    width: 1.6rem !important;
  }
  .tag-selector [class*=indicatorContainer]:after:active,
.item-selector [class*=indicatorContainer]:after:active {
    color: rgba(255, 255, 255, 0.75) !important;
    background-image: linear-gradient(hsl(var(--s-accentColor--h), var(--s-accentColor--s), calc(var(--s-accentColor--l) - 5%)), hsl(var(--s-accentColor--h), var(--s-accentColor--s), calc(var(--s-accentColor--l) - 10%)));
  }
  .tag-selector [class*=indicatorContainer] *,
.item-selector [class*=indicatorContainer] * {
    display: none;
  }
}
@media screen {
  .tag-selector > div > div:first-child > div + div {
    margin-left: 0rem;
  }
  .tag-selector > div > div:first-child input {
    background: transparent !important;
    line-height: 1.2rem;
  }
  .tag-selector [class*=multiValue] {
    background-color: var(--g-gridColor) !important;
    border-radius: 0.2rem !important;
    margin: 0 0.4rem 0 0 !important;
    padding: 0 0.4rem !important;
  }
  .tag-selector [class*=multiValue] * {
    color: var(--g-textColor) !important;
    font-size: 1.1rem !important;
    font-family: var(--s-font-family-system);
    line-height: 1.2rem !important;
    height: 1.2rem !important;
    padding: 0;
  }
  .tag-selector [class*=multiValue] > div:first-child {
    flex: 1 0 auto;
  }
  .tag-selector [class*=multiValue] > div:last-child {
    flex: 1 0 auto;
    margin: 0 0 0 0.4rem !important;
    line-height: 22px;
    background-color: transparent !important;
  }
  .tag-selector [class*=multiValue] > div:last-child::after {
    content: var(--s-icon-xmark) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
    color: var(--g-controlTextColor);
    font-size: 0.8rem;
    font-weight: 600;
  }
  .tag-selector [class*=multiValue] > div:last-child:hover {
    background-color: transparent;
  }
  .tag-selector [class*=multiValue] > div:last-child svg {
    display: none;
  }
}
@media screen {
  .item-selector > div[class*=control] > div:first-child {
    font-size: 1.1rem;
    line-height: 1.8;
  }
  .item-selector > div[class*=control] > div:first-child > div:last-child {
    min-width: 0;
    position: absolute;
  }
  .item-selector > div[class*=control] > div:first-child > div:last-child input {
    background: transparent !important;
  }
}
@media screen {
  .rdtPicker {
    background: var(--g-windowBackgroundColor) !important;
    box-shadow: 0 0 1px rgba(var(--g-shadowColor--rgb), 0.4), 0 2px 8px rgba(var(--g-shadowColor--rgb), 0.2) !important;
    max-width: none !important;
    padding: 0.5rem !important;
    border-color: transparent !important;
    border-radius: 0.4rem;
    color: var(--g-textColor);
    min-width: 0;
    padding: 0.6rem 0.2rem 0 0.2rem !important;
    min-width: 16rem;
  }
  .rdtPicker *,
.rdtPicker *:hover {
    background-color: transparent !important;
    cursor: default !important;
    user-select: none;
  }
  .rdtPicker thead .rdtSwitch {
    order: -1;
    flex: 1;
    text-align: left;
    width: auto;
  }
  .rdtPicker thead .rdtPrev,
.rdtPicker thead .rdtNext {
    flex: 0 0 auto;
    margin: 0 0.2rem;
  }
  .rdtPicker thead tr th {
    border-bottom: transparent;
  }
  .rdtPicker thead tr:first-child th {
    margin-left: 0.4rem;
    font-size: 1.2rem;
    color: var(--g-textColor);
  }
  .rdtPicker thead tr:last-child {
    border-bottom: 0.1rem solid var(--g-separatorColor);
    margin-bottom: 0.4rem;
    padding: 0 0 0.4rem;
  }
  .rdtPicker thead tr:last-child th {
    border-bottom: transparent;
    color: var(--g-secondaryLabelColor);
    font-size: 1rem;
    height: auto;
  }
  .rdtPicker tfoot {
    border-top-color: var(--g-separatorColor);
  }
  .rdtPicker tfoot .rdtTimeToggle {
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .rdtPicker tr {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .rdtPicker tr th,
.rdtPicker tr td {
    padding: 0;
    flex: 1;
    height: auto;
  }
  .rdtPicker td[data-value] {
    padding: 0 0.5rem !important;
    font-size: 1rem !important;
    height: 1.6rem;
    min-height: 0;
    min-width: 2.5rem;
  }
  .rdtPicker td[data-value].rdtToday {
    color: var(--g-systemRed) !important;
  }
  .rdtPicker td[data-value].rdtToday:before {
    border-color: transparent;
  }
  .rdtPicker td[data-value].rdtActive {
    color: var(--g-textColor);
    background-color: var(--g-quaternaryLabelColor) !important;
    border-radius: 0.2rem;
    bottom: 0;
    left: 0;
    right: 0;
    text-shadow: none;
    top: 0;
    z-index: -1;
  }
  .rdtPicker * {
    border-color: transparent;
  }
}
@media screen {
  .smalltalk {
    background: rgba(var(--g-underPageBackgroundColor--rgb), 0.5) !important;
    height: 100% !important;
  }
  .smalltalk * {
    font-family: var(--s-font-family-system);
  }
  .smalltalk .page {
    backdrop-filter: blur(10px) saturate(100%) contrast(45%) brightness(130%);
    background-color: var(--g-windowBackgroundColor) !important;
    padding: 2rem !important;
    border-radius: 1.2rem !important;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.8), 0px 0px 20px rgba(0, 0, 0, 0.15), 0px 25px 30px rgba(0, 0, 0, 0.35) !important;
  }
  .smalltalk .page header,
.smalltalk .page .close-button {
    display: none;
  }
  .smalltalk .page .content-area {
    align-items: center;
    color: var(--g-secondaryLabelColor) !important;
    display: flex;
    gap: 0.8rem;
    font-size: 1.2rem;
    overflow: initial;
    padding: 0;
  }
  .smalltalk .page .content-area input[type=text] {
    border: none !important;
    background-color: var(--g-controlBackgroundColor) !important;
    border-radius: 0.5rem;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3), 0px 0px 1px rgba(0, 0, 0, 0.15), 0 0 0 16px hsla(var(--s-controlAccentColor--hsl), 0) !important;
    color: var(--g-textColor) !important;
    height: 2rem;
    padding: 0 0 0 1rem;
    color: var(--g-textColor);
    flex: 1 0;
    margin-top: 0;
  }
  .smalltalk .page .content-area input[type=text]:focus-within, .smalltalk .page .content-area input[type=text]:focus {
    transition: 0.25s box-shadow cubic-bezier(0.61, 1, 0.88, 1);
    transition-delay: 0.125s;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3), 0px 0px 1px rgba(0, 0, 0, 0.15), 0 0 0 0.35rem hsla(var(--s-controlAccentColor--hsl), 0.5) !important;
  }
  .smalltalk .page .action-area {
    padding: 0;
  }
  .smalltalk .page .button-strip {
    display: flex;
    flex-direction: row-reverse;
    gap: 0.8rem;
    position: relative;
    margin-top: 2rem !important;
    padding-top: 2rem !important;
  }
  .smalltalk .page .button-strip:before {
    content: "";
    top: 0;
    left: -2rem;
    right: -2rem;
    background: var(--g-separatorColor);
    height: 0.1rem;
    position: absolute;
  }
  .smalltalk .page .button-strip button {
    text-shadow: none;
    box-shadow: 0 0 0 16px hsla(var(--g-controlAccentColor--hsl), 0);
  }
  .smalltalk .page .button-strip button:focus {
    transition: 0.25s box-shadow cubic-bezier(0.61, 1, 0.88, 1);
    transition-delay: 0.125s;
    box-shadow: 0 0 0 0.35rem hsla(var(--g-controlAccentColor--hsl), 0.5);
  }
  .smalltalk .page .button-strip button:first-child {
    color: var(--g-controlTextColor) !important;
    border: none !important;
    border-radius: 0.5rem !important;
    box-shadow: 0px 0px 1px rgba(var(--g-shadowColor--rgb), 0.3), 0px 1px 1.5px rgba(var(--g-shadowColor--rgb), 0.15);
    background-color: var(--g-controlColor) !important;
    cursor: default !important;
    margin: revert !important;
    height: 1.9rem !important;
    line-height: 1.9rem !important;
    min-width: 7.2rem !important;
    min-height: 0 !important;
    font-size: 1.4rem !important;
    font-weight: 400 !important;
    padding: 0 2rem !important;
    text-decoration: none !important;
    color: var(--g-alternateSelectedControlTextColor) !important;
    background-color: hsl(var(--s-accentColor--hsl));
    background-image: linear-gradient(hsl(var(--s-accentColor--hsl)), hsl(var(--s-accentColor--hs), calc(var(--s-accentColor--l) - 5%)));
    box-shadow: 0px 0px 1px hsla(var(--s-accentColor--hsl), 0.3), 0px 1px 1.5px hsla(var(--s-accentColor--hsl), 0.15);
  }
  .smalltalk .page .button-strip button:first-child:active {
    color: rgba(255, 255, 255, 0.75) !important;
    background-image: linear-gradient(hsl(var(--s-accentColor--h), var(--s-accentColor--s), calc(var(--s-accentColor--l) - 5%)), hsl(var(--s-accentColor--h), var(--s-accentColor--s), calc(var(--s-accentColor--l) - 10%)));
  }
  .smalltalk .page .button-strip button:last-child:not(:first-child) {
    color: var(--g-controlTextColor) !important;
    border: none !important;
    border-radius: 0.5rem !important;
    box-shadow: 0px 0px 1px rgba(var(--g-shadowColor--rgb), 0.3), 0px 1px 1.5px rgba(var(--g-shadowColor--rgb), 0.15);
    background-color: var(--g-controlColor) !important;
    cursor: default !important;
    margin: revert !important;
    height: 1.9rem !important;
    line-height: 1.9rem !important;
    min-width: 7.2rem !important;
    min-height: 0 !important;
    font-size: 1.4rem !important;
    font-weight: 400 !important;
    padding: 0 2rem !important;
    text-decoration: none !important;
    background-image: none;
    margin-left: auto !important;
  }
  .smalltalk .page .button-strip button:last-child:not(:first-child):active {
    color: rgba(255, 255, 255, 0.75) !important;
    background-image: linear-gradient(hsl(var(--s-accentColor--h), var(--s-accentColor--s), calc(var(--s-accentColor--l) - 5%)), hsl(var(--s-accentColor--h), var(--s-accentColor--s), calc(var(--s-accentColor--l) - 10%)));
  }
}
@media screen {
  .tox .tox-dialog-wrap .tox-dialog-wrap__backdrop {
    background: rgba(var(--g-underPageBackgroundColor--rgb), 0.5) !important;
    height: 100% !important;
  }
  .tox .tox-dialog-wrap .tox-dialog {
    backdrop-filter: blur(10px) saturate(100%) contrast(45%) brightness(130%);
    background-color: var(--g-windowBackgroundColor) !important;
    padding: 2rem !important;
    border-radius: 1.2rem !important;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.8), 0px 0px 20px rgba(0, 0, 0, 0.15), 0px 25px 30px rgba(0, 0, 0, 0.35) !important;
    border: none;
  }
  .tox .tox-dialog-wrap .tox-dialog__body {
    flex-direction: column;
  }
  .tox .tox-dialog-wrap .tox-dialog__body-nav {
    flex-direction: row;
    justify-content: center;
    gap: 4px;
    padding-top: 0;
  }
  .tox .tox-dialog-wrap .tox-dialog__body-nav-item {
    font-size: 1.2rem;
    background-color: transparent;
    color: var(--g-labelColor);
    border-bottom: none;
    border-radius: 0.5rem;
    margin: 0;
    padding: 4px;
  }
  .tox .tox-dialog-wrap .tox-dialog__body-nav-item--active {
    background-color: var(--g-controlColor);
    box-shadow: 0px 0px 1px rgba(var(--g-shadowColor--rgb), 0.3), 0px 1px 1.5px rgba(var(--g-shadowColor--rgb), 0.15);
  }
  .tox .tox-dialog-wrap .tox-form__group {
    align-items: center;
    display: flex;
    gap: 0.8rem;
    margin-bottom: 0;
    overflow: initial;
    padding: 0;
  }
  .tox .tox-dialog-wrap .tox-form__group + .tox-form__group {
    margin-top: 0.8rem;
  }
  .tox .tox-dialog-wrap .tox-form__group .tox-label {
    color: var(--g-secondaryLabelColor) !important;
    font-size: 1.2rem;
    width: 10rem;
    text-align: right;
    padding: 0;
  }
  .tox .tox-dialog-wrap .tox-form__group input {
    border: none !important;
    background-color: var(--g-controlBackgroundColor) !important;
    border-radius: 0.5rem;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3), 0px 0px 1px rgba(0, 0, 0, 0.15), 0 0 0 16px hsla(var(--s-controlAccentColor--hsl), 0) !important;
    color: var(--g-textColor) !important;
    height: 2rem;
    padding: 0 0 0 1rem;
    flex: 1;
    font-size: 1.2rem;
    min-height: unset;
  }
  .tox .tox-dialog-wrap .tox-form__group input:focus-within, .tox .tox-dialog-wrap .tox-form__group input:focus {
    transition: 0.25s box-shadow cubic-bezier(0.61, 1, 0.88, 1);
    transition-delay: 0.125s;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3), 0px 0px 1px rgba(0, 0, 0, 0.15), 0 0 0 0.35rem hsla(var(--s-controlAccentColor--hsl), 0.5) !important;
  }
  .tox .tox-dialog-wrap .tox-form__group .tox-checkbox .tox-checkbox__label {
    color: var(--g-secondaryLabelColor) !important;
    font-size: 1.2rem;
    width: 10rem;
    padding: 0;
  }
  .tox .tox-dialog-wrap .tox-form__group .tox-checkbox svg {
    fill: var(--g-disabledControlTextColor);
  }
  .tox .tox-dialog-wrap .tox-form__group .tox-listboxfield button {
    border: none !important;
    background-color: var(--g-controlBackgroundColor) !important;
    border-radius: 0.5rem;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3), 0px 0px 1px rgba(0, 0, 0, 0.15), 0 0 0 16px hsla(var(--s-controlAccentColor--hsl), 0) !important;
    color: var(--g-textColor) !important;
    height: 2rem;
    padding: 0 0 0 1rem;
    min-height: 0;
    font-size: var(--g-font-size--1) !important;
    padding: 0;
  }
  .tox .tox-dialog-wrap .tox-form__group .tox-listboxfield button:focus-within, .tox .tox-dialog-wrap .tox-form__group .tox-listboxfield button:focus {
    transition: 0.25s box-shadow cubic-bezier(0.61, 1, 0.88, 1);
    transition-delay: 0.125s;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3), 0px 0px 1px rgba(0, 0, 0, 0.15), 0 0 0 0.35rem hsla(var(--s-controlAccentColor--hsl), 0.5) !important;
  }
  .tox .tox-dialog-wrap .tox-form__group .tox-color-input input {
    padding-left: 24px;
  }
  .tox .tox-dialog-wrap .tox-form__group .tox-color-input span {
    top: 3px;
    left: 3px;
  }
  .tox .tox-dialog-wrap .tox-form__group .tox-color-input span,
.tox .tox-dialog-wrap .tox-form__group .tox-color-input span::before {
    cursor: default;
    height: 14px !important;
    width: 14px !important;
  }
  .tox .tox-dialog-wrap .tox-dialog__body-content {
    overflow: initial;
    padding: 0;
  }
  .tox .tox-dialog-wrap .tox-dialog__header {
    background-color: transparent !important;
    display: flex;
    justify-content: center;
    padding: 0 0 2rem;
  }
  .tox .tox-dialog-wrap .tox-dialog__header .tox-dialog__title {
    color: var(--g-labelColor) !important;
    font-size: 1.3rem !important;
    font-weight: bold;
  }
  .tox .tox-dialog-wrap .tox-dialog__header button {
    display: none;
  }
  .tox .tox-dialog-wrap .tox-dialog__footer {
    position: relative;
    margin-top: 2rem !important;
    padding-top: 2rem !important;
    background-color: transparent !important;
    padding: 0;
  }
  .tox .tox-dialog-wrap .tox-dialog__footer:before {
    content: "";
    top: 0;
    left: -2rem;
    right: -2rem;
    background: var(--g-separatorColor);
    height: 0.1rem;
    position: absolute;
  }
  .tox .tox-dialog-wrap .tox-dialog__footer-end {
    display: flex;
    gap: 0.8rem;
  }
  .tox .tox-dialog-wrap .tox-dialog__footer button:first-child {
    color: var(--g-controlTextColor) !important;
    border: none !important;
    border-radius: 0.5rem !important;
    box-shadow: 0px 0px 1px rgba(var(--g-shadowColor--rgb), 0.3), 0px 1px 1.5px rgba(var(--g-shadowColor--rgb), 0.15);
    background-color: var(--g-controlColor) !important;
    cursor: default !important;
    margin: revert !important;
    height: 1.9rem !important;
    line-height: 1.9rem !important;
    min-width: 7.2rem !important;
    min-height: 0 !important;
    font-size: 1.4rem !important;
    font-weight: 400 !important;
    padding: 0 2rem !important;
    text-decoration: none !important;
    background-image: none;
    margin-left: auto !important;
  }
  .tox .tox-dialog-wrap .tox-dialog__footer button:first-child:active {
    color: rgba(255, 255, 255, 0.75) !important;
    background-image: linear-gradient(hsl(var(--s-accentColor--h), var(--s-accentColor--s), calc(var(--s-accentColor--l) - 5%)), hsl(var(--s-accentColor--h), var(--s-accentColor--s), calc(var(--s-accentColor--l) - 10%)));
  }
  .tox .tox-dialog-wrap .tox-dialog__footer button:last-child:not(:first-child) {
    color: var(--g-controlTextColor) !important;
    border: none !important;
    border-radius: 0.5rem !important;
    box-shadow: 0px 0px 1px rgba(var(--g-shadowColor--rgb), 0.3), 0px 1px 1.5px rgba(var(--g-shadowColor--rgb), 0.15);
    background-color: var(--g-controlColor) !important;
    cursor: default !important;
    margin: revert !important;
    height: 1.9rem !important;
    line-height: 1.9rem !important;
    min-width: 7.2rem !important;
    min-height: 0 !important;
    font-size: 1.4rem !important;
    font-weight: 400 !important;
    padding: 0 2rem !important;
    text-decoration: none !important;
    color: var(--g-alternateSelectedControlTextColor) !important;
    background-color: hsl(var(--s-accentColor--hsl));
    background-image: linear-gradient(hsl(var(--s-accentColor--hsl)), hsl(var(--s-accentColor--hs), calc(var(--s-accentColor--l) - 5%)));
    box-shadow: 0px 0px 1px hsla(var(--s-accentColor--hsl), 0.3), 0px 1px 1.5px hsla(var(--s-accentColor--hsl), 0.15);
  }
  .tox .tox-dialog-wrap .tox-dialog__footer button:last-child:not(:first-child):active {
    color: rgba(255, 255, 255, 0.75) !important;
    background-image: linear-gradient(hsl(var(--s-accentColor--h), var(--s-accentColor--s), calc(var(--s-accentColor--l) - 5%)), hsl(var(--s-accentColor--h), var(--s-accentColor--s), calc(var(--s-accentColor--l) - 10%)));
  }
}
@media screen {
  .rli-sideBar {
    background: var(--s-sidebar__BackgroundColor);
  }
  .rli-sideBar > span > div {
    z-index: 1;
  }
}
@media screen {
  .sidebar.sidebar {
    background-color: transparent;
    padding-top: 1rem;
  }
  .sidebar.sidebar * {
    font-family: var(--s-font-family-system) !important;
  }
  .sidebar.sidebar > div > div button {
    display: none;
    margin-right: 0;
    position: absolute;
    right: 0;
  }
  .sidebar.sidebar > div > div button span::before {
    content: var(--s-icon-plus-circle) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
  }
  .sidebar.sidebar > div > div:hover button {
    display: block;
  }

  .sidebar-header-button.-collapseall {
    display: none !important;
  }

  .sidebar-header-button.-newfolder {
    height: unset !important;
    margin-top: -.45rem !important;
  }


  .sidebar.sidebar > div > div:first-child span,
.sidebar.sidebar > div .folder-and-tag-list + div span,
.sidebar.sidebar > div .folders + div span {
    text-transform: none;
    color: var(--s-sidebar__label-Color);
    font-size: var(--s-sidebar__label-FontSize);
    font-weight: 700;
  }
  .sidebar.sidebar > div .all-notes {
    background: none;
    color: var(--s-sidebar__item-Color);
  }
  .sidebar.sidebar > div .all-notes a {
    font-size: 1.35rem !important;
    color: inherit;
  }
  .sidebar.sidebar > div .list-item-container {
    border-radius: 4px;
    height: 2.8rem;
    margin: 0 10px;
    padding: 0;
    transition: none;
  }
  .sidebar.sidebar > div .list-item-container:hover {
    background: transparent;
  }
  .sidebar.sidebar > div .list-item-container.selected {
    background: var(--u-sidebar-selected-item-color, var(--g-unemphasizedSelectedTextBackgroundColor));
  }
  /* All notes selected */
  .sidebar .item-list:not(:has(.list-item-container.selected)) .all-notes {
    background: var(--u-sidebar-selected-item-color, var(--g-unemphasizedSelectedTextBackgroundColor)) !important;
  
  }
  .sidebar.sidebar > div .list-item-container.selected .emoji-box,
.sidebar.sidebar > div .list-item-container.selected img {
    background-color: var(--u-sidebar-selected-item-color, var(--g-unemphasizedSelectedTextBackgroundColor)) !important;
  }
  .sidebar.sidebar > div .list-item-container a:first-of-type {
    opacity: 1;
    padding-right: 0;
  }
  .sidebar.sidebar > div .list-item {
    opacity: 1;
    display: flex;
    line-height: 2.8rem;
    overflow: hidden;
    width: 100%;
  }
  .sidebar.sidebar > div .list-item .title,
.sidebar.sidebar > div .list-item .tag-label {
    color: var(--s-sidebar__item-Color);
    font-size: 1.35rem;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
  }
  .sidebar.sidebar > div .list-item .note-count-label {
    display: block;
    padding-left: 0;
    margin-left: 5px;
    padding-right: 8px;
    color: var(--u-sidebar-note-count-label-color, var(--g-secondaryLabelColor));
    opacity: 0.5;
    font-size: 1.1rem;
    line-height: 1;
    font-weight: 500;
  }
  .sidebar.sidebar > div .list-item .fa-share-alt::before {
    content: var(--s-icon-person-2) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
    color: var(--u-sidebar-note-count-label-color, var(--g-secondaryLabelColor));
    font-size: 11px;
    font-weight: 500;
  }
  .sidebar.sidebar > div .list-item .fa-share-alt:last-child {
    margin-right: 8px;
  }
  .sidebar.sidebar > div .list-item span[style*="font-size: 20px;"] {
    font-size: 16px !important;
  }
  .sidebar.sidebar > div .folders .list-item::before,
.sidebar.sidebar > div .tags .list-item::before,
.sidebar.sidebar > div .folder-and-tag-list .list-item::before {
    color: var(--s-sidebar__icon-Color);
    margin-right: 0.7rem;
    font-weight: 400;
    font-size: 13px;
    -webkit-font-smoothing: antialiased;
  }
  .sidebar.sidebar > div .folders .list-item,
.sidebar.sidebar > div .folder-and-tag-list .list-item {
    position: relative;
  }
  .sidebar.sidebar > div .folders .list-item div:first-child:first-of-type,
.sidebar.sidebar > div .folder-and-tag-list .list-item div:first-child:first-of-type {
    margin-right: 0 !important;
  }
  .sidebar.sidebar > div .folders .list-item div:first-child:first-of-type .fa-folder,
.sidebar.sidebar > div .folders .list-item div:first-child:first-of-type .fa-trash,
.sidebar.sidebar > div .folder-and-tag-list .list-item div:first-child:first-of-type .fa-folder,
.sidebar.sidebar > div .folder-and-tag-list .list-item div:first-child:first-of-type .fa-trash {
    display: none;
  }
  .sidebar.sidebar > div .folders .list-item .emoji-box,
.sidebar.sidebar > div .folders .list-item img,
.sidebar.sidebar > div .folder-and-tag-list .list-item .emoji-box,
.sidebar.sidebar > div .folder-and-tag-list .list-item img {
    align-items: center;
    background-color: var(--s-sidebar__BackgroundColor);
    display: block;
    font-size: 18px !important;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  .sidebar.sidebar > div .folders .list-item img,
.sidebar.sidebar > div .folder-and-tag-list .list-item img {
    height: 16px !important;
    width: 16px !important;
  }
  .sidebar.sidebar > div .folders .list-item .emoji-box,
.sidebar.sidebar > div .folder-and-tag-list .list-item .emoji-box {
    height: 18px !important;
    width: 18px !important;
  }
  .sidebar.sidebar > div .folders .list-item::before,
.sidebar.sidebar > div .folder-and-tag-list .list-item::before {
    content: var(--s-icon-folder) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
  }
  .sidebar.sidebar > div .folders .list-item:has(.fa-trash)::before,
.sidebar.sidebar > div .folder-and-tag-list .list-item:has(.fa-trash)::before {
    content: var(--s-icon-trash) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
  }
  .sidebar.sidebar > div .folders .list-item:has(.tag-label)::before,
.sidebar.sidebar > div .folder-and-tag-list .list-item:has(.tag-label)::before {
    content: var(--s-icon-tag) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
  }
  .sidebar.sidebar > div .list-item-depth-0 {
    padding-left: 0rem;
  }
  .sidebar.sidebar > div .list-item-depth-1 {
    padding-left: 0rem;
  }
  .sidebar.sidebar > div .list-item-depth-1 .sidebar-expand-link {
    padding-right: 0;
  }
  .sidebar.sidebar > div .list-item-depth-2 {
    padding-left: 3.4rem;
  }
  .sidebar.sidebar > div .list-item-depth-3 {
    padding-left: 5rem;
  }
  .sidebar.sidebar > div .list-item-depth-4 {
    padding-left: 6.6rem;
  }
  .sidebar.sidebar > div .list-item-depth-5 {
    padding-left: 8.2rem;
  }
  .sidebar.sidebar > div .list-item-depth-6 {
    padding-left: 9.8rem;
  }
  .sidebar.sidebar > div .list-item-depth-7 {
    padding-left: 11.4rem;
  }
  .sidebar.sidebar > div .list-item-depth-8 {
    padding-left: 13rem;
  }
  .sidebar.sidebar > div .list-item-depth-9 {
    padding-left: 14.6rem;
  }
  .sidebar.sidebar .fas {
    opacity: 1 !important;
  }
  .sidebar.sidebar .fas::before {
    font-size: 9px;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
  }
  .sidebar.sidebar .fas.fa-caret-right::before {
    content: var(--s-icon-chevron-forward) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
    color: var(--s-sidebar__chevron-Color);
  }
  .sidebar.sidebar .fas.fa-caret-down::before {
    content: var(--s-icon-chevron-down) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
    color: var(--s-sidebar__chevron-Color);
  }
  .sidebar.sidebar .fas.fa-plus::before {
    color: var(--g-tertiaryLabelColor);
    font-weight: 500;
    font-size: 14px;
    -webkit-font-smoothing: unset;
  }
  .sidebar.sidebar button:has(.fas.fa-plus) {
    padding-top: 0 !important;
  }
  .sidebar.sidebar .icon-notebooks,
.sidebar.sidebar .icon-tags,
.sidebar.sidebar .icon-notes {
    display: none;
  }
  @keyframes tooltipTimeout {
    0% {
      opacity: 0;
    }
    99% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  .sidebar.sidebar > div:last-child > div:first-child {
    opacity: var(--u-sidebar-synchronise-label, 0);
    pointer-events: none;
    background-color: var(--u-sidebar-synchronise-label, var(--g-unemphasizedSelectedContentBackgroundColor));
    padding: var(--u-sidebar-synchronise-label, 0.4rem);
    position: var(--u-sidebar-synchronise-label, absolute);
    width: auto;
    bottom: 20px;
    box-shadow: var(--u-sidebar-synchronise-label, 0 0 1px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.2));
  }
  .sidebar.sidebar > div:last-child > div:first-child div {
    color: var(--s-sidebar__synchronise-label-Color);
  }
  .sidebar.sidebar > div:last-child:hover > div:first-child {
    animation: var(--u-sidebar-synchronise-label, tooltipTimeout 1s);
    opacity: 1;
  }
  .sidebar.sidebar > div:last-child button {
    border: none;
    justify-content: flex-start;
    padding: 0;
    text-align: left;
    font-size: 1.3rem;
    height: unset !important;
    min-height: unset !important; 
    max-height: unset !important;
    padding-top: .6rem !important;
    margin-bottom: .5rem !important;
  }
  .sidebar.sidebar > div:last-child button span {
    color: var(--s-sidebar__synchronise-Color);
  }
  .sidebar.sidebar > div:last-child button:hover span {
    color: var(--s-sidebar__synchronise-Color);
  }
  .sidebar.sidebar > div:last-child button .icon-sync {
    font-size: inherit;
    transform-origin: 50% 48%;
  }
  .sidebar.sidebar > div:last-child button .icon-sync::before {
    content: var(--s-icon-arrow-triangle-2-circlepath) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
    font-size: 1.2rem;
    -webkit-font-smoothing: antialiased;
  }
}
@media screen {
  .CodeMirror.CodeMirror {
    line-height: 1.6 !important;
    background-color: transparent !important;
    color: var(--g-textColor) !important;
  }
  .CodeMirror.CodeMirror * {
    -webkit-font-smoothing: antialiased;
  }
  .CodeMirror.CodeMirror .cm-header-1,
.CodeMirror.CodeMirror .cm-header-2,
.CodeMirror.CodeMirror .cm-header-3,
.CodeMirror.CodeMirror .cm-header-4,
.CodeMirror.CodeMirror .cm-header-5,
.CodeMirror.CodeMirror .cm-header-6,
.CodeMirror.CodeMirror .cm-strong {
    color: inherit;
  }
}
@media screen {
  .rli-root .resizableLayoutItem {
    position: relative;
  }
  .rli-root .resizableLayoutItem > span > div[style*="cursor: row-resize;"],
.rli-root .resizableLayoutItem > span > div[style*="cursor: col-resize;"] {
    z-index: 100;
  }
  .rli-root > .resizableLayoutItem:not(:first-child):after {
    content: "";
    background-color: var(--g-gridColor);
    bottom: 0;
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 0.1rem;
    z-index: 100;
  }
  .rli-root > .resizableLayoutItem .resizableLayoutItem:not(:first-child):after {
    content: "";
    background-color: var(--g-gridColor);
    bottom: auto;
    height: 0.1rem;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0.1rem;
    width: 100%;
  }
}
@media screen {
  #plugin-view-outline-outline\.panel {
    border-bottom: none;
    padding: 1.2rem 0.5rem;
  }
}
@media screen {
  body#tinymce,
#joplin-container-content {
    background: var(--g-primary-Background);
    font-size: 1.4rem;
    font-family: var(--s-font-family-system);
    line-height: 1.6;
    padding: 2.8rem;
    color: var(--g-textColor);
    -webkit-font-smoothing: antialiased;
    margin-left: var(--u-editor-margin-left, auto);
    margin-right: var(--u-editor-margin-right, auto);
  }
  body#tinymce a,
#joplin-container-content a {
    color: var(--g-linkColor);
    cursor: pointer;
  }
  body#tinymce > *,
#joplin-container-content > * {
    margin: 0 0 1.4rem;
  }
  body#tinymce h1,
body#tinymce h2,
body#tinymce h3,
body#tinymce h4,
body#tinymce h5,
#joplin-container-content h1,
#joplin-container-content h2,
#joplin-container-content h3,
#joplin-container-content h4,
#joplin-container-content h5 {
    color: var(--g-headerTextColor);
    padding: 0;
    line-height: 1.25;
    margin: 0 !important;
    padding: calc(var(--u-editor-paragraph-spacing, 1.5rem) / 2) 0 !important;
  }
  body#tinymce h1,
#joplin-container-content h1 {
    font-size: 2.4rem;
    border-bottom: none;
    margin-bottom: 0;
    line-height: 1;
  }
  body#tinymce strong,
#joplin-container-content strong {
    color: var(--g-textColor);
  }
  body#tinymce img,
#joplin-container-content img {
    margin-top: 1.4rem;
  }
  body#tinymce ul,
body#tinymce ol,
#joplin-container-content ul,
#joplin-container-content ol {
    margin-left: 1.8rem;
    margin-bottom: var(--u-editor-paragraph-spacing, 1.5rem);
  }
  body#tinymce ul li,
body#tinymce ol li,
#joplin-container-content ul li,
#joplin-container-content ol li {
    margin-bottom: 0.35rem;
  }
  body#tinymce ul p,
body#tinymce ol p,
#joplin-container-content ul p,
#joplin-container-content ol p {
    margin-bottom: 0;
  }
  body#tinymce p,
#joplin-container-content p {
    margin-bottom: var(--u-editor-paragraph-spacing, 1.5rem);
  }
  body#tinymce table,
#joplin-container-content table {
    background: var(--g-alternatingContentBackgroundColorsEven);
  }
  body#tinymce table th,
#joplin-container-content table th {
    background: var(--g-alternatingContentBackgroundColorsOdd);
    border-bottom-width: 0.1rem;
  }
  body#tinymce table tr:nth-child(even),
#joplin-container-content table tr:nth-child(even) {
    background: var(--g-alternatingContentBackgroundColorsOdd);
  }
  body#tinymce table tr:nth-child(odd),
#joplin-container-content table tr:nth-child(odd) {
    background: var(--g-alternatingContentBackgroundColorsEven);
  }
  body#tinymce table th,
body#tinymce table td,
#joplin-container-content table th,
#joplin-container-content table td {
    font-family: var(--g-global-font-family-system);
    border-color: var(--g-gridColor);
    color: var(--g-textColor);
  }
  body#tinymce pre:not(.mermaid),
body#tinymce .inline-code,
#joplin-container-content pre:not(.mermaid),
#joplin-container-content .inline-code {
    background-color: var(--g-alternatingContentBackgroundColorsOdd);
    color: var(--g-textColor);
    border-radius: 0.4rem;
    font-family: var(--g-font-family-mono);
    font-size: 1.4rem;
  }
}
@media screen and (prefers-color-scheme: dark) {
  body#tinymce pre:not(.mermaid),
body#tinymce .inline-code,
#joplin-container-content pre:not(.mermaid),
#joplin-container-content .inline-code {
    background-color: rgba(var(--g-shadowColor--rgb), 0.2);
  }
}
@media screen {
  body#tinymce pre:not(.mermaid) *,
body#tinymce .inline-code *,
#joplin-container-content pre:not(.mermaid) *,
#joplin-container-content .inline-code * {
    font-family: inherit !important;
  }
}
@media screen {
  body#tinymce pre.mermaid,
#joplin-container-content pre.mermaid {
    background: none;
  }
}
@media screen {
  body#tinymce ul.joplin-checklist,
#joplin-container-content ul.joplin-checklist {
    margin-left: 2.2rem;
  }
  body#tinymce ul.joplin-checklist li:not(.checked),
#joplin-container-content ul.joplin-checklist li:not(.checked) {
    position: relative;
  }
  body#tinymce ul.joplin-checklist li:not(.checked):before,
#joplin-container-content ul.joplin-checklist li:not(.checked):before {
    content: "";
    border-radius: 50%;
    border: 0.1rem solid var(--g-tertiaryLabelColor);
    display: flex;
    height: 1.4rem;
    justify-content: center;
    margin-left: -2.4rem;
    width: 1.4rem;
    left: 0;
    position: absolute;
    top: 0;
  }
  body#tinymce ul.joplin-checklist li:not(.checked):before,
#joplin-container-content ul.joplin-checklist li:not(.checked):before {
    top: 0.3rem;
  }
  body#tinymce ul.joplin-checklist li.checked,
#joplin-container-content ul.joplin-checklist li.checked {
    position: relative;
    opacity: 1;
  }
  body#tinymce ul.joplin-checklist li.checked:before,
#joplin-container-content ul.joplin-checklist li.checked:before {
    content: var(--s-icon-checkmark) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
    background-color: var(--s-controlAccentColor);
    border: 0.1rem solid var(--s-controlAccentColor);
    border-radius: 50%;
    color: var(--g-alternateSelectedControlTextColor);
    display: block;
    font-size: 1rem;
    top: 0;
    margin-left: -2.4rem;
    height: 1.4rem;
    line-height: 1.5rem;
    position: absolute;
    text-align: center;
    transform: scale(1);
    width: 1.4rem;
  }
  body#tinymce ul.joplin-checklist li.checked:before,
#joplin-container-content ul.joplin-checklist li.checked:before {
    font-weight: 600;
    top: 0.3rem;
  }
}
@media screen {
  body#tinymce li.joplin-checkbox,
#joplin-container-content li.joplin-checkbox {
    margin-left: 0.6rem;
  }
  body#tinymce li.joplin-checkbox input,
#joplin-container-content li.joplin-checkbox input {
    display: none;
  }
  body#tinymce li.joplin-checkbox .checkbox-wrapper,
#joplin-container-content li.joplin-checkbox .checkbox-wrapper {
    position: relative;
  }
  body#tinymce li.joplin-checkbox .checkbox-label-unchecked,
#joplin-container-content li.joplin-checkbox .checkbox-label-unchecked {
    position: relative;
  }
  body#tinymce li.joplin-checkbox .checkbox-label-unchecked:before,
#joplin-container-content li.joplin-checkbox .checkbox-label-unchecked:before {
    content: "";
    border-radius: 50%;
    border: 0.1rem solid var(--g-tertiaryLabelColor);
    display: flex;
    height: 1.4rem;
    justify-content: center;
    margin-left: -2.4rem;
    width: 1.4rem;
    left: 0;
    position: absolute;
    top: 0;
  }
  body#tinymce li.joplin-checkbox .checkbox-label-checked,
#joplin-container-content li.joplin-checkbox .checkbox-label-checked {
    opacity: 1;
    position: relative;
    position: relative;
  }
  body#tinymce li.joplin-checkbox .checkbox-label-checked:before,
#joplin-container-content li.joplin-checkbox .checkbox-label-checked:before {
    content: var(--s-icon-checkmark) !important;
    font-family: var(--s-font-family-icons) !important;
    vertical-align: middle;
    display: block;
    transform: scale(var(--s-icon-size-factor));
    background-color: var(--s-controlAccentColor);
    border: 0.1rem solid var(--s-controlAccentColor);
    border-radius: 50%;
    color: var(--g-alternateSelectedControlTextColor);
    display: block;
    font-size: 1rem;
    top: 0;
    margin-left: -2.4rem;
    height: 1.4rem;
    line-height: 1.5rem;
    position: absolute;
    text-align: center;
    transform: scale(1);
    width: 1.4rem;
  }
}
@media screen {
  body#tinymce [data-mce-selected=inline-boundary].inline-code,
#joplin-container-content [data-mce-selected=inline-boundary].inline-code {
    background-color: #f3f3f3;
  }
}
@media screen {
  body#tinymce .mermaid div,
#joplin-container-content .mermaid div {
    color: var(--g-textColorDark);
  }
}


/* Macos Theme Settings */


		:root {
			/* General --------------------------------- */
			--u-base-font-size: 100%;

			

			/* Icons -------------------------------- */
			

			/* Sidebar --------------------------------- */
			--u-sidebar-synchronise-label: '';

			/* Note list ----------------------------- */
			
			
				--u-note-list-zebra-color-odd: transparent;
				--u-note-list-zebra-color-even: transparent;
			

			/* Editor -------------------------------- */
			--u-editor-paragraph-spacing: 1.5rem;
			--u-editor-margin-right: auto ;
			--u-editor-margin-left: 0 ;

			/*
				properties that currently can't be selected via the UI, but maybe should...

				--u-font-family-system: 'Segoe UI', sans-serif;
				--u-font-family-system-rounded: 'Segoe UI', sans-serif;
				--u-sidebar-label-font-size: 1.5rem;
				--u-sidebar-synchronise-label-color: hsl(0, 0%, 50%);
			*/
		}



			
	@media(prefers-color-scheme: dark) {
					:root {
						
	--g-systemBlue: rgba(10, 132, 255, 1);
	--g-systemBrown: rgba(172, 142, 104, 1);
	--g-systemGray: rgba(152, 152, 157, 1);
	--g-systemGreen: rgba(50, 215, 75, 1);
	--g-systemIndigo: rgba(94, 92, 230, 1);
	--g-systemOrange: rgba(255, 159, 10, 1);
	--g-systemPink: rgba(255, 55, 95, 1);
	--g-systemPurple: rgba(191, 90, 242, 1);
	--g-systemRed: rgba(255, 69, 58, 1);
	--g-systemTeal: rgba(90, 200, 245, 1);
	--g-systemYellow: rgba(255, 214, 10, 1);

	/* Labels */
	--g-labelColor: rgba(255, 255, 255, 0.847);
	--g-secondaryLabelColor: rgba(255, 255, 255, 0.549);
	--g-tertiaryLabelColor: rgba(255, 255, 255, 0.247);
	--g-quaternaryLabelColor: rgba(255, 255, 255, 0.098);

	/* Text */
	--g-textColor: rgba(255, 255, 255, 1);
	--g-textColorDark: rgba(0, 0, 0, 1);
	--g-placeholderTextColor: rgba(255, 255, 255, 0.247);
	--g-selectedTextColor: rgba(255, 255, 255, 1);
	--g-textBackgroundColor: rgba(30, 30, 30, 1);
	--g-selectedTextBackgroundColor: rgba(63, 99, 139, 1);
	--g-keyboardFocusIndicatorColor: rgba(26, 169, 255, 0.298);
	--g-unemphasizedSelectedTextColor: rgba(255, 255, 255, 1);
	--g-unemphasizedSelectedTextBackgroundColor: rgba(70, 70, 70, 1);

	/* Content */
	--g-alternatingContentBackgroundColorsEven: rgba(30, 30, 30, 1);
	--g-alternatingContentBackgroundColorsOdd: rgba(255, 255, 255, 0.047);
	--g-linkColor: rgba(65, 156, 255, 1);
	--g-separatorColor: rgba(255, 255, 255, 0.098);
	--g-selectedContentBackgroundColor: rgba(0, 88, 208, 1);
	--g-selectedContentBackgroundColor--h: 215;
	--g-selectedContentBackgroundColor--s: 100%;
	--g-selectedContentBackgroundColor--l: 41%;
	--g-unemphasizedSelectedContentBackgroundColor: rgba(70, 70, 70, 1);

	/* Menus */
	--g-selectedMenuItemTextColor: rgba(255, 255, 255, 1);

	/* Tables */
	--g-gridColor: rgba(26, 26, 26, 1);
	--g-headerTextColor: rgba(255, 255, 255, 1);

	/* Controls */
	--g-controlAccentColor--h: 211;
	--g-controlAccentColor--s: 100%;
	--g-controlAccentColor--l: 50%;
	--g-controlAccentColor--hsl: var(--g-controlAccentColor--h), var(--g-controlAccentColor--s), var(--g-controlAccentColor--l);
	--g-controlAccentColor: hsla(var(--g-controlAccentColor--hsl), 1);
	--g-controlColor: rgba(255, 255, 255, 0.247);
	--g-controlColor--rgb: 255, 255, 255;
	--g-controlColor--hsl: 0, 0%, 100%;
	--g-controlBackgroundColor: rgba(30, 30, 30, 1);
	--g-controlTextColor: rgba(255, 255, 255, 0.847);
	--g-disabledControlTextColor: rgba(255, 255, 255, 0.247);
	--g-scrubberTexturedBackground: rgba(255, 255, 255, 1);
	--g-selectedControlColor: rgba(63, 99, 139, 1);
	--g-selectedControlTextColor: rgba(255, 255, 255, 0.847);
	--g-alternateSelectedControlTextColor: rgba(255, 255, 255, 1);
	--g-alternateSelectedControlTextColor--rgb: 255, 255, 255;

	/* Windows */
	--g-windowBackgroundColor: rgba(50, 50, 50, 1);
	--g-windowFrameTextColor: rgba(255, 255, 255, 0.847);
	--g-underPageBackgroundColor: rgba(40, 40, 40, 1);
	--g-underPageBackgroundColor--rgb: 40, 40, 40;

	/* Highlights & Shadows */
	--g-findHighlightColor: rgba(255, 255, 0, 1);
	--g-highlightColor: rgba(180, 180, 180, 1);
	--g-highlightColor--rgb: 180, 180, 180;
	--g-shadowColor: rgba(0, 0, 0, 1);
	--g-shadowColor--rgb: 0, 0, 0;


						
}
				
			




/* TH STYLES BEGIN HERE */
/* TH STYLES BEGIN HERE */
/* TH STYLES BEGIN HERE */
/* TH STYLES BEGIN HERE */
/* TH STYLES BEGIN HERE */
/* TH STYLES BEGIN HERE */
/* TH STYLES BEGIN HERE */



:root {
  --s-font-family-system: "SF Pro Display" !important;
  --u-font-family-system: "SF Pro Display" !important;
  font-family: "SF Pro Display" !important;
}

.rli-noteList div, .rli-noteList span, .rli-noteList a {
  font-family: "SF Pro Display" !important;
  font-size: 1.35rem !important;
}

.rli-editor button span {
  /*font-family: "SF Pro Display" !important;*/
}

.new-note-todo-buttons {
  padding-right: 0 !important;
  gap: 3px !important;
}

.new-note-todo-buttons > button::before {
  font-size: 1.4rem !important;
}

.rli-noteList .search-bar + div {
  display: none !important;
}

.rli-editor > div > div > div > div:first-child .editor-toolbar div:nth-child(2) a:nth-child(1) i[title]:not([title=""])::before {
    line-height: unset !important;
}



.resizableLayoutItem {
  height: auto !important;
}


.rli-editor > div > div:first-child, .rli-noteList > div > div:first-child, .rli-sideBar > div > div:first-child {
  padding-top: 1.5rem !important;
}

.rli-editor, .rli-noteList, .rli-sideBar {
}

.rli-noteList > div > div > div:first-child {
  margin-top: 0 !important;
  padding: 0rem 1rem 1.2rem 1.5rem !important;
}

.rli-noteList > div > div:first-child {
  background-color: #252525 !important;
}

.editor-toolbar .fa-globe::before {
  font-size: 15px !important;
  vertical-align: 2px !important;
}

.editor-toolbar {
  opacity: .3;
  transition: opacity .2s ease-in-out;
}

.editor-toolbar:hover {
  opacity: 1;
}


.rli-editor .updated-time-label {
  margin-right: 1.8rem;
}

.note-title-info-group .editor-toolbar {
  padding-right: 0 !important;
}

.note-title-info-group .editor-toolbar .spacer {
  width: 0 !important;
  min-width: 0 !important;
}

.rli-editor .title-input {
  margin:0 !important;
  padding-top: 0 !important;
  font-size: 3rem !important;
}

/* Content Editor horizontal paddings */
.rli-editor > div > div:first-child {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.CodeMirror-scroll {
  padding-top: 1.5rem !important;
}

.note-editor-viewer-row {
  padding-top: 0 !important;
}

.rli-sideBar .sidebar {
  margin-top: 0 !important;
  height: unset !important;
  padding-left: 0.5rem !important;
  padding-right: 0.1rem !important;
}

.rli-sideBar .sidebar-header-container > div:first-child {
  padding-top:0 !important;
  margin-top: 0 !important;
}

.rli-sideBar .sidebar-header-container {
  margin-top: 1.5rem;
}

.sidebar-list-items-wrapper > div:nth-child(2) {
  margin-top: 0 !important;
}

.rli-editor > div > div > div > div:first-child {
  margin-bottom: 0.7rem 
}


.rli-editor > div > div > div > div:nth-child(2):has(> button) {
  display: none !important;
}

.rli-editor > div > div > div > div:nth-child(2) > button > span:first-child  {
  display: none;
}

.rli-editor > div > div > div > div:nth-child(2) > button > *  {
  color: white !important;
}





.note-list-item, .note-list-item-wrapper {
  height: 38px !important;
}
.note-list-item 
&:before {
  display: none;
}

.note-list-item > .content {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

.note-list {
  padding: 0 0.4rem 3rem 1.6rem !important;
}






/* Sidebar Styling */

.sidebar.sidebar > div .list-item-container { 
  height: 3.2rem !important;
}

.list-item-wrapper {
  height: unset !important;
}








/* For styling the entire Joplin app (except the rendered Markdown, which is defined in `userstyle.css`) */

div.CodeMirror span.cm-header { color: #bb86fc; }
div.CodeMirror span.cm-quote { color: #80cbc4; }
div.CodeMirror .cm-blockQuote { 
  padding-left: 1rem !important;
}
div.CodeMirror span.cm-negative { color: #ef5350; }
div.CodeMirror span.cm-positive { color: #66bb6a; }

div.CodeMirror span.cm-header,
div.CodeMirror span.cm-strong { font-weight: bold; }
div.CodeMirror span.cm-em { font-style: italic; }

div.CodeMirror span.cm-link {
  text-decoration: underline;
  color: #82aaff;
}
div.CodeMirror span.cm-strikethrough { text-decoration: line-through; }

div.CodeMirror span.cm-keyword { color: #c792ea; }
div.CodeMirror span.cm-atom { color: #f78c6c; }
div.CodeMirror span.cm-number { color: #f78c6c; }
div.CodeMirror span.cm-def { color: #82aaff; }

div.CodeMirror span.cm-variable { color: #ffffffcc; }
div.CodeMirror span.cm-property { color: #addb67; }
div.CodeMirror span.cm-operator { color: #89ddff; }
div.CodeMirror span.cm-punctuation { color: #89ddff; }

div.CodeMirror span.cm-variable-2 { color: #ffcb6b; }
div.CodeMirror span.cm-variable-3,
div.CodeMirror span.cm-type { color: #f07178; }

div.CodeMirror span.cm-comment { color: #616161; font-style: italic; }
div.CodeMirror span.cm-string { color: #c3e88d; }
div.CodeMirror span.cm-string-2 { color: #ff5370; }

div.CodeMirror span.cm-meta,
div.CodeMirror span.cm-qualifier { color: #999999; }

div.CodeMirror span.cm-builtin { color: #d7aefb; }
div.CodeMirror span.cm-bracket { color: #aabfc9; }
div.CodeMirror span.cm-tag { color: #f07178; }
div.CodeMirror span.cm-attribute { color: #c792ea; }
div.CodeMirror span.cm-hr { color: #444444; }

div.CodeMirror span.cm-inlineCode { 
  background-color: #363636;
  border: 1px solid #595959;
}

div.CodeMirror .cm-codeBlock { 
  border-color: transparent !important;
}

div.CodeMirror .cm-codeBlock.cm-regionFirstLine .tok-labelName {
  font-family: sans-serif;
  color: #747474;
}


div.CodeMirror span.cm-error,
span.cm-invalidchar { color: #ff5370; font-weight: bold; }








/* START New in document search panel fix */


.ͼ1 .cm-panel.cm-search {
  padding: 1rem !important;
}


.ͼ1 .cm-panel.cm-search > input {
  box-shadow: 0 0 0 16px hsla(var(--g-controlAccentColor--hsl), 0);
  border: 1px solid var(--g-separatorColor);
  background: var(--g-controlBackgroundColor);
  border-radius: 0.6rem;
  color: var(--g-controlTextColor);
  font-size: 1.3rem !important;
  height: 2.8rem;
  max-height: none;
  padding: 0 0 0 1rem !important;
  min-width: 20rem;
}

.ͼ1 .cm-panel.cm-search > input:focus {
  transition: 0.25s box-shadow cubic-bezier(0.61, 1, 0.88, 1);
  transition-delay: 0.125s;
  box-shadow: 0 0 0 0.35rem hsla(var(--g-controlAccentColor--hsl), 0.5);
  
}

.ͼ1 .cm-panel.cm-search > label {
  display: none !important;
}

.ͼ1 .cm-panel.cm-search > input[name="replace"],
.ͼ1 .cm-panel.cm-search > button[name="select"], 
  .ͼ1 .cm-panel.cm-search > button[name="replace"],
  .ͼ1 .cm-panel.cm-search > button[name="replaceAll"] {
  display: none !important;
}


.ͼ1 .cm-panel.cm-search > button[name="next"],
.ͼ1 .cm-panel.cm-search > button[name="prev"] {
  font-size: 0 !important;
  border: none;
    background: none;
    margin-left: .8rem !important;
}

.ͼ1 .cm-panel.cm-search > button[name="next"]::before,
.ͼ1 .cm-panel.cm-search > button[name="prev"]::before {
  content: var(--s-icon-chevron-up) !important;
font-family: var(--s-font-family-icons) !important;
vertical-align: middle;
display: block;
transform: scale(var(--s-icon-size-factor));
font-weight: 500;
font-size: 1.4rem;
}

.ͼ1 .cm-panel.cm-search > button[name="next"]::before {
  content: var(--s-icon-chevron-down) !important;
}



.ͼ1 .cm-panel.cm-search > button[name="close"] {
  font-size: 2.3rem !important;
  padding-right: 1rem !important;
  top: .8rem !important;
}


.cm-panels-bottom {
  background-color: rgba(40, 40, 40) !important;
}

/* END New in document search panel fix */


/* Editor Status Bar */

.editor-status-bar {
  padding-bottom: 1.3rem;
}