/* === 00-upstream-base.css === */
@charset "UTF-8";
/* stylelint-disable @blueprintjs/no-color-literal */
.rm-all-pages .table .rm-pages-row .rm-pages-col.bp3-text-small {
  text-align: right;
}

/* Set the base font for the app */
.roam-body .roam-app {
  font-family: inherit;
}

/* Reduce padding on mobile device */
@media only screen and (max-width: 500px) {
  .roam-body .roam-app .roam-main .roam-article {
    padding: 16px 21px 120px;
  }
}
.rm-autocomplete__results .rm-code-block {
  margin-right: 0;
}

/* Use a bp3-card layout */
.rm-search-path {
  border-radius: 3px;
  padding: 20px;
}

.rm-search-path .rm-h {
  margin-bottom: 10px;
  font-size: 22px;
  line-height: 25px;
}

.rm-search-path .bp3-input {
  height: 30px;
  line-height: 30px;
  padding: 0 0 0 10px;
  resize: none;
}

.rm-search-path .rm-zoom-path {
  font-size: unset;
}

.rm-search-path .rm-search-path-results .rm-new-item {
  font-size: unset;
}

/* Remove the unnecessary calc and margin */
/* The min height of a block is based on the base font size and the padding */
#block-input-ghost {
  min-height: 31px !important;
}

.roam-block {
  min-height: 31px;
  line-height: 23px;
  margin-top: 0;
}

.rm-block--ghost {
  margin-left: -8px !important;
}

.roam-log-page .rm-block--ghost {
  margin-left: -16px !important;
}

/* Remove top margin from block input */
.rm-block-input {
  margin-top: 0;
  overflow-wrap: break-word;
  line-height: 23px;
}

.rm-E:hover .rm-block__controls {
  display: flex;
}

.rm-g.rm-not-focused.rm-block--open.rm-not-focused > .rm-block__self {
  left: 10px;
}

.bp3-input-group.bp3-small > .bp3-input-left-container > .bp3-icon,
.bp3-input-group.bp3-small > .bp3-icon,
.bp3-input-group.bp3-small .bp3-input-action > .bp3-spinner {
  margin: 4px;
}

.bp3-button[class*=bp3-icon-]::before {
  height: 16px;
  width: 16px;
}

.bp3-running-text table tbody tr:first-child th,
table.bp3-html-table tbody tr:first-child th,
.bp3-running-text table tbody tr:first-child td,
table.bp3-html-table tbody tr:first-child td,
.bp3-running-text table tfoot tr:first-child th,
table.bp3-html-table tfoot tr:first-child th,
.bp3-running-text table tfoot tr:first-child td,
table.bp3-html-table tfoot tr:first-child td {
  color: inherit !important;
}

.bp3-input-group > .bp3-input-left-container > .bp3-icon,
.bp3-input-group > .bp3-icon,
.bp3-input-group .bp3-input-action > .bp3-spinner {
  margin: 8px;
}

.bp3-tag-remove {
  box-shadow: none;
}

.bp3-menu-item-label {
  line-height: 23px;
}

.rm-code-block .cm-panel.cm-search label {
  display: inline-flex;
  line-height: 18px;
}

/* Remove the background color of the command palette */
.rm-command-palette__scroll-container .rm-command-palette__menu {
  background-color: transparent;
}

.rm-command-palette__input-group .bp3-input:focus {
  box-shadow: none;
}

.rm-command-palette__input-group .bp3-input:not(:first-child) {
  height: 40px;
}

.rm-command-palette__input-group .search-icon {
  margin: 14px;
}

/* Remove unnecessary margins from controls and resize them to match the line height */
.controls, .rm-block__controls {
  align-items: center;
  min-height: 31px;
  padding: 0;
}

/* Change display mode for spans to flex to vertically align them */
.controls span, .rm-block__controls span {
  display: flex;
}

/* Remove unnecessary margins from bullets */
.rm-bullet,
.rm-bullet.rm-bullet--closed {
  margin: 0;
}

/* Fix multibar position and remove unnecessary calc */
.rm-multibar {
  left: -12px;
  width: 8px;
}

.rm-multibar:hover {
  width: 9px;
}

.rm-block__self:hover > .controls > .block-expand > .rm-caret-showing {
  opacity: 1;
}

.rm-bullet--numbered {
  align-self: center;
}

.rm-bullet--numbered .rm-bullet__inner--numbered {
  display: inline-block !important;
}

.rm-bullet--numbered-double-digit .rm-bullet__inner--numbered {
  display: inline-block !important;
  margin-right: 20px;
}

.rm-bullet--numbered-triple-digit .rm-bullet__inner--numbered {
  display: inline-block !important;
  margin-right: 80px;
}

/* Fix the date picker day size */
.rm-jump-date-picker .bp3-datepicker-day-wrapper {
  width: 35px;
  height: unset;
}

.bp3-datepicker .DayPicker-Day {
  line-height: unset;
}

.rm-jump-date-picker .DayPicker-Day.DayPicker-Day--selected,
.rm-jump-date-picker .DayPicker-Day.DayPicker-Day--selected:hover,
.rm-jump-date-picker .DayPicker-Day--selected.DayPicker-Day--today,
.rm-jump-date-picker .DayPicker-Day--selected.DayPicker-Day--today:hover,
.bp3-datepicker .bp3-datepicker-day-wrapper:hover,
.bp3-datepicker .DayPicker-Day:hover,
.bp3-datepicker .bp3-datepicker-day-wrapper {
  border-radius: 3px;
}

.rm-page-ref-popover .rm-line,
.rm-page-ref-popover__header {
  display: none;
}

.rm-page-ref-popover .bp3-datepicker .DayPicker-Weekday:not([role=columnheader]),
.rm-page-ref-popover .bp3-datepicker .DayPicker-WeekNumber {
  display: none;
}

/* stylelint-disable @blueprintjs/no-color-literal */
.react-flow__controls-button {
  margin: 4px;
}

.rm-diagram-title {
  padding: 4px;
}

.rm-diagram .rm-diagram-properties-panel__numeric-input .rm-numeric-input {
  height: 28px;
  align-items: center;
}

.rm-diagram .rm-diagram-properties-panel__numeric-input input[type=text] {
  height: 27px;
}

.bp3-light .rm-diagram,
.rm-diagram {
  background-color: rgb(245, 248, 250) !important;
  --group-area-fill-color: rgba(#e1e8ed, 0.2);
  --block-fill-color: #ffffff;
  --block-text-color: #10161a;
  --block-border-color: #a7b6c2;
  --block-text-align: start;
  --group-title-text-color: #10161a;
  --group-border-color: #a7b6c2;
  --group-title-font-size: 18px;
  --global-edge-stroke-color: #10161a;
}

@media (prefers-color-scheme: dark) {
  html:not(.bp3-light) .rm-diagram {
    background-color: #202b33 !important;
    --group-area-fill-color: rgba(#e1e8ed, 0.2);
    --block-fill-color: #ffffff;
    --block-text-color: #10161a;
    --block-border-color: #a7b6c2;
    --block-text-align: start;
    --group-title-text-color: black;
    --group-border-color: #a7b6c2;
    --group-title-font-size: 18px;
    --global-edge-stroke-color: #10161a;
  }
  /* Invert diagram colors in dark mode */
  html:not(.bp3-light) .rm-diagram-minimap,
  html:not(.bp3-light) .rm-diagram .react-flow__node,
  html:not(.bp3-light) .rm-diagram .react-flow__edge {
    filter: invert(1) hue-rotate(-180deg);
  }
  html:not(.bp3-light) .rm-diagram .react-flow__node > .rm-parsed-block-string > span > *:not(.rm-bold),
  html:not(.bp3-light) .rm-diagram .react-flow__node > .rm-parsed-block-string > span > span > span > .rm-block-ref > *,
  html:not(.bp3-light) .rm-diagram .react-flow__node > .rm-parsed-block-string > span > span > span > .rm-block-ref [class^=rm]:not(.rm-bold):not(.rm-italics):not(img):not(.rm-strikethrough) {
    filter: invert(1) hue-rotate(180deg);
  }
  /* Invert colors in colorpicker */
  html:not(.bp3-light) .rm-diagram .rm-diagram-properties-panel__color-picker .bp3-popover-wrapper,
  html:not(.bp3-light) .codemirror-colorpicker,
  html:not(.bp3-light) .rm-diagram .rm-simple-color-picker {
    filter: invert(1) hue-rotate(-180deg);
  }
}
.bp3-dark .rm-diagram {
  background-color: #202b33 !important;
  --group-area-fill-color: rgba(#e1e8ed, 0.2);
  --block-fill-color: #ffffff;
  --block-text-color: #10161a;
  --block-border-color: #a7b6c2;
  --block-text-align: start;
  --group-title-text-color: black;
  --group-border-color: #a7b6c2;
  --group-title-font-size: 18px;
  --global-edge-stroke-color: #10161a;
}
.bp3-dark {
  /* Invert diagram colors in dark mode */
}
.bp3-dark .rm-diagram-minimap,
.bp3-dark .rm-diagram .react-flow__node,
.bp3-dark .rm-diagram .react-flow__edge {
  filter: invert(1) hue-rotate(-180deg);
}
.bp3-dark .rm-diagram .react-flow__node > .rm-parsed-block-string > span > *:not(.rm-bold),
.bp3-dark .rm-diagram .react-flow__node > .rm-parsed-block-string > span > span > span > .rm-block-ref > *,
.bp3-dark .rm-diagram .react-flow__node > .rm-parsed-block-string > span > span > span > .rm-block-ref [class^=rm]:not(.rm-bold):not(.rm-italics):not(img):not(.rm-strikethrough) {
  filter: invert(1) hue-rotate(180deg);
}
.bp3-dark {
  /* Invert colors in colorpicker */
}
.bp3-dark .rm-diagram .rm-diagram-properties-panel__color-picker .bp3-popover-wrapper,
.bp3-dark .codemirror-colorpicker,
.bp3-dark .rm-diagram .rm-simple-color-picker {
  filter: invert(1) hue-rotate(-180deg);
}

.rm-diagram .rm-embed-container {
  margin-left: 0;
}

/* Remove font size for embedded page title */
.rm-embed--page .rm-page__title {
  font-size: unset;
  margin-bottom: 0;
  line-height: 1.5em;
}

/* Remove top padding for page embed */
.rm-embed--page {
  padding-top: 0;
}

/* Remove left padding for page embed */
.rm-embed-container--block {
  margin-left: -39px;
  margin-top: -4px;
  padding-left: 0;
}

.rm-embed--page > .rm-embed-margin-action {
  margin-left: 5px;
}

.rm-hide-bullet > .rm-hide-bullet {
  padding-left: 36px;
}

.rm-show-bullet {
  margin-left: 14px;
}

.rm-embed-inner-block-hide > .rm-embed-margin-action {
  display: none;
}

.rm-embed--page > .rm-embed-margin-action.rm-open {
  margin-left: -5px;
}

.rm-embed--page:hover > .rm-embed-margin-action {
  width: 3px;
  left: -12px;
  opacity: 0.5;
}

.rm-embed--page > .rm-embed-margin-action:hover {
  width: 9px;
  left: -15px;
  opacity: 1;
}

.rm-embed--page .rm-page__title {
  margin-left: -4px;
}

.rm-embed-inner-block-hide .rm-inline-references {
  padding-left: 10px;
  padding-right: 10px;
  background-color: transparent;
}

.rm-embed-container:hover > .rm-embed-edit,
.rm-embed-container .rm-embed-edit {
  top: 0.5px;
  right: 24px;
  opacity: 1;
  background-color: transparent;
}

.rm-embed-container .rm-embed-edit {
  opacity: 0;
}

.rm-embed-path {
  margin-top: -5px;
}

/*
.rm-block-main > .roam-block > span > .rm-embed-container {
  margin-top: 4px;
}
*/
.rm-embed__content > .rm-reference-main:not(.rm-search-query-content) {
  margin-top: 16px;
}

.bp3-menu button.emoji-mart-search-icon {
  height: unset;
  width: unset;
  margin-top: -4px;
}

.emoji-mart-category-label {
  top: -1px;
}

.bp3-menu button.emoji-mart-search-icon svg {
  opacity: 1 !important;
}

.emoji-mart-search {
  z-index: 1000;
}

.emoji-mart-scroll {
  margin-top: 4px;
}

em-emoji-picker {
  --shadow: none;
  --boder-radius: 3px;
}

.rm-extensions-marketplace-dialog {
  overflow: auto;
}

.rm-extensions-marketplace .rm-extensions-marketplace-details {
  height: unset;
}

.rm-extensions-marketplace .rm-extensions-marketplace-details {
  margin: 30px 10px 30px 5px;
  padding: 0;
}

.rm-extensions-marketplace .rm-extension-full {
  padding: 0 20px;
}

.rm-extensions-marketplace .rm-extensions-marketplace-search {
  padding-right: 10px;
  padding-left: 10px;
}

.rm-extensions-marketplace .rm-extension-small {
  margin-right: 10px;
}

/* Hide the line */
.rm-choose-filter .rm-line {
  display: none;
}

/* stylelint-disable @blueprintjs/no-color-literal */
.bp3-light #rm-canvas-container,
#rm-canvas-container {
  background-color: #f5f8fa;
  --graph-overview-label-font: Inter;
  --graph-overview-label-color: #182026;
  --graph-overview-default-node-color: #a7b6c2;
  --graph-overview-selected-node-color: #2b95d6;
  --graph-overview-selected-neighbors-node-color: #48aff0;
  --graph-overview-unselected-node-color: #bfccd6;
  --graph-overview-explore-node-color: #2b95d6;
  --graph-overview-default-edge-color: #ced9e0;
  --graph-overview-selected-edge-color: #48aff0;
  --graph-overview-unselected-edge-color: #d8e1e8;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) #rm-canvas-container {
    background-color: #202b33;
    --graph-overview-label-color: #202b33;
    --graph-overview-default-node-color: #738694;
    --graph-overview-selected-node-color: #48aff0;
    --graph-overview-selected-neighbors-node-color: #137cbd;
    --graph-overview-unselected-node-color: #394b59;
    --graph-overview-explore-node-color: #48aff0;
    --graph-overview-default-edge-color: #5c7080;
    --graph-overview-selected-edge-color: #2b95d6;
    --graph-overview-unselected-edge-color: #394b59;
  }
  html:not(.bp3-light) #rm-canvas-container .sigma-labels {
    filter: invert(1);
  }
}
.bp3-dark #rm-canvas-container {
  background-color: #202b33;
  --graph-overview-label-color: #202b33;
  --graph-overview-default-node-color: #738694;
  --graph-overview-selected-node-color: #48aff0;
  --graph-overview-selected-neighbors-node-color: #137cbd;
  --graph-overview-unselected-node-color: #394b59;
  --graph-overview-explore-node-color: #48aff0;
  --graph-overview-default-edge-color: #5c7080;
  --graph-overview-selected-edge-color: #2b95d6;
  --graph-overview-unselected-edge-color: #394b59;
}

.bp3-dark #rm-canvas-container .sigma-labels {
  filter: invert(1);
}

/* Setting menu in graph dropdown */
.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .icon.settings {
  font-size: 1rem;
  margin-top: 3px;
}

.rm-graph-dropdown a {
  display: flex;
}

.roam-sidebar-container .rm-graphs__search {
  margin: 5px;
}

.roam-body .roam-app .roam-sidebar-container .rm-graph-dropdown .menu-item {
  padding-left: 7px;
  padding-top: 5px;
  width: 100%;
}

.roam-body .roam-app .roam-sidebar-container .rm-graph-dropdown .signout {
  max-width: 200px;
  text-align: left;
}

.rm-graphs__search {
  display: flex;
}

.rm-graphs__search .bp3-input-action {
  display: inline-flex;
}

.rm-heading-level-1 > .rm-block__self {
  margin-top: 2rem;
  margin-bottom: 1rem;
}

.rm-heading-level-1 > .rm-block__self > .rm-block__controls {
  min-height: 42px;
  margin: 4px 0;
}

.rm-heading-level-1 > .rm-block__self .rm-block__input {
  line-height: 42px;
}

.rm-heading-level-2 > .rm-block__self {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.rm-heading-level-2 > .rm-block__self > .rm-block__controls {
  min-height: 33px;
  margin: 4px 0;
}

.rm-heading-level-2 > .rm-block__self .rm-block__input {
  line-height: 33px;
}

.rm-heading-level-3 > .rm-block__self {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.rm-heading-level-3 > .rm-block__self > .rm-block__controls {
  min-height: 27px;
  margin: 4px 0;
}

.rm-heading-level-3 > .rm-block__self .rm-block__input {
  line-height: 27px;
}

.rm-help-search__icon-container {
  position: absolute;
  z-index: 10;
  top: 8px;
}

.rm-help-search__input {
  padding-left: 40px;
}

/* reset all custom styling to defaults */
div {
  font-size: unset;
  line-height: 23px;
  margin: unset;
  padding: unset;
}

textarea {
  font-family: unset;
  font-size: unset;
  line-height: 23px;
  margin: unset;
  padding: unset;
  letter-spacing: 0.002em;
}

/* Fix the focus outline setting for Safari */
*:focus {
  outline-width: 0 !important;
  outline-style: solid;
}

body,
iframe {
  line-height: 23px;
}

.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .log-button {
  line-height: 23px;
}

.roam-sidebar-content .log-button .bp3-icon-list {
  font-family: "Icons20";
  font-size: 1rem;
  display: inline-block;
  vertical-align: text-bottom;
}

.roam-sidebar-content .log-button .bp3-icon-calendar {
  margin-top: -2px;
}

#roam-sidebar-logo:hover {
  text-decoration: none;
}

/* Turn starred pages into a similar layout as the log buttons */
.starred-pages-wrapper {
  padding: 8px 0 !important;
}

.starred-pages-wrapper .title {
  padding: 0 20px;
}

/* Hide the old uppercase Shotcuts title and replace it with a normal formatted one */
.starred-pages-wrapper .title span:not(.bp3-icon-star) {
  display: none;
}

/* Replace the uppercase shortcuts text with a normal formatted one */
.starred-pages-wrapper .title::after {
  content: "Shortcuts";
  font-size: 1rem;
  font-weight: 600;
}

/* Remove the star icon */
.starred-pages-wrapper .title .bp3-icon-small,
.starred-pages-wrapper .title > div {
  display: none;
}

/* Adjust the padding for starred pages */
.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .starred-pages-wrapper .starred-pages .page {
  padding: 5px 20px;
}

/* Remove the horizontal line */
.starred-pages-wrapper > div:first-child {
  display: none;
}

/* Adjust the height of the top row */
.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .top-row {
  height: 3rem;
}

/* Adjust the height of the daily notes */
.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content div.log-button:nth-child(2) {
  margin-top: 7px;
}

.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .icon {
  display: inline-flex;
}

/*
.roam-body .roam-app .roam-sidebar-container[style*="left: -232px"] {
  left: -260px;
}

.roam-body .roam-app .roam-sidebar-container[style*="left: 0px"] {
  width: 260px;
}

.roam-app > .flex-h-box[style*="margin-left: 232px"] {
  margin-left: 260px!important;
}
 */
/* Move the main block slightly back into the article frame */
.roam-log-page .rm-block-children[style="margin-left: -27px;"] {
  margin-left: 0 !important;
}

/* Remove the unnessecary margin for ghost bullets */
.controls .simple-bullet-outer, .rm-block__controls .simple-bullet-outer {
  margin-top: 0;
}

.rm-article-wrapper .roam-log-container .roam-log-page {
  border-top: none;
}

/* Remove negative margin from content area */
.rm-block__children.rm-level-0 {
  margin-left: -16px;
}

/* Fix inline code within the normal block height */
code {
  /* display: inline-flex; */
  line-height: 18px;
  flex-wrap: wrap;
  align-content: center;
  font-size: 0.9rem;
  padding: 2px 5px;
}

.rm-encrypted-block input.bp3-button {
  padding: 5px 10px !important;
}

.rm-encrypted-block {
  display: block;
  margin: 8px;
}

.check-container {
  top: 2.5px;
  width: 16px;
  height: 16px;
}

.check-mark {
  border-radius: 3px;
}

.check-container .checkmark:after {
  left: 4px;
  top: 0.5px;
  width: 8px;
  height: 12px;
  border-width: 0 3px 3px 0;
}

.roam-table td {
  overflow: auto;
}

.rm-option {
  margin: 0 0.5px;
}

/* Remove that extra margin to the right of the main area */
.rm-block-separator {
  min-width: 0;
}

/* And remove the removal of the extra margin for code blocks */
.rm-code-block {
  margin-right: 0;
}

.rm-highlight {
  margin: 0;
  padding: 3px 0;
}

.bp3-dark .rm-spacer {
  filter: invert(1) hue-rotate(180deg);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-spacer {
    filter: invert(1) hue-rotate(180deg);
  }
}
/* stylelint-disable @blueprintjs/no-color-literal */
/* Remove unnecessary margin from menu icon */
.bp3-menu-item::before,
.bp3-menu-item > .bp3-icon {
  margin-left: 0;
  margin-top: 4px;
}

/* Fix the size of the menu icon */
.bp3-menu-item svg {
  height: 16px;
  width: 16px;
}

.bp3-menu-item.bp3-intent-primary.bp3-active .rm-page-ref--link,
.bp3-menu-item.bp3-intent-primary.bp3-active .rm-page-ref__brackets {
  color: #ffffff;
}

.bp3-dark .rm-mermaid {
  filter: invert(1) hue-rotate(180deg) brightness(3);
}

@media (prefers-color-scheme: dark) {
  html:not(.bp3-light) .rm-mermaid {
    filter: invert(1) hue-rotate(180deg) brightness(3);
  }
}
.unlink-finder-legend {
  border: none !important;
}

.speech-to-roam {
  justify-content: space-between;
}

.speech-ui-row1,
.speech-ui-row1 .log-button {
  flex-direction: row-reverse;
}

.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .icon.speech-record-button {
  display: block !important;
  min-width: 24px !important;
  text-align: center;
  margin-left: 0;
  padding-right: 0;
}

.timer {
  padding-right: 8px;
  margin-left: 0;
}

.speech-to-roam-container-left > .speech-ui-row1 > .log-button > span:last-child {
  margin-right: 0;
}

.speech-to-roam-container-left > .speech-ui-row1 > .log-button {
  padding: 0 !important;
}

.speech-to-roam-container-left > .speech-ui-row1:has(.fa-microphone-slash) {
  margin-left: 0;
}

.speech-to-roam-container-left > .speech-ui-row1 > .log-button:not(:has(.digits)) > span:last-child {
  margin-left: 0;
}

.speech-ui-row2 .bp3-button {
  padding: 0;
  margin: 0 2px;
}

.roamjs-smartblock-menu .bp3-menu-item img {
  margin-bottom: 2px;
}

:root {
  --zr-accent-1-hsl: 203, 82%, 41%;
  --zr-accent-2-hsl: 30, 70%, 51%;
  --zr-negative-hsl: 0, 69%, 54%;
  --zr-positive-hsl: 155, 82%, 33%;
  --zr-accent-1: hsla(var(--zr-accent-1-hsl), 100%);
  --zr-accent-2: hsla(var(--zr-accent-2-hsl), 100%);
  --zr-negative-co: hsla(var(--zr-negative-hsl), 100%);
  --zr-positive-co: hsla(var(--zr-positive-hsl), 100%);
  --zr-auxiliary: #5c7080;
  --zr-border-co: #ececec;
  --zr-box-bg: #fff;
  --zr-box-shadow-co: #d7dced4d;
  --zr-dialog-bg: #fff;
  --zr-input-size: 240px;
  --zr-minimal-bg: #cad1df26;
  --zr-negative-bg: #ff929a26;
  --zr-positive-bg: #45d29826;
  --zr-secondary-co: #696969;
  --zr-secondary-fw: 300;
  --zr-shortcut-co: inherit;
  --zr-text-co: inherit;
  --zr-text-small: 0.85rem;
}

[class*=zr] .bp3-tabs.bp3-vertical.zr-tabs > .bp3-tab-list .bp3-tab:not([aria-disabled=true]):hover,
[class*=zr] .bp3-tabs.bp3-vertical.zr-tabs > .bp3-tab-list .bp3-tab[aria-selected=true] {
  box-shadow: none;
}

[class*=zr] .bp3-tabs > .bp3-tab-list > .bp3-tab[aria-selected=true] {
  font-weight: 400;
}

[class*=zr] .bp3-tabs > .bp3-tab-list > .bp3-tab[aria-selected=true] {
  box-shadow: inset 0 -3px 0 #106ba3;
  font-weight: 400;
}

.zr-text-small .bp3-menu-item .bp3-icon:not(.bp3-tag-input-icon) {
  margin-top: 4px;
}

.zr-text-small .bp3-icon:not(.bp3-tag-input-icon) {
  margin-top: 0;
}

.zr-auxiliary-dialog--settings.bp3-dialog {
  height: 75vh;
  width: 80vw;
  min-width: 550px;
  border-radius: 6px;
}

.zr-settings-tabs-wrapper > .bp3-tab-list {
  height: calc(75vh - 40px);
  margin: 20px;
}

.zr-settings--main {
  height: 100%;
  width: 100%;
}

[class*=zr] .bp3-multi-select.bp3-input,
.zr-input-box input:not(.bp3-input-ghost),
.zr-input-box.zr-date-range-input input,
[class*=zr] .bp3-numeric-input input.bp3-input,
textarea.zr-text-input {
  outline: none;
}

/* stylelint-disable @blueprintjs/no-color-literal */
.rm-pomodoro__tomato {
  color: transparent;
  font-size: 0;
}

.rm-pomodoro__tomato::before {
  font-family: "Icons20";
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
  content: "⏲";
  color: #5c7080;
  margin-right: 3px;
}

.rm-pomodoro__checkmark {
  color: transparent;
  font-size: 0;
}

.rm-pomodoro__checkmark::before {
  font-family: "Icons20";
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
  content: "✓";
  float: right;
  margin-left: 3px;
  color: #5c7080;
}

.rm-pomodoro {
  min-width: 0;
  min-height: 0;
  padding: 0;
  text-align: left;
}

.rm-pomodoro.break,
.rm-pomodoro.running {
  padding: 0;
  border: 0;
  background: none !important;
}

.rm-pomodoro.break .rm-pomodoro__tomato::before {
  margin-right: 0;
}

div:has(> .rm-pomodoro) {
  max-height: 23px;
}

/*
.rm-pomodoro div {
  display: inline-flex!important;
}
*/
.rm-pomodoro span {
  margin-right: 3px;
  display: inline-flex;
}

.rm-pomodoro.running {
  color: #a82a2a;
}

.rm-pomodoro.break {
  color: #0a6640;
}

.rm-query div[style="color: red;"] {
  margin: 0 8px;
}

.rm-query-title .bp3-button:not([class*=bp3-intent-]) {
  background-color: transparent;
  background-image: none;
  box-shadow: none;
}

/* Remove unnecessary margin around references */
.rm-reference-main:not(.rm-search-query-content) > div {
  margin: 0 !important;
}

.rm-reference-wrapper .rm-reference-main:not(.rm-search-query-content) {
  margin: 0 0 0 -16px;
  padding-top: 0 !important;
}

/* Add an addition bottom margin to references and remove the left margin */
.rm-mentions .rm-ref-page-view {
  margin-bottom: 8px;
  margin-left: 0;
}

/* Remove the unnecessary padding around the caret */
.rm-mentions .rm-ref-page-view .rm-title-arrow-wrapper .rm-caret {
  padding: 0;
}

/* Remove the left margin for the whole reference block */
.rm-ref-page-view > div:nth-child(2) {
  margin-left: 0 !important;
}

/* Move the reference headings to the left and increase the top margin */
.rm-reference-main > div > div:not(.rm-reference-container) > .flex-h-box {
  margin: 16px 0 0 0;
}

.rm-reference-main > span {
  margin-left: 0 !important;
}

/* Remove unnecessary left margin to align to the bullets of the main block */
.rm-reference-item {
  margin-left: 0;
  margin-right: 0;
}

.rm-mentions .rm-ref-page-view .rm-ref-page-view-title {
  font-size: unset;
}

/* Add an margin between the caret and the reference title */
.rm-mentions .rm-page__title {
  margin-left: 0;
}

/* Optimize the search field */
/* Remove the border */
.rm-mentions-search__input {
  box-shadow: none;
}

/* Set padding and margin so it looks like a normal icon */
.rm-mentions-search__search-icon {
  padding: 4px;
  margin: 3px !important;
  border-radius: 3px;
}

/* Add a standard hover effect */
.rm-mentions-search__search-icon:hover {
  background: rgba(167, 182, 194, 0.3);
}

/* Hide caret on un-hovered reference titles */
.rm-reference-container .rm-mentions .rm-ref-page-view .rm-title-arrow-wrapper .rm-caret,
.rm-reference-main .rm-mentions .rm-ref-page-view .rm-title-arrow-wrapper .rm-caret {
  min-width: 16px;
  min-height: 16px;
  opacity: 0;
  margin-right: 2px;
}

.rm-reference-main.rm-query-content .rm-mentions .rm-ref-page-view .rm-title-arrow-wrapper .rm-caret,
.rm-mentions .rm-ref-page-view .rm-title-arrow-wrapper:hover .rm-caret,
.rm-reference-main:not(.rm-query-content) .rm-mentions .rm-ref-page-view .rm-title-arrow-wrapper:hover .rm-caret {
  opacity: 1;
}

/* Adjust the caret position */
.rm-mentions .rm-ref-page-view .rm-title-arrow-wrapper {
  margin-left: -18px;
}

/* Remove the left padding */
.rm-inline-references {
  padding-left: 0;
}

.rm-inline-references > .rm-multibar {
  display: none;
}

/* Fix overlong non-breaking titles */
.rm-page__title {
  overflow-wrap: break-word;
}

/* Remove the forced underline for references on hover */
.rm-page__title[style*="text-decoration: underline;"] {
  text-decoration: none !important;
}

.rm-embed-path .rm-caret-wrapper,
.rm-inline-references .rm-inline-reference .rm-caret-wrapper {
  margin-top: 0;
  margin-left: 0;
  line-height: 31px;
}

.rm-zoom-mask .bp3-icon-standard {
  font-size: 14px;
}

.rm-inline-references .rm-filter-popup-button {
  margin-top: 3.5px;
  margin-right: 5px;
}

.rm-reference-item-link-button {
  margin-top: 3px !important;
  margin-left: 3px;
}

.rm-reference-main > div > .flex-h-box {
  margin-left: -16px;
}

.rm-reference-main .rm-mentions {
  margin-left: 18px;
}

.rm-block-children .rm-reference-container > .flex-h-box > .rm-caret {
  margin-left: -40px;
}

.rm-block-children .rm-reference-container > .flex-h-box > div:nth-child(2) {
  flex: 0 1 24px !important;
}

.rm-ref-page-view-title > a {
  text-decoration: none !important;
}

.rm-hide-bullet > .rm-embed-inner-block-hide > .controls {
  display: none;
}

.rm-inline-references {
  margin-left: 38px;
}

.rm-inline-references .rm-inline-reference .rm-caret-wrapper {
  margin-left: -11px;
  margin-right: 11px;
}

.rm-inline-references > .rm-block-children > .rm-multibar {
  left: -10px;
}

.rm-inline-references .rm-caret.rm-caret-showing {
  opacity: 0;
}

.rm-inline-reference {
  margin-left: -13px;
}

.rm-inline-references .rm-inline-reference:hover .rm-caret-showing {
  opacity: 1;
}

/* Hide Search and Filter icons when collapsed */
.rm-reference-main .rm-reference-container:has(> .flex-h-box > .rm-caret-closed) .rm-mentions-search,
.rm-reference-main .rm-reference-container:has(> .flex-h-box > .rm-caret-closed) .rm-reference-container {
  display: none;
}

.rm-reference-item {
  padding: 8px;
}

.rm-reference-wrapper .rm-reference-main.rm-query-content {
  margin: 8px 8px 4px 8px;
}

/* Hide the window header caret by default */
.window-headers .rm-caret {
  opacity: 0;
}

.window-headers:hover .rm-caret {
  opacity: 1;
}

/* Re-position the outline area */
.rm-sidebar-outline div[style="margin-left: -20px;"] {
  margin-left: -15px !important;
}

#right-sidebar .rm-sidebar-window {
  margin-left: 0;
}

/*
.window-headers .bp3-icon[style="margin-right: 2px;"] {
  margin-right: 0 !important;
}
 */
/* Move the comment button to the right */
#right-sidebar div[style="min-width: 24px;"] {
  margin-right: -24px;
  z-index: 10;
}

#right-sidebar .rm-sidebar-outline .zoom-path-view {
  margin-top: 8px;
}

/* Adjust the line height of the page title */
#right-sidebar .rm-sidebar-outline .rm-title-display,
#right-sidebar .rm-sidebar-outline .rm-title-editing-display textarea {
  line-height: 2em;
}

.rm-sidebar-search .rm-title-arrow-wrapper,
.rm-sidebar-search .rm-zoom ~ .rm-block {
  margin-left: -16px !important;
}

.rm-sidebar-search .rm-reference-main .rm-mentions {
  margin-left: 0;
}

.rm-sidebar-search .rm-reference-main {
  margin-top: 16px;
}

.rm-search-query-title > div {
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
}

.rm-search-query-title > div input {
  flex-grow: 1;
  margin-right: 2px;
}

.rm-search-query-title > div input,
.rm-search-query-title > div button {
  font-size: 1rem;
}

.rm-sidebar-search > div {
  padding-right: 8px;
}

.rm-search-query-content > span {
  font-weight: 600;
}

.rm-search-query-title > div input {
  min-width: 80px !important;
  max-width: 500px !important;
}

.rm-search-query-title > div button {
  min-width: 60px !important;
}

.bp3-dark .roamjs-smartblock-menu .bp3-menu-item img {
  filter: invert(1) hue-rotate(180deg);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .roamjs-smartblock-menu .bp3-menu-item img {
    filter: invert(1) hue-rotate(180deg);
  }
}
.roamjs-daily-config-tabs .bp3-tab-list .bp3-control.bp3-switch.bp3-large:not(.bp3-align-right) {
  padding-left: 45px;
  margin-right: 60px;
}

/* Fixes errors in roam research default css */
#info table,
#info th,
#info td,
.roam-table th,
.roam-table td,
.roam-table tr,
.import-table th,
.import-table td,
.import-table tr,
.rm-settings .rm-settings-panel table th,
.rm-settings .rm-settings-panel table td,
.rm-settings .rm-settings-panel table tr {
  margin: 0;
}

.rm-section-item {
  max-width: max-content;
}

.rm-block--side {
  align-items: flex-start;
}

#right-sidebar {
  overflow: hidden;
}

#right-sidebar .rm-resize-handle {
  left: -4px;
}

#right-sidebar .rm-reference-main {
  padding: 0;
}

.image-1,
.rm-add-db-form .rm-error-message,
.rm-modal-dialog.rm-modal-dialog--create-new-api-token .rm-error-message {
  margin-right: 8px;
}

.rm-choose-filter .rm-filter-button .bp3-icon-globe {
  color: #5C7080;
}

/*
.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .starred-pages-wrapper .title {
  color: rgba(92,112,128,.7);
}
*/
.rm-article-wrapper.rm-spacing--small {
  transform: none;
  transition: all ease-in 100ms;
}

.rm-find-or-create-wrapper .rm-menu-item .rm-search-list-item {
  overflow-wrap: normal;
}

.slider .slider-cell {
  flex: 1 0 100%;
}

#db-permissions-modal .sharing-grid textarea {
  overflow-y: hidden;
}

.rm-right-sidebar__helper-text {
  display: flex;
}

.rm-bullet:active {
  cursor: grab;
}

.rm-block-input {
  overflow-wrap: normal;
}

#mobile-capture li {
  list-style-position: outside;
}

.rm-choose-filter .rm-filter-button {
  margin-left: 3px;
  margin-right: 3px;
}

.rm-settings .rm-settings-panel .rm-radio-group__option--align-right {
  flex-direction: row-reverse;
  justify-content: space-between;
}

.rm-search-query--condensed .rm-query .rm-zoom, .rm-query--condensed .rm-search-query .rm-zoom, .rm-search-query--condensed .rm-search-query .rm-zoom {
  display: none;
}

.rm-query--condensed .rm-query .rm-query-title, .rm-search-query--condensed .rm-query .rm-query-title, .rm-query--condensed .rm-search-query .rm-search-query-title, .rm-search-query--condensed .rm-search-query .rm-search-query-title {
  display: none;
}

.rm-query--condensed .rm-query, .rm-search-query--condensed .rm-query, .rm-query--condensed .rm-search-query, .rm-search-query--condensed .rm-search-query {
  background-color: #a8c2ce;
  border: none;
  padding: -4px;
  margin: -6px 0;
}

.rm-query--condensed .rm-query-content > span, .rm-search-query--condensed .rm-query-content > span, .rm-query--condensed .rm-search-query-content > span, .rm-search-query--condensed .rm-search-query-content > span {
  float: right;
  margin-right: -72px;
}

.rm-query--condensed .rm-query .rm-ref-page-view, .rm-search-query--condensed .rm-query .rm-ref-page-view, .rm-query--condensed .rm-search-query .rm-ref-page-view, .rm-search-query--condensed .rm-search-query .rm-ref-page-view {
  display: contents;
  border-left: 2px solid grey;
}

.rm-query--condensed .rm-query .rm-ref-page-view .rm-title-arrow-wrapper, .rm-search-query--condensed .rm-query .rm-ref-page-view .rm-title-arrow-wrapper, .rm-query--condensed .rm-search-query .rm-ref-page-view .rm-title-arrow-wrapper, .rm-search-query--condensed .rm-search-query .rm-ref-page-view .rm-title-arrow-wrapper {
  display: none;
}

.rm-query--condensed .rm-query-content .refs-by-page-view > div > div, .rm-search-query--condensed .rm-query-content .refs-by-page-view > div > div, .rm-query--condensed .rm-search-query-content .refs-by-page-view > div > div, .rm-search-query--condensed .rm-search-query-content .refs-by-page-view > div > div {
  display: grid;
  grid-auto-flow: row;
  grid-template-columns: 1fr 1fr;
  grid-gap: 12px;
}

.row {
  margin-left: 0;
  margin-right: 0;
}

.bp3-dark {
  background-color: unset;
  color: unset;
}

/* Re-Style the roam css and roam js dialogs */
.rm-roam-css__description:first-child, .rm-code-warning__description:first-child {
  line-height: 20px;
  margin-bottom: 5px;
  margin-top: 0;
}

.rm-roam-css, .rm-code-warning {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.rm-roam-css button, .rm-code-warning button {
  min-width: 80px;
  order: 3;
}

.rm-roam-css div, .rm-code-warning div {
  text-align: left;
  width: 100%;
}

/* Add a margin for search queries */
.rm-query .rm-query-content,
.rm-search-query .rm-query-content,
.rm-query .rm-search-query-content,
.rm-search-query .rm-search-query-content {
  margin: 8px 8px 4px 8px;
  padding: 0 !important;
}

.rm-search-query-content > span,
.rm-search-query-content > div.dont-focus-block {
  margin-left: 0 !important;
}

.rm-sidebar-search .rm-reference-item {
  padding: 8px 0;
}

.rm-settings--desktop .rm-settings__tab:not(.rm-settings__panel-wrapper)[aria-selected=true]:before {
  display: none;
}

.rm-settings--desktop .rm-settings-tabs > .bp3-tab-list {
  margin-left: 20px;
  margin-right: 0;
  padding-right: 20px;
}

.rm-settings--desktop .rm-settings-heading {
  margin-top: 32px;
}

.rm-settings .rm-settings__tab.rm-settings__tab:not(.rm-settings__panel-wrapper) {
  padding: 0 10px;
}

.rm-settings--desktop .rm-settings-heading {
  margin-left: 0;
}

.rm-settings .rm-settings-panel .rm-user-settings {
  padding-left: 8px;
}

.rm-settings .rm-select-wrapper button.bp3-button {
  min-height: 30px;
}

.rm-settings .rm-settings-panel table th,
.rm-settings .rm-settings-panel table td,
.rm-settings .rm-settings-panel table tr {
  color: inherit !important;
}

.rm-settings--desktop .rm-extension-settings-heading {
  margin-left: 0;
  margin-top: 20px;
}

.rm-settings .rm-settings-panel .rm-settings-panel__small-numeric-input input[type=text] {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.rm-extensions-settings .bp3-button:not([class*=bp3-intent-]):not([class*=bp3-minimal]) {
  background-color: inherit;
}

.rm-settings--desktop .rm-settings-panel {
  padding-left: 4px;
}

.bp3-toast-message {
  padding: 10px;
}

.rm-topbar {
  height: 3rem;
}

.rm-topbar .rm-files-dropzone {
  height: 3rem;
}

.rm-block__see {
  transition-delay: 20ms;
  transition: all 20ms ease-in-out;
}

.rm-block__self .rm-block__ref-count {
  transition: all 20ms ease-in-out;
}

.rm-multibar {
  transition: all 20ms ease-in;
}

#rm-mobile-bar {
  transition: all 20ms ease-in;
}

.rm-diagram .rm-diagram-properties-panel__header .bp3-icon-chevron-right {
  transition: all 20ms ease-in;
}

.rm-diagram .rm-diagram-properties-panel__section {
  transition: all 20ms ease-in;
}

#rm-electron-find {
  transition: all 20ms ease-in;
}

.rm-embed-children__container {
  transition: margin-left 20ms ease-in;
}

.rm-embed-children__inner {
  transition: all 20ms ease-in;
}

.rm-embed-children__open-bar {
  transition: all 20ms ease-in;
}

.rm-embed-container:hover > .rm-embed-edit {
  transition: all 20ms ease-in;
}

.rm-embed-margin-action-edit {
  transition: all 20ms ease-in;
}

.rm-embed-show-bullet > .rm-embed-margin-action-edit {
  transition: all 20ms ease-in;
}

.rm-embed-margin-action {
  transition: all 20ms ease-in;
}

.rm-embed-show-bullets-button-x {
  transition: all 20ms ease-in;
}

.rm-embed-inner-block-hide {
  transition: all 20ms ease-in;
}

.rm-embed-inner-block-hide:hover > .rm-embed-show-bullets-button-x {
  transition: all 20ms ease-in;
}

.rm-hide-bullet > .rm-embed-inner-block-hide {
  transition: all 20ms ease-in;
}

.rm-hide-bullet > .rm-embed-inner-block-hide:hover > .rm-embed-show-bullets-button-x {
  transition: all 20ms ease-in;
}

.rm-embed--page {
  transition: all 20ms ease-in-out;
}

.rm-embed--page > .rm-embed-margin-action {
  transition: all 20ms ease-in-out;
}

#right-sidebar .rm-sidebar-card .rm-sidebar-card-controls {
  transition: all 20ms ease-in;
}

.rm-choose-filter {
  transition: all 20ms ease-in;
}

.roam-body .roam-app .roam-sidebar-container {
  transition: all 20ms ease-in;
}

.rm-article-wrapper {
  transition: padding ease-in-out 20ms;
}

.rm-find-or-create-wrapper {
  transition: all 20ms ease-in;
}

.rm-mentions-search {
  transition: all 20ms ease-in;
}

.rm-hide.rm-not-focused.rm-block--closed {
  transition: all 20ms ease-in;
}

.rm-hide.rm-not-focused.rm-block--closed > .rm-block__self .rm-block__controls .rm-caret, .rm-hide.rm-not-focused.rm-block--closed > .rm-block__self .rm-block__controls .rm-caret-hidden, .rm-hide.rm-not-focused.rm-block--closed > .rm-block__self .rm-block__controls .rm-caret:hover {
  transition: all 20ms ease-in;
}

.rm-bullet::after {
  transition: all 20ms ease-in;
}

.rm-paren {
  transition: all 20ms ease-in-out;
}

.rm-caret {
  transition: all 100ms ease-in;
}

.roamjs-workbench-stats-drawer .flex.flex-col {
  flex-direction: column;
}

.roamjs-workbench-live-preview {
  overflow: auto;
  max-width: 50lvw;
  max-height: 90lvh;
}

.roam-block:has(span > span > sub) > span > span button::before {
  content: "Show Post";
}

.roam-block:has(span > span > div > div.twitter-tweet) > span > span > button::before {
  content: "Hide Post";
}

.roam-block:has(span > span > sub) > span > span > sub {
  display: none;
}

/* Remove margin from zoom path */
.rm-zoom.zoom-mentions-view {
  margin: 0;
}

.rm-zoom.zoom-path-view {
  margin: 4px 0;
}

.rm-zoom .rm-zoom-item .rm-zoom-item-content {
  padding: 0;
}

.rm-zoom-item .rm-mention-icon {
  margin: 0 5px;
}

.rm-zoom-path .rm-zoom-item .rm-zoom-item-content {
  line-height: 23px;
}

.rm-zoom-path span {
  display: inline-flex;
}

.rm-zoom-mask .bp3-icon-standard {
  margin-top: 2px;
}

.roam-article > div > div[style="margin-left: -20px;"] {
  margin-left: -18px !important;
}

.rm-zoom-path .rm-zoom-item .rm-zoom-item-content:first-child {
  padding-left: 0;
}

.rm-zoom-path .rm-zoom-item:first-child {
  padding-left: 0;
  margin-left: 0;
}

.rm-zoom-item .squish {
  margin-top: 2px;
}

/* @import "modules/bullet-effects"; */
/* @import "modules/centered-search"; */
/*
.rm-block div:has(>span>span>span>span>span>span>label:not(.rm-multiselect-checkbox)>input:checked),
.rm-block div:has(>span>span>label:not(.rm-multiselect-checkbox)>input:checked) {
  color: $gray3!important;
  text-decoration: line-through;
}
*/
.rm-block-ref > span:has(> .rm-checkbox > label.check-container > input:checked),
.roam-block > span:has(> .rm-checkbox > label.check-container > input:checked) {
  color: #8a9ba8 !important;
  text-decoration: line-through;
}

/* -- Fix for the new Roam update changing the way todos are implemeneted
.roam-block > span:has(.rm-done) {
  color: $gray3!important;
  text-decoration: line-through;
}
 */
/*
Images in the right sidebar will be scaled dynamically to fit the width of the bar.

Images in the content area will be scaled to 100% once the reach the max width of 580px
*/
#roam-right-sidebar-content .rm-inline-img__resize,
#roam-right-sidebar-content .react-resizable {
  width: unset !important;
}

.rm-inline-img__resize[style*="width: 580px"],
.react-resizable[style*="width: 580px"] {
  width: 100% !important;
}

div.hoverparent[style*="width: 580px;"],
div.hoverparent[style*="width: 580px;"] div.react-resizable {
  width: 100% !important;
}

.rm-find-or-create-wrapper {
  transition: none;
  max-width: 400px;
}

.rm-find-or-create-wrapper:has(#find-or-create-input:focus) {
  flex: 0 1 100% !important;
  max-width: 600px;
}

.rm-topbar:has(#find-or-create-input:focus) .bp3-popover-wrapper:not(.bp3-input-action) .bp3-button,
.rm-topbar:has(#find-or-create-input:focus) .rm-sync {
  transition: none;
  display: none;
}

.rm-topbar:has(#find-or-create-input:focus) .bp3-popover-wrapper.bp3-input-action .bp3-button {
  display: block;
}

.rm-find-or-create-wrapper .bp3-menu {
  /* height: 90dvh; */
  max-height: 88dvh;
}

.cm-gutters {
  display: none !important;
}

.rm-code-block {
  padding: 5px;
}

#roam-sidebar-logo {
  display: none;
}

.starred-pages-wrapper > .title {
  display: none;
}

.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .icon,
.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .bp3-button .bp3-icon-search {
  display: none !important;
}

.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .log-button {
  font-weight: 600;
}

.rm-video-player__comment-button {
  background-color: transparent;
}

.rm-article-wrapper .roam-log-container .roam-log-page:first-child {
  min-height: unset;
}

@media screen and (max-width: 600px) {
  .block-expand .rm-caret {
    font-size: 24px;
    height: 24px !important;
  }
  .block-expand {
    display: block;
    float: right;
    right: -23px;
    position: absolute;
  }
  .roam-article {
    padding-left: 16px !important;
    padding-right: 32px !important;
  }
  .rm-reference-main .block-expand {
    display: block;
    float: right;
    right: -30px;
    position: absolute;
  }
  .rm-block--closed:has(.rm-bullet.rm-bullet--closed) > .rm-block-main.rm-block__self .rm-caret.rm-caret-hidden,
  .roam-block-container:has(.rm-block-children > .roam-block-container) > .rm-block-main.rm-block__self .rm-caret.rm-caret-hidden {
    opacity: 1;
  }
  .rm-bullet, .rm-bullet.rm-bullet--closed {
    margin-left: 16px;
  }
}
@media screen and (max-width: 600px) {
  .roam-app > .flex-h-box {
    flex-direction: column;
  }
  #right-sidebar .bp3-icon-menu-open {
    transform: rotate(90deg);
  }
}
:is(span[data-link-uid*="-17"], span[data-link-uid*="-18"], span[data-link-uid*="-19"], span[data-link-uid*="-20"], span[data-link-uid*="-21"]) .rm-page-ref {
  white-space: nowrap;
}

/*.rm-block .rm-bullet {
  opacity: 0.2;
}

.rm-block:hover > .rm-block-main > .controls > .rm-bullet {
  opacity: 1;
}

.rm-focused > .rm-block-main > .controls > .rm-bullet {
  opacity: 1;
}
*/
.rm-focused > .rm-block-main > .controls > .rm-bullet > .bp3-popover-wrapper .rm-bullet__inner {
  background-color: #293742;
}

.bp3-dark .rm-focused > .rm-block-main > .controls > .rm-bullet > .bp3-popover-wrapper .rm-bullet__inner {
  background-color: #e1e8ed;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-focused > .rm-block-main > .controls > .rm-bullet > .bp3-popover-wrapper .rm-bullet__inner {
    background-color: #e1e8ed;
  }
}
/*
.rm-block .rm-multibar {
  opacity: 0.2;
}

.rm-block:hover > .rm-block-children > .rm-multibar {
  opacity: 1;
}

.rm-focused > .rm-block-children > .rm-multibar {
  opacity: 1;
}

.rm-ref-page-view .rm-title-arrow-wrapper > .rm-caret {
  opacity: 0.2;
}

.rm-ref-page-view:hover .rm-title-arrow-wrapper > .rm-caret {
  opacity: 1;
}*/
/* stylelint-disable @blueprintjs/no-color-literal */
.title-children-text {
  color: #5c7080;
}

.bp3-light .title-children-text {
  color: #5c7080;
}

.bp3-dark .title-children-text {
  color: #a7b6c2;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .title-children-text {
    color: #a7b6c2;
  }
}
.rm-clickable-pill {
  background-color: #48aff0;
  color: #ffffff;
  opacity: 1;
}

.bp3-light .rm-clickable-pill {
  background-color: #48aff0;
  color: #ffffff;
  opacity: 1;
}

.bp3-dark .rm-clickable-pill {
  background-color: #0e5a8a;
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-clickable-pill {
    background-color: #0e5a8a;
    color: rgb(245, 248, 250);
  }
}
.rm-clickable-pill.empty-pill {
  background-color: #e1e8ed;
  color: #182026;
  opacity: 1;
}

.bp3-light .rm-clickable-pill.empty-pill {
  background-color: #e1e8ed;
  color: #182026;
  opacity: 1;
}

.bp3-dark .rm-clickable-pill.empty-pill {
  background-color: #30404d;
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-clickable-pill.empty-pill {
    background-color: #30404d;
    color: rgb(245, 248, 250);
  }
}
.rm-clickable-pill.level1-pill {
  background-color: #2b95d6;
  color: #ffffff;
  opacity: 1;
}

.bp3-light .rm-clickable-pill.level1-pill {
  background-color: #2b95d6;
  color: #ffffff;
  opacity: 1;
}

.bp3-dark .rm-clickable-pill.level1-pill {
  background-color: #106ba3;
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-clickable-pill.level1-pill {
    background-color: #106ba3;
    color: rgb(245, 248, 250);
  }
}
.rm-clickable-pill.level2-pill {
  background-color: hsl(203, 82%, 41%);
  color: #ffffff;
  opacity: 1;
}

.bp3-light .rm-clickable-pill.level2-pill {
  background-color: hsl(203, 82%, 41%);
  color: #ffffff;
  opacity: 1;
}

.bp3-dark .rm-clickable-pill.level2-pill {
  background-color: hsl(203, 82%, 41%);
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-clickable-pill.level2-pill {
    background-color: hsl(203, 82%, 41%);
    color: rgb(245, 248, 250);
  }
}
.rm-clickable-pill.level3-pill {
  background-color: #106ba3;
  color: #ffffff;
  opacity: 1;
}

.bp3-light .rm-clickable-pill.level3-pill {
  background-color: #106ba3;
  color: #ffffff;
  opacity: 1;
}

.bp3-dark .rm-clickable-pill.level3-pill {
  background-color: #2b95d6;
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-clickable-pill.level3-pill {
    background-color: #2b95d6;
    color: rgb(245, 248, 250);
  }
}
.delete-all-dialog-list {
  background-color: transparent;
}

.bp3-light .delete-all-dialog-list {
  background-color: transparent;
}

.bp3-dark .delete-all-dialog-list {
  background-color: transparent;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .delete-all-dialog-list {
    background-color: transparent;
  }
}
.delete-all-dialog-items {
  border-bottom: 1px solid rgba(16, 22, 26, 0.15);
}

.bp3-light .delete-all-dialog-items {
  border-bottom: 1px solid rgba(16, 22, 26, 0.15);
}

.bp3-dark .delete-all-dialog-items {
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.15);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .delete-all-dialog-items {
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.15);
  }
}
.delete-all-dialog-secondary-text {
  color: #5c7080;
}

.bp3-light .delete-all-dialog-secondary-text {
  color: #5c7080;
}

.bp3-dark .delete-all-dialog-secondary-text {
  color: #5c7080;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .delete-all-dialog-secondary-text {
    color: #5c7080;
  }
}
.rm-pages-toolbar .toolbar-search-group .filter-button .filter-icon.filtered {
  color: #106ba3;
}

.bp3-light .rm-pages-toolbar .toolbar-search-group .filter-button .filter-icon.filtered {
  color: #106ba3;
}

.bp3-dark .rm-pages-toolbar .toolbar-search-group .filter-button .filter-icon.filtered {
  color: #48aff0;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-pages-toolbar .toolbar-search-group .filter-button .filter-icon.filtered {
    color: #48aff0;
  }
}
.rm-pages-toolbar .toolbar-search-group .search-input:focus {
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  box-shadow: 0 0 0 1px hsl(203, 82%, 41%), 0 0 0 3px rgba(18.819, 124.5539, 190.281, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.2);
}

.bp3-light .rm-pages-toolbar .toolbar-search-group .search-input:focus {
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  box-shadow: 0 0 0 1px hsl(203, 82%, 41%), 0 0 0 3px rgba(18.819, 124.5539, 190.281, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.2);
}

.bp3-dark .rm-pages-toolbar .toolbar-search-group .search-input:focus {
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  box-shadow: 0 0 0 1px hsl(203, 82%, 41%), 0 0 0 1px hsl(203, 82%, 41%), 0 0 0 3px rgba(18.819, 124.5539, 190.281, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-pages-toolbar .toolbar-search-group .search-input:focus {
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
    box-shadow: 0 0 0 1px hsl(203, 82%, 41%), 0 0 0 1px hsl(203, 82%, 41%), 0 0 0 3px rgba(18.819, 124.5539, 190.281, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
  }
}
.rm-pages-toolbar .toolbar-search-group .search-input {
  background-color: #ffffff;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  border-radius: 30px;
  box-shadow: 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2);
  color: #182026;
  font-size: 1rem;
  font-weight: 400;
}

.bp3-light .rm-pages-toolbar .toolbar-search-group .search-input {
  background-color: #ffffff;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  border-radius: 30px;
  box-shadow: 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2);
  color: #182026;
  font-size: 1rem;
  font-weight: 400;
}

.bp3-dark .rm-pages-toolbar .toolbar-search-group .search-input {
  background-color: rgba(16, 22, 26, 0.3);
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  box-shadow: 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-pages-toolbar .toolbar-search-group .search-input {
    background-color: rgba(16, 22, 26, 0.3);
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
    box-shadow: 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
    color: rgb(245, 248, 250);
  }
}
.rm-pages-toolbar .toolbar-search-group .search-icon {
  color: #5c7080;
}

.bp3-light .rm-pages-toolbar .toolbar-search-group .search-icon {
  color: #5c7080;
}

.bp3-dark .rm-pages-toolbar .toolbar-search-group .search-icon {
  color: #a7b6c2;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-pages-toolbar .toolbar-search-group .search-icon {
    color: #a7b6c2;
  }
}
.rm-pages-toolbar .toolbar-search-group .search-input::placeholder {
  color: rgba(92, 112, 128, 0.6);
}

.bp3-light .rm-pages-toolbar .toolbar-search-group .search-input::placeholder {
  color: rgba(92, 112, 128, 0.6);
}

.bp3-dark .rm-pages-toolbar .toolbar-search-group .search-input::placeholder {
  color: rgba(167, 182, 194, 0.6);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-pages-toolbar .toolbar-search-group .search-input::placeholder {
    color: rgba(167, 182, 194, 0.6);
  }
}
.rm-all-pages .table .rm-pages-row {
  border-bottom: none;
  box-shadow: inset 0 1px 0 0 rgba(16, 22, 26, 0.15);
  color: #182026;
}

.bp3-light .rm-all-pages .table .rm-pages-row {
  border-bottom: none;
  box-shadow: inset 0 1px 0 0 rgba(16, 22, 26, 0.15);
  color: #182026;
}

.bp3-dark .rm-all-pages .table .rm-pages-row {
  border-bottom: none;
  box-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, 0.15);
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-all-pages .table .rm-pages-row {
    border-bottom: none;
    box-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, 0.15);
    color: rgb(245, 248, 250);
  }
}
.rm-all-pages .table .rm-pages-row.rm-pages-row-header {
  background-color: transparent;
  border-top: none;
  border-bottom: none;
  border-radius: 0;
  color: #182026;
}

.bp3-light .rm-all-pages .table .rm-pages-row.rm-pages-row-header {
  background-color: transparent;
  border-top: none;
  border-bottom: none;
  border-radius: 0;
  color: #182026;
}

.bp3-dark .rm-all-pages .table .rm-pages-row.rm-pages-row-header {
  background-color: transparent;
  border-top: none;
  border-bottom: none;
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-all-pages .table .rm-pages-row.rm-pages-row-header {
    background-color: transparent;
    border-top: none;
    border-bottom: none;
    color: rgb(245, 248, 250);
  }
}
.rm-pages-toolbar .toolbar-search-group .search-icon.focused {
  color: #5c7080;
}

.bp3-light .rm-pages-toolbar .toolbar-search-group .search-icon.focused {
  color: #5c7080;
}

.bp3-dark .rm-pages-toolbar .toolbar-search-group .search-icon.focused {
  color: #a7b6c2;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-pages-toolbar .toolbar-search-group .search-icon.focused {
    color: #a7b6c2;
  }
}
.sorting-button-group .sort-button.focused {
  color: #106ba3;
}

.bp3-light .sorting-button-group .sort-button.focused {
  color: #106ba3;
}

.bp3-dark .sorting-button-group .sort-button.focused {
  color: #48aff0;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .sorting-button-group .sort-button.focused {
    color: #48aff0;
  }
}
.sorted-header-text {
  color: #182026;
  font-weight: 400;
}

.bp3-light .sorted-header-text {
  color: #182026;
  font-weight: 400;
}

.bp3-dark .sorted-header-text {
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .sorted-header-text {
    color: rgb(245, 248, 250);
  }
}
.rm-all-pages .table .rm-pages-row .rm-pages-title-col {
  color: #182026;
}

.bp3-light .rm-all-pages .table .rm-pages-row .rm-pages-title-col {
  color: #182026;
}

.bp3-dark .rm-all-pages .table .rm-pages-row .rm-pages-title-col {
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-all-pages .table .rm-pages-row .rm-pages-title-col {
    color: rgb(245, 248, 250);
  }
}
.rm-pages-title-text {
  color: #182026;
}

.bp3-light .rm-pages-title-text {
  color: #182026;
}

.bp3-dark .rm-pages-title-text {
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-pages-title-text {
    color: rgb(245, 248, 250);
  }
}
#rm-electron-find {
  background-color: #ffffff;
}

.bp3-light #rm-electron-find {
  background-color: #ffffff;
}

.bp3-dark #rm-electron-find {
  background-color: #293742;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) #rm-electron-find {
    background-color: #293742;
  }
}
.roam-body .roam-app {
  color: #30404d;
}

.bp3-light .roam-body .roam-app {
  color: #30404d;
}

.bp3-dark .roam-body .roam-app {
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .roam-body .roam-app {
    color: rgb(245, 248, 250);
  }
}
.rm-autocomplete__results .rm-code-block {
  background-color: #ffffff;
}

.bp3-light .rm-autocomplete__results .rm-code-block {
  background-color: #ffffff;
}

.bp3-dark .rm-autocomplete__results .rm-code-block {
  background-color: #293742;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-autocomplete__results .rm-code-block {
    background-color: #293742;
  }
}
.rm-autocomplete__results > div[style*="background-color: rgb(213, 218, 223);"] {
  background-color: rgba(115, 134, 148, 0.3) !important;
  color: #182026 !important;
}

.bp3-light .rm-autocomplete__results > div[style*="background-color: rgb(213, 218, 223);"] {
  background-color: rgba(115, 134, 148, 0.3) !important;
  color: #182026 !important;
}

.bp3-dark .rm-autocomplete__results > div[style*="background-color: rgb(213, 218, 223);"] {
  background-color: rgba(138, 155, 168, 0.3) !important;
  color: rgb(245, 248, 250) !important;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-autocomplete__results > div[style*="background-color: rgb(213, 218, 223);"] {
    background-color: rgba(138, 155, 168, 0.3) !important;
    color: rgb(245, 248, 250) !important;
  }
}
.rm-autocomplete__results > div[style*="background-color: rgb(213, 218, 223);"] span, .rm-autocomplete__results > div[style*="background-color: rgb(213, 218, 223);"] .rm-code-block .cm-gutters, .rm-autocomplete__results > div[style*="background-color: rgb(213, 218, 223);"] .rm-code-block .cm-line {
  color: #182026 !important;
}

.bp3-light .rm-autocomplete__results > div[style*="background-color: rgb(213, 218, 223);"] span, .bp3-light .rm-autocomplete__results > div[style*="background-color: rgb(213, 218, 223);"] .rm-code-block .cm-gutters, .bp3-light .rm-autocomplete__results > div[style*="background-color: rgb(213, 218, 223);"] .rm-code-block .cm-line {
  color: #182026 !important;
}

.bp3-dark .rm-autocomplete__results > div[style*="background-color: rgb(213, 218, 223);"] span, .bp3-dark .rm-autocomplete__results > div[style*="background-color: rgb(213, 218, 223);"] .rm-code-block .cm-gutters, .bp3-dark .rm-autocomplete__results > div[style*="background-color: rgb(213, 218, 223);"] .rm-code-block .cm-line {
  color: rgb(245, 248, 250) !important;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-autocomplete__results > div[style*="background-color: rgb(213, 218, 223);"] span, :where(:root:not(.bp3-light)) .rm-autocomplete__results > div[style*="background-color: rgb(213, 218, 223);"] .rm-code-block .cm-gutters, :where(:root:not(.bp3-light)) .rm-autocomplete__results > div[style*="background-color: rgb(213, 218, 223);"] .rm-code-block .cm-line {
    color: rgb(245, 248, 250) !important;
  }
}
.rm-autocomplete__results > div[style*="background-color: rgb(213, 218, 223);"] .bp3-text-overflow-ellipsis[style="color: rgb(129, 145, 157);"] {
  color: #182026 !important;
}

.bp3-light .rm-autocomplete__results > div[style*="background-color: rgb(213, 218, 223);"] .bp3-text-overflow-ellipsis[style="color: rgb(129, 145, 157);"] {
  color: #182026 !important;
}

.bp3-dark .rm-autocomplete__results > div[style*="background-color: rgb(213, 218, 223);"] .bp3-text-overflow-ellipsis[style="color: rgb(129, 145, 157);"] {
  color: rgb(245, 248, 250) !important;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-autocomplete__results > div[style*="background-color: rgb(213, 218, 223);"] .bp3-text-overflow-ellipsis[style="color: rgb(129, 145, 157);"] {
    color: rgb(245, 248, 250) !important;
  }
}
.rm-autocomplete .bp3-text-overflow-ellipsis[style="color: rgb(129, 145, 157);"] {
  color: #8a9ba8 !important;
}

.bp3-light .rm-autocomplete .bp3-text-overflow-ellipsis[style="color: rgb(129, 145, 157);"] {
  color: #8a9ba8 !important;
}

.bp3-dark .rm-autocomplete .bp3-text-overflow-ellipsis[style="color: rgb(129, 145, 157);"] {
  color: #8a9ba8 !important;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-autocomplete .bp3-text-overflow-ellipsis[style="color: rgb(129, 145, 157);"] {
    color: #8a9ba8 !important;
  }
}
.rm-autocomplete__results {
  background-color: #ffffff;
}

.bp3-light .rm-autocomplete__results {
  background-color: #ffffff;
}

.bp3-dark .rm-autocomplete__results {
  background-color: #293742;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-autocomplete__results {
    background-color: #293742;
  }
}
.unlink-finder.alias-word-match {
  background-color: rgba(18.819, 124.5539, 190.281, 0.3) !important;
}

.bp3-light .unlink-finder.alias-word-match {
  background-color: rgba(18.819, 124.5539, 190.281, 0.3) !important;
}

.bp3-dark .unlink-finder.alias-word-match {
  background-color: rgba(72, 175, 240, 0.5) !important;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .unlink-finder.alias-word-match {
    background-color: rgba(72, 175, 240, 0.5) !important;
  }
}
.unlink-finder.exact-word-match {
  background-color: rgba(15.147, 153.153, 95.6505, 0.3) !important;
}

.bp3-light .unlink-finder.exact-word-match {
  background-color: rgba(15.147, 153.153, 95.6505, 0.3) !important;
}

.bp3-dark .unlink-finder.exact-word-match {
  background-color: rgba(61, 204, 145, 0.5) !important;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .unlink-finder.exact-word-match {
    background-color: rgba(61, 204, 145, 0.5) !important;
  }
}
.unlink-finder.partial-word-match {
  background-color: rgba(138, 155, 168, 0.3) !important;
}

.bp3-light .unlink-finder.partial-word-match {
  background-color: rgba(138, 155, 168, 0.3) !important;
}

.bp3-dark .unlink-finder.partial-word-match {
  background-color: rgba(191, 204, 214, 0.5) !important;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .unlink-finder.partial-word-match {
    background-color: rgba(191, 204, 214, 0.5) !important;
  }
}
.unlink-finder.fuzzy-word-match {
  background-color: rgba(217.515, 130.05, 42.585, 0.3) !important;
}

.bp3-light .unlink-finder.fuzzy-word-match {
  background-color: rgba(217.515, 130.05, 42.585, 0.3) !important;
}

.bp3-dark .unlink-finder.fuzzy-word-match {
  background-color: rgba(255, 179, 102, 0.5) !important;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .unlink-finder.fuzzy-word-match {
    background-color: rgba(255, 179, 102, 0.5) !important;
  }
}
.unlink-finder.redundant-word-match {
  background-color: rgba(219, 57, 57, 0.3) !important;
}

.bp3-light .unlink-finder.redundant-word-match {
  background-color: rgba(219, 57, 57, 0.3) !important;
}

.bp3-dark .unlink-finder.redundant-word-match {
  background-color: rgba(255, 115, 115, 0.5) !important;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .unlink-finder.redundant-word-match {
    background-color: rgba(255, 115, 115, 0.5) !important;
  }
}
.block-highlight-blue {
  background-color: rgba(18.819, 124.5539, 190.281, 0.3);
}

.bp3-light .block-highlight-blue {
  background-color: rgba(18.819, 124.5539, 190.281, 0.3);
}

.bp3-dark .block-highlight-blue {
  background-color: rgba(16, 22, 26, 0.5);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .block-highlight-blue {
    background-color: rgba(16, 22, 26, 0.5);
  }
}
.block-highlight-grey {
  background-color: #d8e1e8;
}

.bp3-light .block-highlight-grey {
  background-color: #d8e1e8;
}

.bp3-dark .block-highlight-grey {
  background-color: #30404d;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .block-highlight-grey {
    background-color: #30404d;
  }
}
.block-highlight-yellow > .rm-block__self {
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  box-shadow: inset 0px 0px 0px 2px #d99e0b;
}

.bp3-light .block-highlight-yellow > .rm-block__self {
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  box-shadow: inset 0px 0px 0px 2px #d99e0b;
}

.bp3-dark .block-highlight-yellow > .rm-block__self {
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  box-shadow: inset 0px 0px 0px 2px #d99e0b;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .block-highlight-yellow > .rm-block__self {
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
    box-shadow: inset 0px 0px 0px 2px #d99e0b;
  }
}
.rm-search-path h3.rm-h {
  font-size: 18px;
}

.bp3-light .rm-search-path h3.rm-h {
  font-size: 18px;
}

.rm-search-path .bp3-input {
  border-radius: 3px;
}

.bp3-light .rm-search-path .bp3-input {
  border-radius: 3px;
}

.rm-search-path .rm-search-path-results {
  background-color: transparent;
}

.bp3-light .rm-search-path .rm-search-path-results {
  background-color: transparent;
}

.bp3-dark .rm-search-path .rm-search-path-results {
  background-color: transparent;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-search-path .rm-search-path-results {
    background-color: transparent;
  }
}
.bp3-button {
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  border-radius: 3px;
  font-size: 14px;
}

.bp3-light .bp3-button {
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  border-radius: 3px;
  font-size: 14px;
}

.bp3-dark .bp3-button {
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button {
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
  }
}
.bp3-button .bp3-icon, .bp3-button .bp3-icon-standard, .bp3-button .bp3-icon-large, .bp3-button[class*=bp3-icon-]::before, .rm-settings .rm-settings-panel .rm-numeric-input button.bp3-button .bp3-icon {
  color: #5c7080;
}

.bp3-light .bp3-button .bp3-icon, .bp3-light .bp3-button .bp3-icon-standard, .bp3-light .bp3-button .bp3-icon-large, .bp3-light .bp3-button[class*=bp3-icon-]::before, .bp3-light .rm-settings .rm-settings-panel .rm-numeric-input button.bp3-button .bp3-icon {
  color: #5c7080;
}

.bp3-dark .bp3-button .bp3-icon, .bp3-dark .bp3-button .bp3-icon-standard, .bp3-dark .bp3-button .bp3-icon-large, .bp3-dark .bp3-button[class*=bp3-icon-]::before, .bp3-dark .rm-settings .rm-settings-panel .rm-numeric-input button.bp3-button .bp3-icon {
  color: #a7b6c2;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button .bp3-icon, :where(:root:not(.bp3-light)) .bp3-button .bp3-icon-standard, :where(:root:not(.bp3-light)) .bp3-button .bp3-icon-large, :where(:root:not(.bp3-light)) .bp3-button[class*=bp3-icon-]::before, :where(:root:not(.bp3-light)) .rm-settings .rm-settings-panel .rm-numeric-input button.bp3-button .bp3-icon {
    color: #a7b6c2;
  }
}
.bp3-button.bp3-intent-danger:active, .bp3-button.bp3-intent-danger.bp3-active, .bp3-button.bp3-intent-danger:active:hover, .bp3-button.bp3-intent-danger.bp3-active:hover {
  background-color: #a82a2a;
  background-image: none;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 1px 2px rgba(16, 22, 26, 0.2);
  color: #ffffff;
}

.bp3-light .bp3-button.bp3-intent-danger:active, .bp3-light .bp3-button.bp3-intent-danger.bp3-active, .bp3-light .bp3-button.bp3-intent-danger:active:hover, .bp3-light .bp3-button.bp3-intent-danger.bp3-active:hover {
  background-color: #a82a2a;
  background-image: none;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 1px 2px rgba(16, 22, 26, 0.2);
  color: #ffffff;
}

.bp3-dark .bp3-button.bp3-intent-danger:active, .bp3-dark .bp3-button.bp3-intent-danger.bp3-active, .bp3-dark .bp3-button.bp3-intent-danger:active:hover, .bp3-dark .bp3-button.bp3-intent-danger.bp3-active:hover {
  background-color: #a82a2a;
  background-image: none;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
  color: #ffffff;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button.bp3-intent-danger:active, :where(:root:not(.bp3-light)) .bp3-button.bp3-intent-danger.bp3-active, :where(:root:not(.bp3-light)) .bp3-button.bp3-intent-danger:active:hover, :where(:root:not(.bp3-light)) .bp3-button.bp3-intent-danger.bp3-active:hover {
    background-color: #a82a2a;
    background-image: none;
    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
    color: #ffffff;
  }
}
.bp3-button.bp3-intent-danger:disabled, .bp3-button.bp3-intent-danger.bp3-disabled {
  background-color: rgba(219, 57, 57, 0.5) !important;
  background-image: none;
  box-shadow: none !important;
  color: rgba(255, 255, 255, 0.6) !important;
}

.bp3-light .bp3-button.bp3-intent-danger:disabled, .bp3-light .bp3-button.bp3-intent-danger.bp3-disabled {
  background-color: rgba(219, 57, 57, 0.5) !important;
  background-image: none;
  box-shadow: none !important;
  color: rgba(255, 255, 255, 0.6) !important;
}

.bp3-dark .bp3-button.bp3-intent-danger:disabled, .bp3-dark .bp3-button.bp3-intent-danger.bp3-disabled {
  background-color: rgba(219, 57, 57, 0.5) !important;
  background-image: none;
  box-shadow: none !important;
  color: rgba(255, 255, 255, 0.6) !important;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button.bp3-intent-danger:disabled, :where(:root:not(.bp3-light)) .bp3-button.bp3-intent-danger.bp3-disabled {
    background-color: rgba(219, 57, 57, 0.5) !important;
    background-image: none;
    box-shadow: none !important;
    color: rgba(255, 255, 255, 0.6) !important;
  }
}
.bp3-button.bp3-intent-danger:hover {
  background-color: #c23030;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
  color: #ffffff;
}

.bp3-light .bp3-button.bp3-intent-danger:hover {
  background-color: #c23030;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
  color: #ffffff;
}

.bp3-dark .bp3-button.bp3-intent-danger:hover {
  background-color: #c23030;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
  color: #ffffff;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button.bp3-intent-danger:hover {
    background-color: #c23030;
    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
    color: #ffffff;
  }
}
.bp3-button.bp3-intent-danger {
  background-color: rgb(219, 57, 57);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
  color: #ffffff;
}

.bp3-light .bp3-button.bp3-intent-danger {
  background-color: rgb(219, 57, 57);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
  color: #ffffff;
}

.bp3-dark .bp3-button.bp3-intent-danger {
  background-color: rgb(219, 57, 57);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
  color: #ffffff;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button.bp3-intent-danger {
    background-color: rgb(219, 57, 57);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
    color: #ffffff;
  }
}
.bp3-button.bp3-minimal.bp3-intent-danger.bp3-active, .bp3-button.bp3-minimal.bp3-intent-danger:active, .bp3-button.bp3-minimal.bp3-intent-danger.bp3-active:hover, .bp3-button.bp3-minimal.bp3-intent-danger:active:hover {
  background-color: rgba(219, 57, 57, 0.3);
  color: #c23030;
}

.bp3-light .bp3-button.bp3-minimal.bp3-intent-danger.bp3-active, .bp3-light .bp3-button.bp3-minimal.bp3-intent-danger:active, .bp3-light .bp3-button.bp3-minimal.bp3-intent-danger.bp3-active:hover, .bp3-light .bp3-button.bp3-minimal.bp3-intent-danger:active:hover {
  background-color: rgba(219, 57, 57, 0.3);
  color: #c23030;
}

.bp3-dark .bp3-button.bp3-minimal.bp3-intent-danger.bp3-active, .bp3-dark .bp3-button.bp3-minimal.bp3-intent-danger:active, .bp3-dark .bp3-button.bp3-minimal.bp3-intent-danger.bp3-active:hover, .bp3-dark .bp3-button.bp3-minimal.bp3-intent-danger:active:hover {
  background-color: rgba(219, 57, 57, 0.3);
  color: #ff7373;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button.bp3-minimal.bp3-intent-danger.bp3-active, :where(:root:not(.bp3-light)) .bp3-button.bp3-minimal.bp3-intent-danger:active, :where(:root:not(.bp3-light)) .bp3-button.bp3-minimal.bp3-intent-danger.bp3-active:hover, :where(:root:not(.bp3-light)) .bp3-button.bp3-minimal.bp3-intent-danger:active:hover {
    background-color: rgba(219, 57, 57, 0.3);
    color: #ff7373;
  }
}
.bp3-button.bp3-minimal.bp3-intent-danger.bp3-disabled, .bp3-button.bp3-minimal.bp3-intent-danger:disabled {
  background-color: transparent !important;
  background-image: none;
  color: rgba(194, 48, 48, 0.5) !important;
}

.bp3-light .bp3-button.bp3-minimal.bp3-intent-danger.bp3-disabled, .bp3-light .bp3-button.bp3-minimal.bp3-intent-danger:disabled {
  background-color: transparent !important;
  background-image: none;
  color: rgba(194, 48, 48, 0.5) !important;
}

.bp3-dark .bp3-button.bp3-minimal.bp3-intent-danger.bp3-disabled, .bp3-dark .bp3-button.bp3-minimal.bp3-intent-danger:disabled {
  background-color: transparent !important;
  background-image: none;
  color: rgba(255, 115, 115, 0.5) !important;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button.bp3-minimal.bp3-intent-danger.bp3-disabled, :where(:root:not(.bp3-light)) .bp3-button.bp3-minimal.bp3-intent-danger:disabled {
    background-color: transparent !important;
    background-image: none;
    color: rgba(255, 115, 115, 0.5) !important;
  }
}
.bp3-button.bp3-minimal.bp3-intent-danger.bp3-disabled.bp3-active, .bp3-button.bp3-minimal.bp3-intent-danger:disabled.bp3-active {
  background-color: rgba(219, 57, 57, 0.3) !important;
  color: #c23030 !important;
}

.bp3-light .bp3-button.bp3-minimal.bp3-intent-danger.bp3-disabled.bp3-active, .bp3-light .bp3-button.bp3-minimal.bp3-intent-danger:disabled.bp3-active {
  background-color: rgba(219, 57, 57, 0.3) !important;
  color: #c23030 !important;
}

.bp3-dark .bp3-button.bp3-minimal.bp3-intent-danger.bp3-disabled.bp3-active, .bp3-dark .bp3-button.bp3-minimal.bp3-intent-danger:disabled.bp3-active {
  background-color: rgba(219, 57, 57, 0.3) !important;
  color: rgba(255, 115, 115, 0.5) !important;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button.bp3-minimal.bp3-intent-danger.bp3-disabled.bp3-active, :where(:root:not(.bp3-light)) .bp3-button.bp3-minimal.bp3-intent-danger:disabled.bp3-active {
    background-color: rgba(219, 57, 57, 0.3) !important;
    color: rgba(255, 115, 115, 0.5) !important;
  }
}
.bp3-button.bp3-minimal.bp3-intent-danger:hover {
  background-color: rgba(219, 57, 57, 0.15);
  color: #c23030;
}

.bp3-light .bp3-button.bp3-minimal.bp3-intent-danger:hover {
  background-color: rgba(219, 57, 57, 0.15);
  color: #c23030;
}

.bp3-dark .bp3-button.bp3-minimal.bp3-intent-danger:hover {
  background-color: rgba(219, 57, 57, 0.2);
  color: #ff7373;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button.bp3-minimal.bp3-intent-danger:hover {
    background-color: rgba(219, 57, 57, 0.2);
    color: #ff7373;
  }
}
.bp3-button.bp3-minimal.bp3-intent-danger {
  color: #c23030;
}

.bp3-light .bp3-button.bp3-minimal.bp3-intent-danger {
  color: #c23030;
}

.bp3-dark .bp3-button.bp3-minimal.bp3-intent-danger {
  color: #ff7373;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button.bp3-minimal.bp3-intent-danger {
    color: #ff7373;
  }
}
.bp3-button:not([class*=bp3-intent-]):active, .bp3-button:not([class*=bp3-intent-]).bp3-active {
  background-color: #d8e1e8;
  background-image: none;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 1px 2px rgba(16, 22, 26, 0.2);
}

.bp3-light .bp3-button:not([class*=bp3-intent-]):active, .bp3-light .bp3-button:not([class*=bp3-intent-]).bp3-active {
  background-color: #d8e1e8;
  background-image: none;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 1px 2px rgba(16, 22, 26, 0.2);
}

.bp3-dark .bp3-button:not([class*=bp3-intent-]):active, .bp3-dark .bp3-button:not([class*=bp3-intent-]).bp3-active {
  background-color: #202b33;
  background-image: none;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.6), inset 0 1px 2px rgba(16, 22, 26, 0.2);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button:not([class*=bp3-intent-]):active, :where(:root:not(.bp3-light)) .bp3-button:not([class*=bp3-intent-]).bp3-active {
    background-color: #202b33;
    background-image: none;
    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.6), inset 0 1px 2px rgba(16, 22, 26, 0.2);
  }
}
.bp3-button:not([class*=bp3-intent-]):disabled, .bp3-button:not([class*=bp3-intent-]).bp3-disabled {
  background-color: rgba(206, 217, 224, 0.5);
  background-image: none;
  box-shadow: none;
  color: rgba(92, 112, 128, 0.6);
}

.bp3-light .bp3-button:not([class*=bp3-intent-]):disabled, .bp3-light .bp3-button:not([class*=bp3-intent-]).bp3-disabled {
  background-color: rgba(206, 217, 224, 0.5);
  background-image: none;
  box-shadow: none;
  color: rgba(92, 112, 128, 0.6);
}

.bp3-dark .bp3-button:not([class*=bp3-intent-]):disabled, .bp3-dark .bp3-button:not([class*=bp3-intent-]).bp3-disabled {
  background-color: rgba(57, 75, 89, 0.5);
  background-image: none;
  box-shadow: none;
  color: rgba(167, 182, 194, 0.6);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button:not([class*=bp3-intent-]):disabled, :where(:root:not(.bp3-light)) .bp3-button:not([class*=bp3-intent-]).bp3-disabled {
    background-color: rgba(57, 75, 89, 0.5);
    background-image: none;
    box-shadow: none;
    color: rgba(167, 182, 194, 0.6);
  }
}
.bp3-button:not([class*=bp3-intent-]):disabled.bp3-active, .bp3-button:not([class*=bp3-intent-]):disabled.bp3-active:hover, .bp3-button:not([class*=bp3-intent-]).bp3-disabled.bp3-active, .bp3-button:not([class*=bp3-intent-]).bp3-disabled.bp3-active:hover {
  background-color: rgba(206, 217, 224, 0.7);
}

.bp3-light .bp3-button:not([class*=bp3-intent-]):disabled.bp3-active, .bp3-light .bp3-button:not([class*=bp3-intent-]):disabled.bp3-active:hover, .bp3-light .bp3-button:not([class*=bp3-intent-]).bp3-disabled.bp3-active, .bp3-light .bp3-button:not([class*=bp3-intent-]).bp3-disabled.bp3-active:hover {
  background-color: rgba(206, 217, 224, 0.7);
}

.bp3-dark .bp3-button:not([class*=bp3-intent-]):disabled.bp3-active, .bp3-dark .bp3-button:not([class*=bp3-intent-]):disabled.bp3-active:hover, .bp3-dark .bp3-button:not([class*=bp3-intent-]).bp3-disabled.bp3-active, .bp3-dark .bp3-button:not([class*=bp3-intent-]).bp3-disabled.bp3-active:hover {
  background-color: rgba(57, 75, 89, 0.7);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button:not([class*=bp3-intent-]):disabled.bp3-active, :where(:root:not(.bp3-light)) .bp3-button:not([class*=bp3-intent-]):disabled.bp3-active:hover, :where(:root:not(.bp3-light)) .bp3-button:not([class*=bp3-intent-]).bp3-disabled.bp3-active, :where(:root:not(.bp3-light)) .bp3-button:not([class*=bp3-intent-]).bp3-disabled.bp3-active:hover {
    background-color: rgba(57, 75, 89, 0.7);
  }
}
.bp3-button:not([class*=bp3-intent-]):hover {
  background-color: #ebf1f5;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
}

.bp3-light .bp3-button:not([class*=bp3-intent-]):hover {
  background-color: #ebf1f5;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
}

.bp3-dark .bp3-button:not([class*=bp3-intent-]):hover {
  background-color: #293742;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button:not([class*=bp3-intent-]):hover {
    background-color: #293742;
    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
  }
}
.bp3-button:not([class*=bp3-intent-]) {
  background-color: rgb(245, 248, 250);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
  color: #182026;
}

.bp3-light .bp3-button:not([class*=bp3-intent-]) {
  background-color: rgb(245, 248, 250);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
  color: #182026;
}

.bp3-dark .bp3-button:not([class*=bp3-intent-]) {
  background-color: #30404d;
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.05), hsla(0, 0%, 100%, 0));
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button:not([class*=bp3-intent-]) {
    background-color: #30404d;
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.05), hsla(0, 0%, 100%, 0));
    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
    color: rgb(245, 248, 250);
  }
}
.bp3-button.bp3-intent-primary:active, .bp3-button.bp3-intent-primary.bp3-active, .bp3-button.bp3-intent-primary:active:hover, .bp3-button.bp3-intent-primary.bp3-active:hover {
  background-color: #0e5a8a;
  background-image: none;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
  color: #ffffff;
}

.bp3-light .bp3-button.bp3-intent-primary:active, .bp3-light .bp3-button.bp3-intent-primary.bp3-active, .bp3-light .bp3-button.bp3-intent-primary:active:hover, .bp3-light .bp3-button.bp3-intent-primary.bp3-active:hover {
  background-color: #0e5a8a;
  background-image: none;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
  color: #ffffff;
}

.bp3-dark .bp3-button.bp3-intent-primary:active, .bp3-dark .bp3-button.bp3-intent-primary.bp3-active, .bp3-dark .bp3-button.bp3-intent-primary:active:hover, .bp3-dark .bp3-button.bp3-intent-primary.bp3-active:hover {
  background-color: #0e5a8a;
  background-image: none;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
  color: #ffffff;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button.bp3-intent-primary:active, :where(:root:not(.bp3-light)) .bp3-button.bp3-intent-primary.bp3-active, :where(:root:not(.bp3-light)) .bp3-button.bp3-intent-primary:active:hover, :where(:root:not(.bp3-light)) .bp3-button.bp3-intent-primary.bp3-active:hover {
    background-color: #0e5a8a;
    background-image: none;
    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
    color: #ffffff;
  }
}
.bp3-button.bp3-intent-primary:disabled, .bp3-button.bp3-intent-primary.bp3-disabled {
  background-color: rgba(18.819, 124.5539, 190.281, 0.5) !important;
  background-image: none;
  box-shadow: none !important;
  color: hsla(0, 0%, 100%, 0.6) !important;
}

.bp3-light .bp3-button.bp3-intent-primary:disabled, .bp3-light .bp3-button.bp3-intent-primary.bp3-disabled {
  background-color: rgba(18.819, 124.5539, 190.281, 0.5) !important;
  background-image: none;
  box-shadow: none !important;
  color: hsla(0, 0%, 100%, 0.6) !important;
}

.bp3-dark .bp3-button.bp3-intent-primary:disabled, .bp3-dark .bp3-button.bp3-intent-primary.bp3-disabled {
  background-color: rgba(18.819, 124.5539, 190.281, 0.5) !important;
  background-image: none;
  box-shadow: none !important;
  color: hsla(0, 0%, 100%, 0.3) !important;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button.bp3-intent-primary:disabled, :where(:root:not(.bp3-light)) .bp3-button.bp3-intent-primary.bp3-disabled {
    background-color: rgba(18.819, 124.5539, 190.281, 0.5) !important;
    background-image: none;
    box-shadow: none !important;
    color: hsla(0, 0%, 100%, 0.3) !important;
  }
}
.bp3-button.bp3-intent-primary:hover {
  background-color: #106ba3;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
  color: #ffffff;
}

.bp3-light .bp3-button.bp3-intent-primary:hover {
  background-color: #106ba3;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
  color: #ffffff;
}

.bp3-dark .bp3-button.bp3-intent-primary:hover {
  background-color: #106ba3;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
  color: #ffffff;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button.bp3-intent-primary:hover {
    background-color: #106ba3;
    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
    color: #ffffff;
  }
}
.bp3-button.bp3-intent-primary {
  background-color: hsl(203, 82%, 41%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
  color: #ffffff;
}

.bp3-light .bp3-button.bp3-intent-primary {
  background-color: hsl(203, 82%, 41%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
  color: #ffffff;
}

.bp3-dark .bp3-button.bp3-intent-primary {
  background-color: hsl(203, 82%, 41%);
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0));
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
  color: #ffffff;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button.bp3-intent-primary {
    background-color: hsl(203, 82%, 41%);
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0));
    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
    color: #ffffff;
  }
}
.bp3-button.bp3-minimal.bp3-intent-primary.bp3-active, .bp3-button.bp3-minimal.bp3-intent-primary:active, .bp3-button.bp3-minimal.bp3-intent-primary.bp3-active:hover, .bp3-button.bp3-minimal.bp3-intent-primary:active:hover {
  background-color: rgba(18.819, 124.5539, 190.281, 0.3);
  color: #106ba3;
}

.bp3-light .bp3-button.bp3-minimal.bp3-intent-primary.bp3-active, .bp3-light .bp3-button.bp3-minimal.bp3-intent-primary:active, .bp3-light .bp3-button.bp3-minimal.bp3-intent-primary.bp3-active:hover, .bp3-light .bp3-button.bp3-minimal.bp3-intent-primary:active:hover {
  background-color: rgba(18.819, 124.5539, 190.281, 0.3);
  color: #106ba3;
}

.bp3-dark .bp3-button.bp3-minimal.bp3-intent-primary.bp3-active, .bp3-dark .bp3-button.bp3-minimal.bp3-intent-primary:active, .bp3-dark .bp3-button.bp3-minimal.bp3-intent-primary.bp3-active:hover, .bp3-dark .bp3-button.bp3-minimal.bp3-intent-primary:active:hover {
  background-color: rgba(18.819, 124.5539, 190.281, 0.3);
  color: #48aff0;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button.bp3-minimal.bp3-intent-primary.bp3-active, :where(:root:not(.bp3-light)) .bp3-button.bp3-minimal.bp3-intent-primary:active, :where(:root:not(.bp3-light)) .bp3-button.bp3-minimal.bp3-intent-primary.bp3-active:hover, :where(:root:not(.bp3-light)) .bp3-button.bp3-minimal.bp3-intent-primary:active:hover {
    background-color: rgba(18.819, 124.5539, 190.281, 0.3);
    color: #48aff0;
  }
}
.bp3-button.bp3-minimal.bp3-intent-primary.bp3-disabled, .bp3-button.bp3-minimal.bp3-intent-primary:disabled {
  background-color: transparent !important;
  background-image: none;
  color: rgba(16, 107, 163, 0.5) !important;
}

.bp3-light .bp3-button.bp3-minimal.bp3-intent-primary.bp3-disabled, .bp3-light .bp3-button.bp3-minimal.bp3-intent-primary:disabled {
  background-color: transparent !important;
  background-image: none;
  color: rgba(16, 107, 163, 0.5) !important;
}

.bp3-dark .bp3-button.bp3-minimal.bp3-intent-primary.bp3-disabled, .bp3-dark .bp3-button.bp3-minimal.bp3-intent-primary:disabled {
  background-color: transparent !important;
  background-image: none;
  color: rgba(72, 175, 240, 0.5) !important;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button.bp3-minimal.bp3-intent-primary.bp3-disabled, :where(:root:not(.bp3-light)) .bp3-button.bp3-minimal.bp3-intent-primary:disabled {
    background-color: transparent !important;
    background-image: none;
    color: rgba(72, 175, 240, 0.5) !important;
  }
}
.bp3-button.bp3-minimal.bp3-intent-primary.bp3-disabled.bp3-active, .bp3-button.bp3-minimal.bp3-intent-primary:disabled.bp3-active {
  background-color: rgba(18.819, 124.5539, 190.281, 0.3) !important;
  color: #106ba3 !important;
}

.bp3-light .bp3-button.bp3-minimal.bp3-intent-primary.bp3-disabled.bp3-active, .bp3-light .bp3-button.bp3-minimal.bp3-intent-primary:disabled.bp3-active {
  background-color: rgba(18.819, 124.5539, 190.281, 0.3) !important;
  color: #106ba3 !important;
}

.bp3-dark .bp3-button.bp3-minimal.bp3-intent-primary.bp3-disabled.bp3-active, .bp3-dark .bp3-button.bp3-minimal.bp3-intent-primary:disabled.bp3-active {
  background-color: rgba(18.819, 124.5539, 190.281, 0.3) !important;
  color: rgba(72, 175, 240, 0.5) !important;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button.bp3-minimal.bp3-intent-primary.bp3-disabled.bp3-active, :where(:root:not(.bp3-light)) .bp3-button.bp3-minimal.bp3-intent-primary:disabled.bp3-active {
    background-color: rgba(18.819, 124.5539, 190.281, 0.3) !important;
    color: rgba(72, 175, 240, 0.5) !important;
  }
}
.bp3-button.bp3-minimal.bp3-intent-primary:hover, .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-primary:hover {
  background-color: rgba(18.819, 124.5539, 190.281, 0.15);
  color: #106ba3;
}

.bp3-light .bp3-button.bp3-minimal.bp3-intent-primary:hover, .bp3-light .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-primary:hover {
  background-color: rgba(18.819, 124.5539, 190.281, 0.15);
  color: #106ba3;
}

.bp3-dark .bp3-button.bp3-minimal.bp3-intent-primary:hover, .bp3-dark .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-primary:hover {
  background-color: rgba(18.819, 124.5539, 190.281, 0.2);
  color: #48aff0;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button.bp3-minimal.bp3-intent-primary:hover, :where(:root:not(.bp3-light)) .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-primary:hover {
    background-color: rgba(18.819, 124.5539, 190.281, 0.2);
    color: #48aff0;
  }
}
.bp3-button.bp3-minimal.bp3-intent-primary, .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-primary {
  color: #106ba3;
}

.bp3-light .bp3-button.bp3-minimal.bp3-intent-primary, .bp3-light .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-primary {
  color: #106ba3;
}

.bp3-dark .bp3-button.bp3-minimal.bp3-intent-primary, .bp3-dark .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-primary {
  color: #48aff0;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button.bp3-minimal.bp3-intent-primary, :where(:root:not(.bp3-light)) .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-primary {
    color: #48aff0;
  }
}
.bp3-button.bp3-intent-success:active, .bp3-button.bp3-intent-success.bp3-active, .bp3-button.bp3-intent-success:active:hover, .bp3-button.bp3-intent-success.bp3-active:hover {
  background-color: #0a6640;
  background-image: none;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 1px 2px rgba(16, 22, 26, 0.2);
  color: #ffffff;
}

.bp3-light .bp3-button.bp3-intent-success:active, .bp3-light .bp3-button.bp3-intent-success.bp3-active, .bp3-light .bp3-button.bp3-intent-success:active:hover, .bp3-light .bp3-button.bp3-intent-success.bp3-active:hover {
  background-color: #0a6640;
  background-image: none;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 1px 2px rgba(16, 22, 26, 0.2);
  color: #ffffff;
}

.bp3-dark .bp3-button.bp3-intent-success:active, .bp3-dark .bp3-button.bp3-intent-success.bp3-active, .bp3-dark .bp3-button.bp3-intent-success:active:hover, .bp3-dark .bp3-button.bp3-intent-success.bp3-active:hover {
  background-color: #0a6640;
  background-image: none;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 1px 2px rgba(16, 22, 26, 0.2);
  color: #ffffff;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button.bp3-intent-success:active, :where(:root:not(.bp3-light)) .bp3-button.bp3-intent-success.bp3-active, :where(:root:not(.bp3-light)) .bp3-button.bp3-intent-success:active:hover, :where(:root:not(.bp3-light)) .bp3-button.bp3-intent-success.bp3-active:hover {
    background-color: #0a6640;
    background-image: none;
    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 1px 2px rgba(16, 22, 26, 0.2);
    color: #ffffff;
  }
}
.bp3-button.bp3-intent-success:disabled, .bp3-button.bp3-intent-success.bp3-disabled {
  background-color: rgba(15.147, 153.153, 95.6505, 0.5) !important;
  background-image: none;
  box-shadow: none !important;
  color: hsla(0, 0%, 100%, 0.6) !important;
}

.bp3-light .bp3-button.bp3-intent-success:disabled, .bp3-light .bp3-button.bp3-intent-success.bp3-disabled {
  background-color: rgba(15.147, 153.153, 95.6505, 0.5) !important;
  background-image: none;
  box-shadow: none !important;
  color: hsla(0, 0%, 100%, 0.6) !important;
}

.bp3-dark .bp3-button.bp3-intent-success:disabled, .bp3-dark .bp3-button.bp3-intent-success.bp3-disabled {
  background-color: rgba(15.147, 153.153, 95.6505, 0.5) !important;
  background-image: none;
  box-shadow: none !important;
  color: hsla(0, 0%, 100%, 0.3) !important;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button.bp3-intent-success:disabled, :where(:root:not(.bp3-light)) .bp3-button.bp3-intent-success.bp3-disabled {
    background-color: rgba(15.147, 153.153, 95.6505, 0.5) !important;
    background-image: none;
    box-shadow: none !important;
    color: hsla(0, 0%, 100%, 0.3) !important;
  }
}
.bp3-button.bp3-intent-success:hover {
  background-color: #0d8050;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
  color: #ffffff;
}

.bp3-light .bp3-button.bp3-intent-success:hover {
  background-color: #0d8050;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
  color: #ffffff;
}

.bp3-dark .bp3-button.bp3-intent-success:hover {
  background-color: #0d8050;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
  color: #ffffff;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button.bp3-intent-success:hover {
    background-color: #0d8050;
    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
    color: #ffffff;
  }
}
.bp3-button.bp3-intent-success {
  background-color: hsl(155, 82%, 33%);
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0));
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
  color: #ffffff;
}

.bp3-light .bp3-button.bp3-intent-success {
  background-color: hsl(155, 82%, 33%);
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0));
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
  color: #ffffff;
}

.bp3-dark .bp3-button.bp3-intent-success {
  background-color: hsl(155, 82%, 33%);
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0));
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
  color: #ffffff;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button.bp3-intent-success {
    background-color: hsl(155, 82%, 33%);
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0));
    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
    color: #ffffff;
  }
}
.bp3-button.bp3-minimal.bp3-intent-success.bp3-active, .bp3-button.bp3-minimal.bp3-intent-success:active, .bp3-button.bp3-minimal.bp3-intent-success.bp3-active:hover, .bp3-button.bp3-minimal.bp3-intent-success:active:hover {
  background-color: rgba(15.147, 153.153, 95.6505, 0.3);
  color: #0d8050;
}

.bp3-light .bp3-button.bp3-minimal.bp3-intent-success.bp3-active, .bp3-light .bp3-button.bp3-minimal.bp3-intent-success:active, .bp3-light .bp3-button.bp3-minimal.bp3-intent-success.bp3-active:hover, .bp3-light .bp3-button.bp3-minimal.bp3-intent-success:active:hover {
  background-color: rgba(15.147, 153.153, 95.6505, 0.3);
  color: #0d8050;
}

.bp3-dark .bp3-button.bp3-minimal.bp3-intent-success.bp3-active, .bp3-dark .bp3-button.bp3-minimal.bp3-intent-success:active, .bp3-dark .bp3-button.bp3-minimal.bp3-intent-success.bp3-active:hover, .bp3-dark .bp3-button.bp3-minimal.bp3-intent-success:active:hover {
  background-color: rgba(15.147, 153.153, 95.6505, 0.3);
  color: #3dcc91;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button.bp3-minimal.bp3-intent-success.bp3-active, :where(:root:not(.bp3-light)) .bp3-button.bp3-minimal.bp3-intent-success:active, :where(:root:not(.bp3-light)) .bp3-button.bp3-minimal.bp3-intent-success.bp3-active:hover, :where(:root:not(.bp3-light)) .bp3-button.bp3-minimal.bp3-intent-success:active:hover {
    background-color: rgba(15.147, 153.153, 95.6505, 0.3);
    color: #3dcc91;
  }
}
.bp3-button.bp3-minimal.bp3-intent-success.bp3-disabled, .bp3-button.bp3-minimal.bp3-intent-success:disabled {
  background-color: transparent !important;
  background-image: none;
  color: rgba(13, 128, 80, 0.5) !important;
}

.bp3-light .bp3-button.bp3-minimal.bp3-intent-success.bp3-disabled, .bp3-light .bp3-button.bp3-minimal.bp3-intent-success:disabled {
  background-color: transparent !important;
  background-image: none;
  color: rgba(13, 128, 80, 0.5) !important;
}

.bp3-dark .bp3-button.bp3-minimal.bp3-intent-success.bp3-disabled, .bp3-dark .bp3-button.bp3-minimal.bp3-intent-success:disabled {
  background-color: transparent !important;
  background-image: none;
  color: rgba(61, 204, 145, 0.5) !important;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button.bp3-minimal.bp3-intent-success.bp3-disabled, :where(:root:not(.bp3-light)) .bp3-button.bp3-minimal.bp3-intent-success:disabled {
    background-color: transparent !important;
    background-image: none;
    color: rgba(61, 204, 145, 0.5) !important;
  }
}
.bp3-button.bp3-minimal.bp3-intent-success.bp3-disabled.bp3-active, .bp3-button.bp3-minimal.bp3-intent-success:disabled.bp3-active {
  background-color: rgba(15.147, 153.153, 95.6505, 0.3) !important;
  color: #0d8050 !important;
}

.bp3-light .bp3-button.bp3-minimal.bp3-intent-success.bp3-disabled.bp3-active, .bp3-light .bp3-button.bp3-minimal.bp3-intent-success:disabled.bp3-active {
  background-color: rgba(15.147, 153.153, 95.6505, 0.3) !important;
  color: #0d8050 !important;
}

.bp3-dark .bp3-button.bp3-minimal.bp3-intent-success.bp3-disabled.bp3-active, .bp3-dark .bp3-button.bp3-minimal.bp3-intent-success:disabled.bp3-active {
  background-color: rgba(15.147, 153.153, 95.6505, 0.3) !important;
  color: rgba(61, 204, 145, 0.5) !important;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button.bp3-minimal.bp3-intent-success.bp3-disabled.bp3-active, :where(:root:not(.bp3-light)) .bp3-button.bp3-minimal.bp3-intent-success:disabled.bp3-active {
    background-color: rgba(15.147, 153.153, 95.6505, 0.3) !important;
    color: rgba(61, 204, 145, 0.5) !important;
  }
}
.bp3-button.bp3-minimal.bp3-intent-success:hover, .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-success:hover {
  background-color: rgba(15.147, 153.153, 95.6505, 0.15);
  color: #0d8050;
}

.bp3-light .bp3-button.bp3-minimal.bp3-intent-success:hover, .bp3-light .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-success:hover {
  background-color: rgba(15.147, 153.153, 95.6505, 0.15);
  color: #0d8050;
}

.bp3-dark .bp3-button.bp3-minimal.bp3-intent-success:hover, .bp3-dark .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-success:hover {
  background-color: rgba(15.147, 153.153, 95.6505, 0.2);
  color: #3dcc91;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button.bp3-minimal.bp3-intent-success:hover, :where(:root:not(.bp3-light)) .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-success:hover {
    background-color: rgba(15.147, 153.153, 95.6505, 0.2);
    color: #3dcc91;
  }
}
.bp3-button.bp3-minimal.bp3-intent-success, .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-success {
  color: #0d8050;
}

.bp3-light .bp3-button.bp3-minimal.bp3-intent-success, .bp3-light .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-success {
  color: #0d8050;
}

.bp3-dark .bp3-button.bp3-minimal.bp3-intent-success, .bp3-dark .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-success {
  color: #3dcc91;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button.bp3-minimal.bp3-intent-success, :where(:root:not(.bp3-light)) .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-success {
    color: #3dcc91;
  }
}
.bp3-button.bp3-intent-warning:active, .bp3-button.bp3-intent-warning.bp3-active, .bp3-button.bp3-intent-warning:active:hover, .bp3-button.bp3-intent-warning.bp3-active:hover {
  background-color: #a66321;
  background-image: none;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 1px 2px rgba(16, 22, 26, 0.2);
  color: #ffffff;
}

.bp3-light .bp3-button.bp3-intent-warning:active, .bp3-light .bp3-button.bp3-intent-warning.bp3-active, .bp3-light .bp3-button.bp3-intent-warning:active:hover, .bp3-light .bp3-button.bp3-intent-warning.bp3-active:hover {
  background-color: #a66321;
  background-image: none;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 1px 2px rgba(16, 22, 26, 0.2);
  color: #ffffff;
}

.bp3-dark .bp3-button.bp3-intent-warning:active, .bp3-dark .bp3-button.bp3-intent-warning.bp3-active, .bp3-dark .bp3-button.bp3-intent-warning:active:hover, .bp3-dark .bp3-button.bp3-intent-warning.bp3-active:hover {
  background-color: #a66321;
  background-image: none;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
  color: #ffffff;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button.bp3-intent-warning:active, :where(:root:not(.bp3-light)) .bp3-button.bp3-intent-warning.bp3-active, :where(:root:not(.bp3-light)) .bp3-button.bp3-intent-warning:active:hover, :where(:root:not(.bp3-light)) .bp3-button.bp3-intent-warning.bp3-active:hover {
    background-color: #a66321;
    background-image: none;
    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
    color: #ffffff;
  }
}
.bp3-button.bp3-intent-warning:disabled, .bp3-button.bp3-intent-warning.bp3-disabled {
  background-color: rgba(217.515, 130.05, 42.585, 0.5) !important;
  background-image: none;
  box-shadow: none !important;
  color: rgba(255, 255, 255, 0.6) !important;
}

.bp3-light .bp3-button.bp3-intent-warning:disabled, .bp3-light .bp3-button.bp3-intent-warning.bp3-disabled {
  background-color: rgba(217.515, 130.05, 42.585, 0.5) !important;
  background-image: none;
  box-shadow: none !important;
  color: rgba(255, 255, 255, 0.6) !important;
}

.bp3-dark .bp3-button.bp3-intent-warning:disabled, .bp3-dark .bp3-button.bp3-intent-warning.bp3-disabled {
  background-color: rgba(217.515, 130.05, 42.585, 0.5) !important;
  background-image: none;
  box-shadow: none !important;
  color: rgba(255, 255, 255, 0.6) !important;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button.bp3-intent-warning:disabled, :where(:root:not(.bp3-light)) .bp3-button.bp3-intent-warning.bp3-disabled {
    background-color: rgba(217.515, 130.05, 42.585, 0.5) !important;
    background-image: none;
    box-shadow: none !important;
    color: rgba(255, 255, 255, 0.6) !important;
  }
}
.bp3-button.bp3-intent-warning:hover {
  background-color: #c23030;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
  color: #ffffff;
}

.bp3-light .bp3-button.bp3-intent-warning:hover {
  background-color: #c23030;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
  color: #ffffff;
}

.bp3-dark .bp3-button.bp3-intent-warning:hover {
  background-color: #bf7326;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
  color: #ffffff;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button.bp3-intent-warning:hover {
    background-color: #bf7326;
    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
    color: #ffffff;
  }
}
.bp3-button.bp3-intent-warning {
  background-color: rgb(219, 57, 57);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
  color: #ffffff;
}

.bp3-light .bp3-button.bp3-intent-warning {
  background-color: rgb(219, 57, 57);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
  color: #ffffff;
}

.bp3-dark .bp3-button.bp3-intent-warning {
  background-color: #a66321;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
  color: #ffffff;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button.bp3-intent-warning {
    background-color: #a66321;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
    color: #ffffff;
  }
}
.bp3-button.bp3-minimal.bp3-intent-warning.bp3-active, .bp3-button.bp3-minimal.bp3-intent-warning:active, .bp3-button.bp3-minimal.bp3-intent-warning.bp3-active:hover, .bp3-button.bp3-minimal.bp3-intent-warning:active:hover {
  background-color: rgba(217.515, 130.05, 42.585, 0.3);
  color: #bf7326;
}

.bp3-light .bp3-button.bp3-minimal.bp3-intent-warning.bp3-active, .bp3-light .bp3-button.bp3-minimal.bp3-intent-warning:active, .bp3-light .bp3-button.bp3-minimal.bp3-intent-warning.bp3-active:hover, .bp3-light .bp3-button.bp3-minimal.bp3-intent-warning:active:hover {
  background-color: rgba(217.515, 130.05, 42.585, 0.3);
  color: #bf7326;
}

.bp3-dark .bp3-button.bp3-minimal.bp3-intent-warning.bp3-active, .bp3-dark .bp3-button.bp3-minimal.bp3-intent-warning:active, .bp3-dark .bp3-button.bp3-minimal.bp3-intent-warning.bp3-active:hover, .bp3-dark .bp3-button.bp3-minimal.bp3-intent-warning:active:hover {
  background-color: rgba(217.515, 130.05, 42.585, 0.3);
  color: #ffb366;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button.bp3-minimal.bp3-intent-warning.bp3-active, :where(:root:not(.bp3-light)) .bp3-button.bp3-minimal.bp3-intent-warning:active, :where(:root:not(.bp3-light)) .bp3-button.bp3-minimal.bp3-intent-warning.bp3-active:hover, :where(:root:not(.bp3-light)) .bp3-button.bp3-minimal.bp3-intent-warning:active:hover {
    background-color: rgba(217.515, 130.05, 42.585, 0.3);
    color: #ffb366;
  }
}
.bp3-button.bp3-minimal.bp3-intent-warning.bp3-disabled, .bp3-button.bp3-minimal.bp3-intent-warning:disabled {
  background-color: transparent !important;
  background-image: none;
  color: rgba(191, 115, 38, 0.5) !important;
}

.bp3-light .bp3-button.bp3-minimal.bp3-intent-warning.bp3-disabled, .bp3-light .bp3-button.bp3-minimal.bp3-intent-warning:disabled {
  background-color: transparent !important;
  background-image: none;
  color: rgba(191, 115, 38, 0.5) !important;
}

.bp3-dark .bp3-button.bp3-minimal.bp3-intent-warning.bp3-disabled, .bp3-dark .bp3-button.bp3-minimal.bp3-intent-warning:disabled {
  background-color: transparent !important;
  background-image: none;
  color: rgba(255, 179, 102, 0.5) !important;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button.bp3-minimal.bp3-intent-warning.bp3-disabled, :where(:root:not(.bp3-light)) .bp3-button.bp3-minimal.bp3-intent-warning:disabled {
    background-color: transparent !important;
    background-image: none;
    color: rgba(255, 179, 102, 0.5) !important;
  }
}
.bp3-button.bp3-minimal.bp3-intent-warning.bp3-disabled.bp3-active, .bp3-button.bp3-minimal.bp3-intent-warning:disabled.bp3-active {
  background-color: rgba(217.515, 130.05, 42.585, 0.3) !important;
  color: #bf7326 !important;
}

.bp3-light .bp3-button.bp3-minimal.bp3-intent-warning.bp3-disabled.bp3-active, .bp3-light .bp3-button.bp3-minimal.bp3-intent-warning:disabled.bp3-active {
  background-color: rgba(217.515, 130.05, 42.585, 0.3) !important;
  color: #bf7326 !important;
}

.bp3-dark .bp3-button.bp3-minimal.bp3-intent-warning.bp3-disabled.bp3-active, .bp3-dark .bp3-button.bp3-minimal.bp3-intent-warning:disabled.bp3-active {
  background-color: rgba(217.515, 130.05, 42.585, 0.3) !important;
  color: rgba(255, 179, 102, 0.5) !important;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button.bp3-minimal.bp3-intent-warning.bp3-disabled.bp3-active, :where(:root:not(.bp3-light)) .bp3-button.bp3-minimal.bp3-intent-warning:disabled.bp3-active {
    background-color: rgba(217.515, 130.05, 42.585, 0.3) !important;
    color: rgba(255, 179, 102, 0.5) !important;
  }
}
.bp3-button.bp3-minimal.bp3-intent-warning:hover, .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-warning:hover {
  background-color: rgba(217.515, 130.05, 42.585, 0.15);
  color: #bf7326;
}

.bp3-light .bp3-button.bp3-minimal.bp3-intent-warning:hover, .bp3-light .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-warning:hover {
  background-color: rgba(217.515, 130.05, 42.585, 0.15);
  color: #bf7326;
}

.bp3-dark .bp3-button.bp3-minimal.bp3-intent-warning:hover, .bp3-dark .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-warning:hover {
  background-color: rgba(217.515, 130.05, 42.585, 0.2);
  color: #ffb366;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button.bp3-minimal.bp3-intent-warning:hover, :where(:root:not(.bp3-light)) .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-warning:hover {
    background-color: rgba(217.515, 130.05, 42.585, 0.2);
    color: #ffb366;
  }
}
.bp3-button.bp3-minimal.bp3-intent-warning, .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-warning {
  color: #bf7326;
}

.bp3-light .bp3-button.bp3-minimal.bp3-intent-warning, .bp3-light .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-warning {
  color: #bf7326;
}

.bp3-dark .bp3-button.bp3-minimal.bp3-intent-warning, .bp3-dark .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-warning {
  color: #ffb366;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button.bp3-minimal.bp3-intent-warning, :where(:root:not(.bp3-light)) .bp3-button-group.bp3-minimal .bp3-button.bp3-intent-warning {
    color: #ffb366;
  }
}
.bp3-button.bp3-minimal:active, .bp3-button.bp3-minimal.bp3-active, .bp3-button.bp3-minimal:active:hover, .bp3-button.bp3-minimal.bp3-active:hover {
  background-color: rgba(115, 134, 148, 0.3);
  box-shadow: none;
  color: #182026;
}

.bp3-light .bp3-button.bp3-minimal:active, .bp3-light .bp3-button.bp3-minimal.bp3-active, .bp3-light .bp3-button.bp3-minimal:active:hover, .bp3-light .bp3-button.bp3-minimal.bp3-active:hover {
  background-color: rgba(115, 134, 148, 0.3);
  box-shadow: none;
  color: #182026;
}

.bp3-dark .bp3-button.bp3-minimal:active, .bp3-dark .bp3-button.bp3-minimal.bp3-active, .bp3-dark .bp3-button.bp3-minimal:active:hover, .bp3-dark .bp3-button.bp3-minimal.bp3-active:hover {
  background-color: rgba(138, 155, 168, 0.3);
  box-shadow: none;
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button.bp3-minimal:active, :where(:root:not(.bp3-light)) .bp3-button.bp3-minimal.bp3-active, :where(:root:not(.bp3-light)) .bp3-button.bp3-minimal:active:hover, :where(:root:not(.bp3-light)) .bp3-button.bp3-minimal.bp3-active:hover {
    background-color: rgba(138, 155, 168, 0.3);
    box-shadow: none;
    color: rgb(245, 248, 250);
  }
}
.bp3-button.bp3-minimal:disabled, .bp3-button.bp3-minimal:disabled:hover, .bp3-button.bp3-minimal.bp3-disabled, .bp3-button.bp3-minimal.bp3-disabled:hover {
  background-color: transparent;
  color: #182026;
}

.bp3-light .bp3-button.bp3-minimal:disabled, .bp3-light .bp3-button.bp3-minimal:disabled:hover, .bp3-light .bp3-button.bp3-minimal.bp3-disabled, .bp3-light .bp3-button.bp3-minimal.bp3-disabled:hover {
  background-color: transparent;
  color: #182026;
}

.bp3-dark .bp3-button.bp3-minimal:disabled, .bp3-dark .bp3-button.bp3-minimal:disabled:hover, .bp3-dark .bp3-button.bp3-minimal.bp3-disabled, .bp3-dark .bp3-button.bp3-minimal.bp3-disabled:hover {
  background-color: transparent;
  color: rgba(167, 182, 194, 0.6);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button.bp3-minimal:disabled, :where(:root:not(.bp3-light)) .bp3-button.bp3-minimal:disabled:hover, :where(:root:not(.bp3-light)) .bp3-button.bp3-minimal.bp3-disabled, :where(:root:not(.bp3-light)) .bp3-button.bp3-minimal.bp3-disabled:hover {
    background-color: transparent;
    color: rgba(167, 182, 194, 0.6);
  }
}
.bp3-button.bp3-minimal:disabled.bp3-active, .bp3-button.bp3-minimal:disabled:hover.bp3-active, .bp3-button.bp3-minimal.bp3-disabled.bp3-active, .bp3-button.bp3-minimal.bp3-disabled:hover.bp3-active {
  background-color: rgba(115, 134, 148, 0.3);
}

.bp3-light .bp3-button.bp3-minimal:disabled.bp3-active, .bp3-light .bp3-button.bp3-minimal:disabled:hover.bp3-active, .bp3-light .bp3-button.bp3-minimal.bp3-disabled.bp3-active, .bp3-light .bp3-button.bp3-minimal.bp3-disabled:hover.bp3-active {
  background-color: rgba(115, 134, 148, 0.3);
}

.bp3-dark .bp3-button.bp3-minimal:disabled.bp3-active, .bp3-dark .bp3-button.bp3-minimal:disabled:hover.bp3-active, .bp3-dark .bp3-button.bp3-minimal.bp3-disabled.bp3-active, .bp3-dark .bp3-button.bp3-minimal.bp3-disabled:hover.bp3-active {
  background-color: rgba(138, 155, 168, 0.3);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button.bp3-minimal:disabled.bp3-active, :where(:root:not(.bp3-light)) .bp3-button.bp3-minimal:disabled:hover.bp3-active, :where(:root:not(.bp3-light)) .bp3-button.bp3-minimal.bp3-disabled.bp3-active, :where(:root:not(.bp3-light)) .bp3-button.bp3-minimal.bp3-disabled:hover.bp3-active {
    background-color: rgba(138, 155, 168, 0.3);
  }
}
.bp3-button.bp3-minimal:hover {
  background-color: rgba(167, 182, 194, 0.3);
  box-shadow: none;
  color: #182026;
}

.bp3-light .bp3-button.bp3-minimal:hover {
  background-color: rgba(167, 182, 194, 0.3);
  box-shadow: none;
  color: #182026;
}

.bp3-dark .bp3-button.bp3-minimal:hover {
  background-color: rgba(138, 155, 168, 0.15);
  box-shadow: none;
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button.bp3-minimal:hover {
    background-color: rgba(138, 155, 168, 0.15);
    box-shadow: none;
    color: rgb(245, 248, 250);
  }
}
.bp3-button.bp3-minimal {
  background-color: transparent;
  background-image: none;
  box-shadow: none;
}

.bp3-light .bp3-button.bp3-minimal {
  background-color: transparent;
  background-image: none;
  box-shadow: none;
}

.bp3-dark .bp3-button.bp3-minimal {
  background-color: transparent;
  background-image: none;
  box-shadow: none;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button.bp3-minimal {
    background-color: transparent;
    background-image: none;
    box-shadow: none;
  }
}
.bp3-button-group.bp3-minimal .bp3-button {
  background-color: initial;
  background-image: initial;
  box-shadow: none;
}

.bp3-light .bp3-button-group.bp3-minimal .bp3-button {
  background-color: initial;
  background-image: initial;
  box-shadow: none;
}

.bp3-dark .bp3-button-group.bp3-minimal .bp3-button {
  background-color: initial;
  background-image: initial;
  box-shadow: none;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button-group.bp3-minimal .bp3-button {
    background-color: initial;
    background-image: initial;
    box-shadow: none;
  }
}
.bp3-button.bp3-outlined.bp3-intent-danger:active, .bp3-button.bp3-outlined.bp3-intent-danger.bp3-active, .bp3-button.bp3-outlined.bp3-intent-danger:active:hover, .bp3-button.bp3-outlined.bp3-intent-danger.bp3-active:hover {
  background-color: rgba(219, 57, 57, 0.3);
  box-shadow: none;
  color: #c23030;
}

.bp3-light .bp3-button.bp3-outlined.bp3-intent-danger:active, .bp3-light .bp3-button.bp3-outlined.bp3-intent-danger.bp3-active, .bp3-light .bp3-button.bp3-outlined.bp3-intent-danger:active:hover, .bp3-light .bp3-button.bp3-outlined.bp3-intent-danger.bp3-active:hover {
  background-color: rgba(219, 57, 57, 0.3);
  box-shadow: none;
  color: #c23030;
}

.bp3-dark .bp3-button.bp3-outlined.bp3-intent-danger:active, .bp3-dark .bp3-button.bp3-outlined.bp3-intent-danger.bp3-active, .bp3-dark .bp3-button.bp3-outlined.bp3-intent-danger:active:hover, .bp3-dark .bp3-button.bp3-outlined.bp3-intent-danger.bp3-active:hover {
  background-color: rgba(219, 57, 57, 0.3);
  box-shadow: none;
  color: #ff7373;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button.bp3-outlined.bp3-intent-danger:active, :where(:root:not(.bp3-light)) .bp3-button.bp3-outlined.bp3-intent-danger.bp3-active, :where(:root:not(.bp3-light)) .bp3-button.bp3-outlined.bp3-intent-danger:active:hover, :where(:root:not(.bp3-light)) .bp3-button.bp3-outlined.bp3-intent-danger.bp3-active:hover {
    background-color: rgba(219, 57, 57, 0.3);
    box-shadow: none;
    color: #ff7373;
  }
}
.bp3-button.bp3-outlined.bp3-intent-danger:disabled, .bp3-button.bp3-outlined.bp3-intent-danger.bp3-disabled, .bp3-button.bp3-outlined.bp3-intent-danger:disabled:hover, .bp3-button.bp3-outlined.bp3-intent-danger.bp3-disabled:hover {
  background-color: initial;
  border-top: 1px solid rgba(194, 48, 48, 0.2);
  border-right: 1px solid rgba(194, 48, 48, 0.2);
  border-bottom: 1px solid rgba(194, 48, 48, 0.2);
  border-left: 1px solid rgba(194, 48, 48, 0.2);
  color: rgba(194, 48, 48, 0.2);
}

.bp3-light .bp3-button.bp3-outlined.bp3-intent-danger:disabled, .bp3-light .bp3-button.bp3-outlined.bp3-intent-danger.bp3-disabled, .bp3-light .bp3-button.bp3-outlined.bp3-intent-danger:disabled:hover, .bp3-light .bp3-button.bp3-outlined.bp3-intent-danger.bp3-disabled:hover {
  background-color: initial;
  border-top: 1px solid rgba(194, 48, 48, 0.2);
  border-right: 1px solid rgba(194, 48, 48, 0.2);
  border-bottom: 1px solid rgba(194, 48, 48, 0.2);
  border-left: 1px solid rgba(194, 48, 48, 0.2);
  color: rgba(194, 48, 48, 0.2);
}

.bp3-dark .bp3-button.bp3-outlined.bp3-intent-danger:disabled, .bp3-dark .bp3-button.bp3-outlined.bp3-intent-danger.bp3-disabled, .bp3-dark .bp3-button.bp3-outlined.bp3-intent-danger:disabled:hover, .bp3-dark .bp3-button.bp3-outlined.bp3-intent-danger.bp3-disabled:hover {
  background-color: initial;
  border-top: 1px solid rgba(255, 115, 115, 0.2);
  border-right: 1px solid rgba(255, 115, 115, 0.2);
  border-bottom: 1px solid rgba(255, 115, 115, 0.2);
  border-left: 1px solid rgba(255, 115, 115, 0.2);
  color: rgba(167, 182, 194, 0.6);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button.bp3-outlined.bp3-intent-danger:disabled, :where(:root:not(.bp3-light)) .bp3-button.bp3-outlined.bp3-intent-danger.bp3-disabled, :where(:root:not(.bp3-light)) .bp3-button.bp3-outlined.bp3-intent-danger:disabled:hover, :where(:root:not(.bp3-light)) .bp3-button.bp3-outlined.bp3-intent-danger.bp3-disabled:hover {
    background-color: initial;
    border-top: 1px solid rgba(255, 115, 115, 0.2);
    border-right: 1px solid rgba(255, 115, 115, 0.2);
    border-bottom: 1px solid rgba(255, 115, 115, 0.2);
    border-left: 1px solid rgba(255, 115, 115, 0.2);
    color: rgba(167, 182, 194, 0.6);
  }
}
.bp3-button.bp3-outlined.bp3-intent-danger:disabled, .bp3-button.bp3-outlined.bp3-intent-danger.bp3-disabled, .bp3-button.bp3-outlined.bp3-intent-danger:disabled:hover, .bp3-button.bp3-outlined.bp3-intent-danger.bp3-disabled:hover {
  background-color: initial;
}

.bp3-light .bp3-button.bp3-outlined.bp3-intent-danger:disabled, .bp3-light .bp3-button.bp3-outlined.bp3-intent-danger.bp3-disabled, .bp3-light .bp3-button.bp3-outlined.bp3-intent-danger:disabled:hover, .bp3-light .bp3-button.bp3-outlined.bp3-intent-danger.bp3-disabled:hover {
  background-color: initial;
}

.bp3-dark .bp3-button.bp3-outlined.bp3-intent-danger:disabled, .bp3-dark .bp3-button.bp3-outlined.bp3-intent-danger.bp3-disabled, .bp3-dark .bp3-button.bp3-outlined.bp3-intent-danger:disabled:hover, .bp3-dark .bp3-button.bp3-outlined.bp3-intent-danger.bp3-disabled:hover {
  background-color: rgba(138, 155, 168, 0.3);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button.bp3-outlined.bp3-intent-danger:disabled, :where(:root:not(.bp3-light)) .bp3-button.bp3-outlined.bp3-intent-danger.bp3-disabled, :where(:root:not(.bp3-light)) .bp3-button.bp3-outlined.bp3-intent-danger:disabled:hover, :where(:root:not(.bp3-light)) .bp3-button.bp3-outlined.bp3-intent-danger.bp3-disabled:hover {
    background-color: rgba(138, 155, 168, 0.3);
  }
}
.bp3-button.bp3-outlined.bp3-intent-danger:hover {
  background-color: rgba(219, 57, 57, 0.15);
  box-shadow: none;
  color: #c23030;
}

.bp3-light .bp3-button.bp3-outlined.bp3-intent-danger:hover {
  background-color: rgba(219, 57, 57, 0.15);
  box-shadow: none;
  color: #c23030;
}

.bp3-dark .bp3-button.bp3-outlined.bp3-intent-danger:hover {
  background-color: rgba(219, 57, 57, 0.2);
  box-shadow: none;
  color: #ff7373;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button.bp3-outlined.bp3-intent-danger:hover {
    background-color: rgba(219, 57, 57, 0.2);
    box-shadow: none;
    color: #ff7373;
  }
}
.bp3-button.bp3-outlined.bp3-intent-danger {
  background-color: transparent;
  border-top: 1px solid rgba(194, 48, 48, 0.6);
  border-right: 1px solid rgba(194, 48, 48, 0.6);
  border-bottom: 1px solid rgba(194, 48, 48, 0.6);
  border-left: 1px solid rgba(194, 48, 48, 0.6);
  box-shadow: none;
  color: #c23030;
}

.bp3-light .bp3-button.bp3-outlined.bp3-intent-danger {
  background-color: transparent;
  border-top: 1px solid rgba(194, 48, 48, 0.6);
  border-right: 1px solid rgba(194, 48, 48, 0.6);
  border-bottom: 1px solid rgba(194, 48, 48, 0.6);
  border-left: 1px solid rgba(194, 48, 48, 0.6);
  box-shadow: none;
  color: #c23030;
}

.bp3-dark .bp3-button.bp3-outlined.bp3-intent-danger {
  background-color: transparent;
  border-top: 1px solid rgba(255, 115, 115, 0.6);
  border-right: 1px solid rgba(255, 115, 115, 0.6);
  border-bottom: 1px solid rgba(255, 115, 115, 0.6);
  border-left: 1px solid rgba(255, 115, 115, 0.6);
  box-shadow: none;
  color: #ff7373;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button.bp3-outlined.bp3-intent-danger {
    background-color: transparent;
    border-top: 1px solid rgba(255, 115, 115, 0.6);
    border-right: 1px solid rgba(255, 115, 115, 0.6);
    border-bottom: 1px solid rgba(255, 115, 115, 0.6);
    border-left: 1px solid rgba(255, 115, 115, 0.6);
    box-shadow: none;
    color: #ff7373;
  }
}
.bp3-button.bp3-outlined.bp3-intent-warning:active, .bp3-button.bp3-outlined.bp3-intent-warning.bp3-active, .bp3-button.bp3-outlined.bp3-intent-warning:active:hover, .bp3-button.bp3-outlined.bp3-intent-warning.bp3-active:hover {
  background-color: rgba(217.515, 130.05, 42.585, 0.3);
  box-shadow: none;
  color: #bf7326;
}

.bp3-light .bp3-button.bp3-outlined.bp3-intent-warning:active, .bp3-light .bp3-button.bp3-outlined.bp3-intent-warning.bp3-active, .bp3-light .bp3-button.bp3-outlined.bp3-intent-warning:active:hover, .bp3-light .bp3-button.bp3-outlined.bp3-intent-warning.bp3-active:hover {
  background-color: rgba(217.515, 130.05, 42.585, 0.3);
  box-shadow: none;
  color: #bf7326;
}

.bp3-dark .bp3-button.bp3-outlined.bp3-intent-warning:active, .bp3-dark .bp3-button.bp3-outlined.bp3-intent-warning.bp3-active, .bp3-dark .bp3-button.bp3-outlined.bp3-intent-warning:active:hover, .bp3-dark .bp3-button.bp3-outlined.bp3-intent-warning.bp3-active:hover {
  background-color: rgba(217.515, 130.05, 42.585, 0.3);
  box-shadow: none;
  color: #ffb366;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button.bp3-outlined.bp3-intent-warning:active, :where(:root:not(.bp3-light)) .bp3-button.bp3-outlined.bp3-intent-warning.bp3-active, :where(:root:not(.bp3-light)) .bp3-button.bp3-outlined.bp3-intent-warning:active:hover, :where(:root:not(.bp3-light)) .bp3-button.bp3-outlined.bp3-intent-warning.bp3-active:hover {
    background-color: rgba(217.515, 130.05, 42.585, 0.3);
    box-shadow: none;
    color: #ffb366;
  }
}
.bp3-button.bp3-outlined.bp3-intent-warning:disabled, .bp3-button.bp3-outlined.bp3-intent-warning.bp3-disabled, .bp3-button.bp3-outlined.bp3-intent-warning:disabled:hover, .bp3-button.bp3-outlined.bp3-intent-warning.bp3-disabled:hover {
  background-color: initial;
  border-top: 1px solid rgba(191, 115, 38, 0.2);
  border-right: 1px solid rgba(191, 115, 38, 0.2);
  border-bottom: 1px solid rgba(191, 115, 38, 0.2);
  border-left: 1px solid rgba(191, 115, 38, 0.2);
  color: rgba(191, 115, 38, 0.2);
}

.bp3-light .bp3-button.bp3-outlined.bp3-intent-warning:disabled, .bp3-light .bp3-button.bp3-outlined.bp3-intent-warning.bp3-disabled, .bp3-light .bp3-button.bp3-outlined.bp3-intent-warning:disabled:hover, .bp3-light .bp3-button.bp3-outlined.bp3-intent-warning.bp3-disabled:hover {
  background-color: initial;
  border-top: 1px solid rgba(191, 115, 38, 0.2);
  border-right: 1px solid rgba(191, 115, 38, 0.2);
  border-bottom: 1px solid rgba(191, 115, 38, 0.2);
  border-left: 1px solid rgba(191, 115, 38, 0.2);
  color: rgba(191, 115, 38, 0.2);
}

.bp3-dark .bp3-button.bp3-outlined.bp3-intent-warning:disabled, .bp3-dark .bp3-button.bp3-outlined.bp3-intent-warning.bp3-disabled, .bp3-dark .bp3-button.bp3-outlined.bp3-intent-warning:disabled:hover, .bp3-dark .bp3-button.bp3-outlined.bp3-intent-warning.bp3-disabled:hover {
  background-color: initial;
  border-top: 1px solid rgba(255, 179, 102, 0.2);
  border-right: 1px solid rgba(255, 179, 102, 0.2);
  border-bottom: 1px solid rgba(255, 179, 102, 0.2);
  border-left: 1px solid rgba(255, 179, 102, 0.2);
  color: rgba(167, 182, 194, 0.6);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button.bp3-outlined.bp3-intent-warning:disabled, :where(:root:not(.bp3-light)) .bp3-button.bp3-outlined.bp3-intent-warning.bp3-disabled, :where(:root:not(.bp3-light)) .bp3-button.bp3-outlined.bp3-intent-warning:disabled:hover, :where(:root:not(.bp3-light)) .bp3-button.bp3-outlined.bp3-intent-warning.bp3-disabled:hover {
    background-color: initial;
    border-top: 1px solid rgba(255, 179, 102, 0.2);
    border-right: 1px solid rgba(255, 179, 102, 0.2);
    border-bottom: 1px solid rgba(255, 179, 102, 0.2);
    border-left: 1px solid rgba(255, 179, 102, 0.2);
    color: rgba(167, 182, 194, 0.6);
  }
}
.bp3-button.bp3-outlined.bp3-intent-warning:disabled, .bp3-button.bp3-outlined.bp3-intent-warning.bp3-disabled, .bp3-button.bp3-outlined.bp3-intent-warning:disabled:hover, .bp3-button.bp3-outlined.bp3-intent-warning.bp3-disabled:hover {
  background-color: initial;
}

.bp3-light .bp3-button.bp3-outlined.bp3-intent-warning:disabled, .bp3-light .bp3-button.bp3-outlined.bp3-intent-warning.bp3-disabled, .bp3-light .bp3-button.bp3-outlined.bp3-intent-warning:disabled:hover, .bp3-light .bp3-button.bp3-outlined.bp3-intent-warning.bp3-disabled:hover {
  background-color: initial;
}

.bp3-dark .bp3-button.bp3-outlined.bp3-intent-warning:disabled, .bp3-dark .bp3-button.bp3-outlined.bp3-intent-warning.bp3-disabled, .bp3-dark .bp3-button.bp3-outlined.bp3-intent-warning:disabled:hover, .bp3-dark .bp3-button.bp3-outlined.bp3-intent-warning.bp3-disabled:hover {
  background-color: rgba(138, 155, 168, 0.3);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button.bp3-outlined.bp3-intent-warning:disabled, :where(:root:not(.bp3-light)) .bp3-button.bp3-outlined.bp3-intent-warning.bp3-disabled, :where(:root:not(.bp3-light)) .bp3-button.bp3-outlined.bp3-intent-warning:disabled:hover, :where(:root:not(.bp3-light)) .bp3-button.bp3-outlined.bp3-intent-warning.bp3-disabled:hover {
    background-color: rgba(138, 155, 168, 0.3);
  }
}
.bp3-button.bp3-outlined.bp3-intent-warning:hover {
  background-color: rgba(217.515, 130.05, 42.585, 0.15);
  box-shadow: none;
  color: #bf7326;
}

.bp3-light .bp3-button.bp3-outlined.bp3-intent-warning:hover {
  background-color: rgba(217.515, 130.05, 42.585, 0.15);
  box-shadow: none;
  color: #bf7326;
}

.bp3-dark .bp3-button.bp3-outlined.bp3-intent-warning:hover {
  background-color: rgba(217.515, 130.05, 42.585, 0.2);
  box-shadow: none;
  color: #ffb366;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button.bp3-outlined.bp3-intent-warning:hover {
    background-color: rgba(217.515, 130.05, 42.585, 0.2);
    box-shadow: none;
    color: #ffb366;
  }
}
.bp3-button.bp3-outlined.bp3-intent-warning {
  background-color: transparent;
  border-top: 1px solid rgba(191, 115, 38, 0.6);
  border-right: 1px solid rgba(191, 115, 38, 0.6);
  border-bottom: 1px solid rgba(191, 115, 38, 0.6);
  border-left: 1px solid rgba(191, 115, 38, 0.6);
  box-shadow: none;
  color: #bf7326;
}

.bp3-light .bp3-button.bp3-outlined.bp3-intent-warning {
  background-color: transparent;
  border-top: 1px solid rgba(191, 115, 38, 0.6);
  border-right: 1px solid rgba(191, 115, 38, 0.6);
  border-bottom: 1px solid rgba(191, 115, 38, 0.6);
  border-left: 1px solid rgba(191, 115, 38, 0.6);
  box-shadow: none;
  color: #bf7326;
}

.bp3-dark .bp3-button.bp3-outlined.bp3-intent-warning {
  background-color: transparent;
  border-top: 1px solid rgba(255, 179, 102, 0.6);
  border-right: 1px solid rgba(255, 179, 102, 0.6);
  border-bottom: 1px solid rgba(255, 179, 102, 0.6);
  border-left: 1px solid rgba(255, 179, 102, 0.6);
  box-shadow: none;
  color: #ffb366;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button.bp3-outlined.bp3-intent-warning {
    background-color: transparent;
    border-top: 1px solid rgba(255, 179, 102, 0.6);
    border-right: 1px solid rgba(255, 179, 102, 0.6);
    border-bottom: 1px solid rgba(255, 179, 102, 0.6);
    border-left: 1px solid rgba(255, 179, 102, 0.6);
    box-shadow: none;
    color: #ffb366;
  }
}
.bp3-button.bp3-outlined.bp3-intent-success:active, .bp3-button.bp3-outlined.bp3-intent-success.bp3-active, .bp3-button.bp3-outlined.bp3-intent-success:active:hover, .bp3-button.bp3-outlined.bp3-intent-success.bp3-active:hover {
  background-color: rgba(15.147, 153.153, 95.6505, 0.3);
  box-shadow: none;
  color: #0d8050;
}

.bp3-light .bp3-button.bp3-outlined.bp3-intent-success:active, .bp3-light .bp3-button.bp3-outlined.bp3-intent-success.bp3-active, .bp3-light .bp3-button.bp3-outlined.bp3-intent-success:active:hover, .bp3-light .bp3-button.bp3-outlined.bp3-intent-success.bp3-active:hover {
  background-color: rgba(15.147, 153.153, 95.6505, 0.3);
  box-shadow: none;
  color: #0d8050;
}

.bp3-dark .bp3-button.bp3-outlined.bp3-intent-success:active, .bp3-dark .bp3-button.bp3-outlined.bp3-intent-success.bp3-active, .bp3-dark .bp3-button.bp3-outlined.bp3-intent-success:active:hover, .bp3-dark .bp3-button.bp3-outlined.bp3-intent-success.bp3-active:hover {
  background-color: rgba(15.147, 153.153, 95.6505, 0.3);
  box-shadow: none;
  color: #3dcc91;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button.bp3-outlined.bp3-intent-success:active, :where(:root:not(.bp3-light)) .bp3-button.bp3-outlined.bp3-intent-success.bp3-active, :where(:root:not(.bp3-light)) .bp3-button.bp3-outlined.bp3-intent-success:active:hover, :where(:root:not(.bp3-light)) .bp3-button.bp3-outlined.bp3-intent-success.bp3-active:hover {
    background-color: rgba(15.147, 153.153, 95.6505, 0.3);
    box-shadow: none;
    color: #3dcc91;
  }
}
.bp3-button.bp3-outlined.bp3-intent-success:disabled, .bp3-button.bp3-outlined.bp3-intent-success.bp3-disabled, .bp3-button.bp3-outlined.bp3-intent-success:disabled:hover, .bp3-button.bp3-outlined.bp3-intent-success.bp3-disabled:hover {
  background-color: initial;
  border-top: 1px solid rgba(13, 128, 80, 0.2);
  border-right: 1px solid rgba(13, 128, 80, 0.2);
  border-bottom: 1px solid rgba(13, 128, 80, 0.2);
  border-left: 1px solid rgba(13, 128, 80, 0.2);
  color: rgba(13, 128, 80, 0.2);
}

.bp3-light .bp3-button.bp3-outlined.bp3-intent-success:disabled, .bp3-light .bp3-button.bp3-outlined.bp3-intent-success.bp3-disabled, .bp3-light .bp3-button.bp3-outlined.bp3-intent-success:disabled:hover, .bp3-light .bp3-button.bp3-outlined.bp3-intent-success.bp3-disabled:hover {
  background-color: initial;
  border-top: 1px solid rgba(13, 128, 80, 0.2);
  border-right: 1px solid rgba(13, 128, 80, 0.2);
  border-bottom: 1px solid rgba(13, 128, 80, 0.2);
  border-left: 1px solid rgba(13, 128, 80, 0.2);
  color: rgba(13, 128, 80, 0.2);
}

.bp3-dark .bp3-button.bp3-outlined.bp3-intent-success:disabled, .bp3-dark .bp3-button.bp3-outlined.bp3-intent-success.bp3-disabled, .bp3-dark .bp3-button.bp3-outlined.bp3-intent-success:disabled:hover, .bp3-dark .bp3-button.bp3-outlined.bp3-intent-success.bp3-disabled:hover {
  background-color: initial;
  border-top: 1px solid rgba(61, 204, 145, 0.2);
  border-right: 1px solid rgba(61, 204, 145, 0.2);
  border-bottom: 1px solid rgba(61, 204, 145, 0.2);
  border-left: 1px solid rgba(61, 204, 145, 0.2);
  color: rgba(167, 182, 194, 0.6);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button.bp3-outlined.bp3-intent-success:disabled, :where(:root:not(.bp3-light)) .bp3-button.bp3-outlined.bp3-intent-success.bp3-disabled, :where(:root:not(.bp3-light)) .bp3-button.bp3-outlined.bp3-intent-success:disabled:hover, :where(:root:not(.bp3-light)) .bp3-button.bp3-outlined.bp3-intent-success.bp3-disabled:hover {
    background-color: initial;
    border-top: 1px solid rgba(61, 204, 145, 0.2);
    border-right: 1px solid rgba(61, 204, 145, 0.2);
    border-bottom: 1px solid rgba(61, 204, 145, 0.2);
    border-left: 1px solid rgba(61, 204, 145, 0.2);
    color: rgba(167, 182, 194, 0.6);
  }
}
.bp3-button.bp3-outlined.bp3-intent-success:disabled, .bp3-button.bp3-outlined.bp3-intent-success.bp3-disabled, .bp3-button.bp3-outlined.bp3-intent-success:disabled:hover, .bp3-button.bp3-outlined.bp3-intent-success.bp3-disabled:hover {
  background-color: initial;
}

.bp3-light .bp3-button.bp3-outlined.bp3-intent-success:disabled, .bp3-light .bp3-button.bp3-outlined.bp3-intent-success.bp3-disabled, .bp3-light .bp3-button.bp3-outlined.bp3-intent-success:disabled:hover, .bp3-light .bp3-button.bp3-outlined.bp3-intent-success.bp3-disabled:hover {
  background-color: initial;
}

.bp3-dark .bp3-button.bp3-outlined.bp3-intent-success:disabled, .bp3-dark .bp3-button.bp3-outlined.bp3-intent-success.bp3-disabled, .bp3-dark .bp3-button.bp3-outlined.bp3-intent-success:disabled:hover, .bp3-dark .bp3-button.bp3-outlined.bp3-intent-success.bp3-disabled:hover {
  background-color: rgba(138, 155, 168, 0.3);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button.bp3-outlined.bp3-intent-success:disabled, :where(:root:not(.bp3-light)) .bp3-button.bp3-outlined.bp3-intent-success.bp3-disabled, :where(:root:not(.bp3-light)) .bp3-button.bp3-outlined.bp3-intent-success:disabled:hover, :where(:root:not(.bp3-light)) .bp3-button.bp3-outlined.bp3-intent-success.bp3-disabled:hover {
    background-color: rgba(138, 155, 168, 0.3);
  }
}
.bp3-button.bp3-outlined.bp3-intent-success:hover {
  background-color: rgba(15.147, 153.153, 95.6505, 0.15);
  box-shadow: none;
  color: #0d8050;
}

.bp3-light .bp3-button.bp3-outlined.bp3-intent-success:hover {
  background-color: rgba(15.147, 153.153, 95.6505, 0.15);
  box-shadow: none;
  color: #0d8050;
}

.bp3-dark .bp3-button.bp3-outlined.bp3-intent-success:hover {
  background-color: rgba(15.147, 153.153, 95.6505, 0.2);
  box-shadow: none;
  color: #3dcc91;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button.bp3-outlined.bp3-intent-success:hover {
    background-color: rgba(15.147, 153.153, 95.6505, 0.2);
    box-shadow: none;
    color: #3dcc91;
  }
}
.bp3-button.bp3-outlined.bp3-intent-success {
  background-color: transparent;
  border-top: 1px solid rgba(13, 128, 80, 0.6);
  border-right: 1px solid rgba(13, 128, 80, 0.6);
  border-bottom: 1px solid rgba(13, 128, 80, 0.6);
  border-left: 1px solid rgba(13, 128, 80, 0.6);
  box-shadow: none;
  color: #0d8050;
}

.bp3-light .bp3-button.bp3-outlined.bp3-intent-success {
  background-color: transparent;
  border-top: 1px solid rgba(13, 128, 80, 0.6);
  border-right: 1px solid rgba(13, 128, 80, 0.6);
  border-bottom: 1px solid rgba(13, 128, 80, 0.6);
  border-left: 1px solid rgba(13, 128, 80, 0.6);
  box-shadow: none;
  color: #0d8050;
}

.bp3-dark .bp3-button.bp3-outlined.bp3-intent-success {
  background-color: transparent;
  border-top: 1px solid rgba(61, 204, 145, 0.6);
  border-right: 1px solid rgba(61, 204, 145, 0.6);
  border-bottom: 1px solid rgba(61, 204, 145, 0.6);
  border-left: 1px solid rgba(61, 204, 145, 0.6);
  box-shadow: none;
  color: #3dcc91;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button.bp3-outlined.bp3-intent-success {
    background-color: transparent;
    border-top: 1px solid rgba(61, 204, 145, 0.6);
    border-right: 1px solid rgba(61, 204, 145, 0.6);
    border-bottom: 1px solid rgba(61, 204, 145, 0.6);
    border-left: 1px solid rgba(61, 204, 145, 0.6);
    box-shadow: none;
    color: #3dcc91;
  }
}
.bp3-button.bp3-outlined.bp3-intent-primary:active, .bp3-button.bp3-outlined.bp3-intent-primary.bp3-active, .bp3-button.bp3-outlined.bp3-intent-primary:active:hover, .bp3-button.bp3-outlined.bp3-intent-primary.bp3-active:hover {
  background-color: rgba(18.819, 124.5539, 190.281, 0.3);
  box-shadow: none;
  color: #106ba3;
}

.bp3-light .bp3-button.bp3-outlined.bp3-intent-primary:active, .bp3-light .bp3-button.bp3-outlined.bp3-intent-primary.bp3-active, .bp3-light .bp3-button.bp3-outlined.bp3-intent-primary:active:hover, .bp3-light .bp3-button.bp3-outlined.bp3-intent-primary.bp3-active:hover {
  background-color: rgba(18.819, 124.5539, 190.281, 0.3);
  box-shadow: none;
  color: #106ba3;
}

.bp3-dark .bp3-button.bp3-outlined.bp3-intent-primary:active, .bp3-dark .bp3-button.bp3-outlined.bp3-intent-primary.bp3-active, .bp3-dark .bp3-button.bp3-outlined.bp3-intent-primary:active:hover, .bp3-dark .bp3-button.bp3-outlined.bp3-intent-primary.bp3-active:hover {
  background-color: rgba(18.819, 124.5539, 190.281, 0.3);
  box-shadow: none;
  color: #48aff0;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button.bp3-outlined.bp3-intent-primary:active, :where(:root:not(.bp3-light)) .bp3-button.bp3-outlined.bp3-intent-primary.bp3-active, :where(:root:not(.bp3-light)) .bp3-button.bp3-outlined.bp3-intent-primary:active:hover, :where(:root:not(.bp3-light)) .bp3-button.bp3-outlined.bp3-intent-primary.bp3-active:hover {
    background-color: rgba(18.819, 124.5539, 190.281, 0.3);
    box-shadow: none;
    color: #48aff0;
  }
}
.bp3-button.bp3-outlined.bp3-intent-primary:disabled, .bp3-button.bp3-outlined.bp3-intent-primary.bp3-disabled, .bp3-button.bp3-outlined.bp3-intent-primary:disabled:hover, .bp3-button.bp3-outlined.bp3-intent-primary.bp3-disabled:hover {
  background-color: initial;
  border-top: 1px solid rgba(16, 107, 163, 0.2);
  border-right: 1px solid rgba(16, 107, 163, 0.2);
  border-bottom: 1px solid rgba(16, 107, 163, 0.2);
  border-left: 1px solid rgba(16, 107, 163, 0.2);
  color: rgba(16, 107, 163, 0.2);
}

.bp3-light .bp3-button.bp3-outlined.bp3-intent-primary:disabled, .bp3-light .bp3-button.bp3-outlined.bp3-intent-primary.bp3-disabled, .bp3-light .bp3-button.bp3-outlined.bp3-intent-primary:disabled:hover, .bp3-light .bp3-button.bp3-outlined.bp3-intent-primary.bp3-disabled:hover {
  background-color: initial;
  border-top: 1px solid rgba(16, 107, 163, 0.2);
  border-right: 1px solid rgba(16, 107, 163, 0.2);
  border-bottom: 1px solid rgba(16, 107, 163, 0.2);
  border-left: 1px solid rgba(16, 107, 163, 0.2);
  color: rgba(16, 107, 163, 0.2);
}

.bp3-dark .bp3-button.bp3-outlined.bp3-intent-primary:disabled, .bp3-dark .bp3-button.bp3-outlined.bp3-intent-primary.bp3-disabled, .bp3-dark .bp3-button.bp3-outlined.bp3-intent-primary:disabled:hover, .bp3-dark .bp3-button.bp3-outlined.bp3-intent-primary.bp3-disabled:hover {
  background-color: initial;
  border-top: 1px solid rgba(72, 175, 240, 0.2);
  border-right: 1px solid rgba(72, 175, 240, 0.2);
  border-bottom: 1px solid rgba(72, 175, 240, 0.2);
  border-left: 1px solid rgba(72, 175, 240, 0.2);
  color: rgba(167, 182, 194, 0.6);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button.bp3-outlined.bp3-intent-primary:disabled, :where(:root:not(.bp3-light)) .bp3-button.bp3-outlined.bp3-intent-primary.bp3-disabled, :where(:root:not(.bp3-light)) .bp3-button.bp3-outlined.bp3-intent-primary:disabled:hover, :where(:root:not(.bp3-light)) .bp3-button.bp3-outlined.bp3-intent-primary.bp3-disabled:hover {
    background-color: initial;
    border-top: 1px solid rgba(72, 175, 240, 0.2);
    border-right: 1px solid rgba(72, 175, 240, 0.2);
    border-bottom: 1px solid rgba(72, 175, 240, 0.2);
    border-left: 1px solid rgba(72, 175, 240, 0.2);
    color: rgba(167, 182, 194, 0.6);
  }
}
.bp3-button.bp3-outlined.bp3-intent-primary:disabled, .bp3-button.bp3-outlined.bp3-intent-primary.bp3-disabled, .bp3-button.bp3-outlined.bp3-intent-primary:disabled:hover, .bp3-button.bp3-outlined.bp3-intent-primary.bp3-disabled:hover {
  background-color: initial;
}

.bp3-light .bp3-button.bp3-outlined.bp3-intent-primary:disabled, .bp3-light .bp3-button.bp3-outlined.bp3-intent-primary.bp3-disabled, .bp3-light .bp3-button.bp3-outlined.bp3-intent-primary:disabled:hover, .bp3-light .bp3-button.bp3-outlined.bp3-intent-primary.bp3-disabled:hover {
  background-color: initial;
}

.bp3-dark .bp3-button.bp3-outlined.bp3-intent-primary:disabled, .bp3-dark .bp3-button.bp3-outlined.bp3-intent-primary.bp3-disabled, .bp3-dark .bp3-button.bp3-outlined.bp3-intent-primary:disabled:hover, .bp3-dark .bp3-button.bp3-outlined.bp3-intent-primary.bp3-disabled:hover {
  background-color: rgba(138, 155, 168, 0.3);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button.bp3-outlined.bp3-intent-primary:disabled, :where(:root:not(.bp3-light)) .bp3-button.bp3-outlined.bp3-intent-primary.bp3-disabled, :where(:root:not(.bp3-light)) .bp3-button.bp3-outlined.bp3-intent-primary:disabled:hover, :where(:root:not(.bp3-light)) .bp3-button.bp3-outlined.bp3-intent-primary.bp3-disabled:hover {
    background-color: rgba(138, 155, 168, 0.3);
  }
}
.bp3-button.bp3-outlined.bp3-intent-primary:hover {
  background-color: rgba(18.819, 124.5539, 190.281, 0.15);
  box-shadow: none;
  color: #106ba3;
}

.bp3-light .bp3-button.bp3-outlined.bp3-intent-primary:hover {
  background-color: rgba(18.819, 124.5539, 190.281, 0.15);
  box-shadow: none;
  color: #106ba3;
}

.bp3-dark .bp3-button.bp3-outlined.bp3-intent-primary:hover {
  background-color: rgba(18.819, 124.5539, 190.281, 0.2);
  box-shadow: none;
  color: #48aff0;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button.bp3-outlined.bp3-intent-primary:hover {
    background-color: rgba(18.819, 124.5539, 190.281, 0.2);
    box-shadow: none;
    color: #48aff0;
  }
}
.bp3-button.bp3-outlined.bp3-intent-primary {
  background-color: transparent;
  border-top: 1px solid rgba(16, 107, 163, 0.6);
  border-right: 1px solid rgba(16, 107, 163, 0.6);
  border-bottom: 1px solid rgba(16, 107, 163, 0.6);
  border-left: 1px solid rgba(16, 107, 163, 0.6);
  box-shadow: none;
  color: #106ba3;
}

.bp3-light .bp3-button.bp3-outlined.bp3-intent-primary {
  background-color: transparent;
  border-top: 1px solid rgba(16, 107, 163, 0.6);
  border-right: 1px solid rgba(16, 107, 163, 0.6);
  border-bottom: 1px solid rgba(16, 107, 163, 0.6);
  border-left: 1px solid rgba(16, 107, 163, 0.6);
  box-shadow: none;
  color: #106ba3;
}

.bp3-dark .bp3-button.bp3-outlined.bp3-intent-primary {
  background-color: transparent;
  border-top: 1px solid rgba(72, 175, 240, 0.6);
  border-right: 1px solid rgba(72, 175, 240, 0.6);
  border-bottom: 1px solid rgba(72, 175, 240, 0.6);
  border-left: 1px solid rgba(72, 175, 240, 0.6);
  box-shadow: none;
  color: #48aff0;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button.bp3-outlined.bp3-intent-primary {
    background-color: transparent;
    border-top: 1px solid rgba(72, 175, 240, 0.6);
    border-right: 1px solid rgba(72, 175, 240, 0.6);
    border-bottom: 1px solid rgba(72, 175, 240, 0.6);
    border-left: 1px solid rgba(72, 175, 240, 0.6);
    box-shadow: none;
    color: #48aff0;
  }
}
.bp3-button.bp3-outlined:active, .bp3-button.bp3-outlined.bp3-active, .bp3-button.bp3-outlined:active:hover, .bp3-button.bp3-outlined.bp3-active:hover {
  background-color: rgba(115, 134, 148, 0.3);
  box-shadow: none;
  color: #182026;
}

.bp3-light .bp3-button.bp3-outlined:active, .bp3-light .bp3-button.bp3-outlined.bp3-active, .bp3-light .bp3-button.bp3-outlined:active:hover, .bp3-light .bp3-button.bp3-outlined.bp3-active:hover {
  background-color: rgba(115, 134, 148, 0.3);
  box-shadow: none;
  color: #182026;
}

.bp3-dark .bp3-button.bp3-outlined:active, .bp3-dark .bp3-button.bp3-outlined.bp3-active, .bp3-dark .bp3-button.bp3-outlined:active:hover, .bp3-dark .bp3-button.bp3-outlined.bp3-active:hover {
  background-color: rgba(138, 155, 168, 0.3);
  box-shadow: none;
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button.bp3-outlined:active, :where(:root:not(.bp3-light)) .bp3-button.bp3-outlined.bp3-active, :where(:root:not(.bp3-light)) .bp3-button.bp3-outlined:active:hover, :where(:root:not(.bp3-light)) .bp3-button.bp3-outlined.bp3-active:hover {
    background-color: rgba(138, 155, 168, 0.3);
    box-shadow: none;
    color: rgb(245, 248, 250);
  }
}
.bp3-button.bp3-outlined:disabled, .bp3-button.bp3-outlined.bp3-disabled, .bp3-button.bp3-outlined:disabled:hover, .bp3-button.bp3-outlined.bp3-disabled:hover {
  background-color: transparent;
  color: rgba(92, 112, 128, 0.6);
}

.bp3-light .bp3-button.bp3-outlined:disabled, .bp3-light .bp3-button.bp3-outlined.bp3-disabled, .bp3-light .bp3-button.bp3-outlined:disabled:hover, .bp3-light .bp3-button.bp3-outlined.bp3-disabled:hover {
  background-color: transparent;
  color: rgba(92, 112, 128, 0.6);
}

.bp3-dark .bp3-button.bp3-outlined:disabled, .bp3-dark .bp3-button.bp3-outlined.bp3-disabled, .bp3-dark .bp3-button.bp3-outlined:disabled:hover, .bp3-dark .bp3-button.bp3-outlined.bp3-disabled:hover {
  background-color: transparent;
  color: rgba(167, 182, 194, 0.6);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button.bp3-outlined:disabled, :where(:root:not(.bp3-light)) .bp3-button.bp3-outlined.bp3-disabled, :where(:root:not(.bp3-light)) .bp3-button.bp3-outlined:disabled:hover, :where(:root:not(.bp3-light)) .bp3-button.bp3-outlined.bp3-disabled:hover {
    background-color: transparent;
    color: rgba(167, 182, 194, 0.6);
  }
}
.bp3-button.bp3-outlined:disabled, .bp3-button.bp3-outlined.bp3-disabled, .bp3-button.bp3-outlined:disabled:hover, .bp3-button.bp3-outlined.bp3-disabled:hover {
  background-color: rgba(115, 134, 148, 0.3);
}

.bp3-light .bp3-button.bp3-outlined:disabled, .bp3-light .bp3-button.bp3-outlined.bp3-disabled, .bp3-light .bp3-button.bp3-outlined:disabled:hover, .bp3-light .bp3-button.bp3-outlined.bp3-disabled:hover {
  background-color: rgba(115, 134, 148, 0.3);
}

.bp3-dark .bp3-button.bp3-outlined:disabled, .bp3-dark .bp3-button.bp3-outlined.bp3-disabled, .bp3-dark .bp3-button.bp3-outlined:disabled:hover, .bp3-dark .bp3-button.bp3-outlined.bp3-disabled:hover {
  background-color: rgba(138, 155, 168, 0.3);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button.bp3-outlined:disabled, :where(:root:not(.bp3-light)) .bp3-button.bp3-outlined.bp3-disabled, :where(:root:not(.bp3-light)) .bp3-button.bp3-outlined:disabled:hover, :where(:root:not(.bp3-light)) .bp3-button.bp3-outlined.bp3-disabled:hover {
    background-color: rgba(138, 155, 168, 0.3);
  }
}
.bp3-button.bp3-outlined:hover {
  background-color: rgba(167, 182, 194, 0.3);
  box-shadow: none;
  color: #182026;
}

.bp3-light .bp3-button.bp3-outlined:hover {
  background-color: rgba(167, 182, 194, 0.3);
  box-shadow: none;
  color: #182026;
}

.bp3-dark .bp3-button.bp3-outlined:hover {
  background-color: rgba(138, 155, 168, 0.15);
  box-shadow: none;
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button.bp3-outlined:hover {
    background-color: rgba(138, 155, 168, 0.15);
    box-shadow: none;
    color: rgb(245, 248, 250);
  }
}
.bp3-button.bp3-outlined {
  background-color: transparent;
  border-top: 1px solid rgba(24, 32, 38, 0.2);
  border-right: 1px solid rgba(24, 32, 38, 0.2);
  border-bottom: 1px solid rgba(24, 32, 38, 0.2);
  border-left: 1px solid rgba(24, 32, 38, 0.2);
  box-shadow: none;
  color: #182026;
}

.bp3-light .bp3-button.bp3-outlined {
  background-color: transparent;
  border-top: 1px solid rgba(24, 32, 38, 0.2);
  border-right: 1px solid rgba(24, 32, 38, 0.2);
  border-bottom: 1px solid rgba(24, 32, 38, 0.2);
  border-left: 1px solid rgba(24, 32, 38, 0.2);
  box-shadow: none;
  color: #182026;
}

.bp3-dark .bp3-button.bp3-outlined {
  background-color: transparent;
  border-top: 1px solid hsla(0, 0%, 100%, 0.4);
  border-right: 1px solid hsla(0, 0%, 100%, 0.4);
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.4);
  border-left: 1px solid hsla(0, 0%, 100%, 0.4);
  box-shadow: none;
  color: inherit;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-button.bp3-outlined {
    background-color: transparent;
    border-top: 1px solid hsla(0, 0%, 100%, 0.4);
    border-right: 1px solid hsla(0, 0%, 100%, 0.4);
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.4);
    border-left: 1px solid hsla(0, 0%, 100%, 0.4);
    box-shadow: none;
    color: inherit;
  }
}
.bp3-callout {
  background-color: rgba(138, 155, 168, 0.15);
}

.bp3-light .bp3-callout {
  background-color: rgba(138, 155, 168, 0.15);
}

.bp3-dark .bp3-callout {
  background-color: rgba(138, 155, 168, 0.2);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-callout {
    background-color: rgba(138, 155, 168, 0.2);
  }
}
.bp3-callout.bp3-intent-danger {
  background-color: rgba(138, 155, 168, 0.2);
}

.bp3-light .bp3-callout.bp3-intent-danger {
  background-color: rgba(138, 155, 168, 0.2);
}

.bp3-dark .bp3-callout.bp3-intent-danger {
  background-color: rgba(219, 57, 57, 0.25);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-callout.bp3-intent-danger {
    background-color: rgba(219, 57, 57, 0.25);
  }
}
.bp3-callout[class*=bp3-icon-]::before {
  color: #5c7080;
}

.bp3-light .bp3-callout[class*=bp3-icon-]::before {
  color: #5c7080;
}

.bp3-dark .bp3-callout[class*=bp3-icon-]::before {
  color: #8a9ba8;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-callout[class*=bp3-icon-]::before {
    color: #8a9ba8;
  }
}
.bp3-callout.bp3-intent-danger .bp3-heading, .bp3-callout.bp3-intent-danger > .bp3-icon:first-child, .bp3-callout.bp3-intent-danger[class*=bp3-icon-]:before {
  color: #c23030;
}

.bp3-light .bp3-callout.bp3-intent-danger .bp3-heading, .bp3-light .bp3-callout.bp3-intent-danger > .bp3-icon:first-child, .bp3-light .bp3-callout.bp3-intent-danger[class*=bp3-icon-]:before {
  color: #c23030;
}

.bp3-dark .bp3-callout.bp3-intent-danger .bp3-heading, .bp3-dark .bp3-callout.bp3-intent-danger > .bp3-icon:first-child, .bp3-dark .bp3-callout.bp3-intent-danger[class*=bp3-icon-]:before {
  color: #ff7373;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-callout.bp3-intent-danger .bp3-heading, :where(:root:not(.bp3-light)) .bp3-callout.bp3-intent-danger > .bp3-icon:first-child, :where(:root:not(.bp3-light)) .bp3-callout.bp3-intent-danger[class*=bp3-icon-]:before {
    color: #ff7373;
  }
}
.bp3-callout.bp3-intent-primary .bp3-heading, .bp3-callout.bp3-intent-primary > .bp3-icon:first-child, .bp3-callout.bp3-intent-primary[class*=bp3-icon-]:before {
  color: #106ba3;
}

.bp3-light .bp3-callout.bp3-intent-primary .bp3-heading, .bp3-light .bp3-callout.bp3-intent-primary > .bp3-icon:first-child, .bp3-light .bp3-callout.bp3-intent-primary[class*=bp3-icon-]:before {
  color: #106ba3;
}

.bp3-dark .bp3-callout.bp3-intent-primary .bp3-heading, .bp3-dark .bp3-callout.bp3-intent-primary > .bp3-icon:first-child, .bp3-dark .bp3-callout.bp3-intent-primary[class*=bp3-icon-]:before {
  color: #48aff0;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-callout.bp3-intent-primary .bp3-heading, :where(:root:not(.bp3-light)) .bp3-callout.bp3-intent-primary > .bp3-icon:first-child, :where(:root:not(.bp3-light)) .bp3-callout.bp3-intent-primary[class*=bp3-icon-]:before {
    color: #48aff0;
  }
}
.bp3-callout.bp3-intent-success .bp3-heading, .bp3-callout.bp3-intent-success > .bp3-icon:first-child, .bp3-callout.bp3-intent-success[class*=bp3-icon-]:before {
  color: #0d8050;
}

.bp3-light .bp3-callout.bp3-intent-success .bp3-heading, .bp3-light .bp3-callout.bp3-intent-success > .bp3-icon:first-child, .bp3-light .bp3-callout.bp3-intent-success[class*=bp3-icon-]:before {
  color: #0d8050;
}

.bp3-dark .bp3-callout.bp3-intent-success .bp3-heading, .bp3-dark .bp3-callout.bp3-intent-success > .bp3-icon:first-child, .bp3-dark .bp3-callout.bp3-intent-success[class*=bp3-icon-]:before {
  color: #3dcc91;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-callout.bp3-intent-success .bp3-heading, :where(:root:not(.bp3-light)) .bp3-callout.bp3-intent-success > .bp3-icon:first-child, :where(:root:not(.bp3-light)) .bp3-callout.bp3-intent-success[class*=bp3-icon-]:before {
    color: #3dcc91;
  }
}
.bp3-callout.bp3-intent-warning .bp3-heading, .bp3-callout.bp3-intent-warning > .bp3-icon:first-child, .bp3-callout.bp3-intent-warning[class*=bp3-icon-]:before {
  color: #bf7326;
}

.bp3-light .bp3-callout.bp3-intent-warning .bp3-heading, .bp3-light .bp3-callout.bp3-intent-warning > .bp3-icon:first-child, .bp3-light .bp3-callout.bp3-intent-warning[class*=bp3-icon-]:before {
  color: #bf7326;
}

.bp3-dark .bp3-callout.bp3-intent-warning .bp3-heading, .bp3-dark .bp3-callout.bp3-intent-warning > .bp3-icon:first-child, .bp3-dark .bp3-callout.bp3-intent-warning[class*=bp3-icon-]:before {
  color: #ffb366;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-callout.bp3-intent-warning .bp3-heading, :where(:root:not(.bp3-light)) .bp3-callout.bp3-intent-warning > .bp3-icon:first-child, :where(:root:not(.bp3-light)) .bp3-callout.bp3-intent-warning[class*=bp3-icon-]:before {
    color: #ffb366;
  }
}
.bp3-callout.bp3-intent-primary {
  background-color: rgba(18.819, 124.5539, 190.281, 0.15);
}

.bp3-light .bp3-callout.bp3-intent-primary {
  background-color: rgba(18.819, 124.5539, 190.281, 0.15);
}

.bp3-dark .bp3-callout.bp3-intent-primary {
  background-color: rgba(18.819, 124.5539, 190.281, 0.25);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-callout.bp3-intent-primary {
    background-color: rgba(18.819, 124.5539, 190.281, 0.25);
  }
}
.bp3-callout.bp3-intent-success {
  background-color: rgba(15.147, 153.153, 95.6505, 0.15);
}

.bp3-light .bp3-callout.bp3-intent-success {
  background-color: rgba(15.147, 153.153, 95.6505, 0.15);
}

.bp3-dark .bp3-callout.bp3-intent-success {
  background-color: rgba(15.147, 153.153, 95.6505, 0.25);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-callout.bp3-intent-success {
    background-color: rgba(15.147, 153.153, 95.6505, 0.25);
  }
}
.bp3-callout.bp3-intent-warning {
  background-color: rgba(217.515, 130.05, 42.585, 0.15);
}

.bp3-light .bp3-callout.bp3-intent-warning {
  background-color: rgba(217.515, 130.05, 42.585, 0.15);
}

.bp3-dark .bp3-callout.bp3-intent-warning {
  background-color: rgba(217.515, 130.05, 42.585, 0.25);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-callout.bp3-intent-warning {
    background-color: rgba(217.515, 130.05, 42.585, 0.25);
  }
}
.bp3-card {
  background-color: #ffffff;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.15), 0 0 0 rgba(16, 22, 26, 0), 0 0 0 rgba(16, 22, 26, 0);
}

.bp3-light .bp3-card {
  background-color: #ffffff;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.15), 0 0 0 rgba(16, 22, 26, 0), 0 0 0 rgba(16, 22, 26, 0);
}

.bp3-dark .bp3-card {
  background-color: #293742;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4), 0 0 0 rgba(16, 22, 26, 0), 0 0 0 rgba(16, 22, 26, 0);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-card {
    background-color: #293742;
    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4), 0 0 0 rgba(16, 22, 26, 0), 0 0 0 rgba(16, 22, 26, 0);
  }
}
.bp3-control input:not(:disabled):active ~ .bp3-control-indicator, .bp3-control input:not(:disabled):active:hover ~ .bp3-control-indicator {
  background-color: #d8e1e8;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 1px 2px rgba(16, 22, 26, 0.2);
}

.bp3-light .bp3-control input:not(:disabled):active ~ .bp3-control-indicator, .bp3-light .bp3-control input:not(:disabled):active:hover ~ .bp3-control-indicator {
  background-color: #d8e1e8;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 1px 2px rgba(16, 22, 26, 0.2);
}

.bp3-dark .bp3-control input:not(:disabled):active ~ .bp3-control-indicator, .bp3-dark .bp3-control input:not(:disabled):active:hover ~ .bp3-control-indicator {
  background-color: #202b33;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.6), inset 0 1px 2px rgba(16, 22, 26, 0.2);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-control input:not(:disabled):active ~ .bp3-control-indicator, :where(:root:not(.bp3-light)) .bp3-control input:not(:disabled):active:hover ~ .bp3-control-indicator {
    background-color: #202b33;
    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.6), inset 0 1px 2px rgba(16, 22, 26, 0.2);
  }
}
.bp3-control input:not(:disabled):active:checked ~ .bp3-control-indicator {
  background-color: #0e5a8a;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 1px 2px rgba(16, 22, 26, 0.2);
}

.bp3-light .bp3-control input:not(:disabled):active:checked ~ .bp3-control-indicator {
  background-color: #0e5a8a;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 1px 2px rgba(16, 22, 26, 0.2);
}

.bp3-dark .bp3-control input:not(:disabled):active:checked ~ .bp3-control-indicator {
  background-color: #0e5a8a;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 1px 2px rgba(16, 22, 26, 0.2);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-control input:not(:disabled):active:checked ~ .bp3-control-indicator {
    background-color: #0e5a8a;
    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 1px 2px rgba(16, 22, 26, 0.2);
  }
}
.bp3-control input:checked ~ .bp3-control-indicator {
  background-color: hsl(203, 82%, 41%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
  color: #ffffff;
}

.bp3-light .bp3-control input:checked ~ .bp3-control-indicator {
  background-color: hsl(203, 82%, 41%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
  color: #ffffff;
}

.bp3-dark .bp3-control input:checked ~ .bp3-control-indicator {
  background-color: hsl(203, 82%, 41%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
  color: #ffffff;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-control input:checked ~ .bp3-control-indicator {
    background-color: hsl(203, 82%, 41%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
    color: #ffffff;
  }
}
.bp3-control:hover input:checked ~ .bp3-control-indicator {
  background-color: #106ba3;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
}

.bp3-light .bp3-control:hover input:checked ~ .bp3-control-indicator {
  background-color: #106ba3;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
}

.bp3-dark .bp3-control:hover input:checked ~ .bp3-control-indicator {
  background-color: #106ba3;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-control:hover input:checked ~ .bp3-control-indicator {
    background-color: #106ba3;
    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
  }
}
.bp3-control:hover .bp3-control-indicator {
  background-color: #ebf1f5;
}

.bp3-light .bp3-control:hover .bp3-control-indicator {
  background-color: #ebf1f5;
}

.bp3-dark .bp3-control:hover .bp3-control-indicator {
  background-color: #293742;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-control:hover .bp3-control-indicator {
    background-color: #293742;
  }
}
.bp3-control .bp3-control-indicator {
  background-color: rgb(245, 248, 250);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
}

.bp3-light .bp3-control .bp3-control-indicator {
  background-color: rgb(245, 248, 250);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
}

.bp3-dark .bp3-control .bp3-control-indicator {
  background-color: #30404d;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0));
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-control .bp3-control-indicator {
    background-color: #30404d;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0));
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
  }
}
.bp3-control.bp3-radio input:checked ~ .bp3-control-indicator::before {
  background-image: radial-gradient(#fff, #fff 28%, transparent 32%);
}

.bp3-light .bp3-control.bp3-radio input:checked ~ .bp3-control-indicator::before {
  background-image: radial-gradient(#fff, #fff 28%, transparent 32%);
}

.bp3-dark .bp3-control.bp3-radio input:checked ~ .bp3-control-indicator::before {
  background-image: radial-gradient(#fff, #fff 28%, transparent 32%);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-control.bp3-radio input:checked ~ .bp3-control-indicator::before {
    background-image: radial-gradient(#fff, #fff 28%, transparent 32%);
  }
}
.bp3-control.bp3-radio input:checked:disabled ~ .bp3-control-indicator::before {
  opacity: 0.5;
}

.bp3-light .bp3-control.bp3-radio input:checked:disabled ~ .bp3-control-indicator::before {
  opacity: 0.5;
}

.bp3-control.bp3-switch .bp3-control-indicator {
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  border-radius: 1.75em;
  box-shadow: none;
}

.bp3-light .bp3-control.bp3-switch .bp3-control-indicator {
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  border-radius: 1.75em;
  box-shadow: none;
}

.bp3-dark .bp3-control.bp3-switch .bp3-control-indicator {
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  box-shadow: none;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-control.bp3-switch .bp3-control-indicator {
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
    box-shadow: none;
  }
}
.bp3-control.bp3-switch .bp3-control-indicator::before {
  box-shadow: inset 0 0 0 1px rgba(115, 134, 148, 0.5);
}

.bp3-light .bp3-control.bp3-switch .bp3-control-indicator::before {
  box-shadow: inset 0 0 0 1px rgba(115, 134, 148, 0.5);
}

.bp3-dark .bp3-control.bp3-switch .bp3-control-indicator::before {
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-control.bp3-switch .bp3-control-indicator::before {
    box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4);
  }
}
.bp3-control.bp3-switch .bp3-control-indicator::before {
  background-color: #ffffff;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 1px 1px rgba(16, 22, 26, 0.2);
}

.bp3-light .bp3-control.bp3-switch .bp3-control-indicator::before {
  background-color: #ffffff;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 1px 1px rgba(16, 22, 26, 0.2);
}

.bp3-dark .bp3-control.bp3-switch .bp3-control-indicator::before {
  background-color: #30404d;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-control.bp3-switch .bp3-control-indicator::before {
    background-color: #30404d;
    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
  }
}
.bp3-control.bp3-switch input:not(:disabled):active ~ .bp3-control-indicator {
  background-color: rgba(92, 112, 128, 0.5);
}

.bp3-light .bp3-control.bp3-switch input:not(:disabled):active ~ .bp3-control-indicator {
  background-color: rgba(92, 112, 128, 0.5);
}

.bp3-dark .bp3-control.bp3-switch input:not(:disabled):active ~ .bp3-control-indicator {
  background-color: #202b33;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-control.bp3-switch input:not(:disabled):active ~ .bp3-control-indicator {
    background-color: #202b33;
  }
}
.bp3-control.bp3-switch input:checked:not(:disabled):active ~ .bp3-control-indicator {
  background-color: #0e5a8a;
}

.bp3-light .bp3-control.bp3-switch input:checked:not(:disabled):active ~ .bp3-control-indicator {
  background-color: #0e5a8a;
}

.bp3-dark .bp3-control.bp3-switch input:checked:not(:disabled):active ~ .bp3-control-indicator {
  background-color: #0e5a8a;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-control.bp3-switch input:checked:not(:disabled):active ~ .bp3-control-indicator {
    background-color: #0e5a8a;
  }
}
.bp3-control.bp3-switch input:checked ~ .bp3-control-indicator {
  background-color: hsl(203, 82%, 41%);
}

.bp3-light .bp3-control.bp3-switch input:checked ~ .bp3-control-indicator {
  background-color: hsl(203, 82%, 41%);
}

.bp3-dark .bp3-control.bp3-switch input:checked ~ .bp3-control-indicator {
  background-color: hsl(203, 82%, 41%);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-control.bp3-switch input:checked ~ .bp3-control-indicator {
    background-color: hsl(203, 82%, 41%);
  }
}
.bp3-control.bp3-switch input:checked:disabled ~ .bp3-control-indicator {
  background-color: rgba(18.819, 124.5539, 190.281, 0.5);
}

.bp3-light .bp3-control.bp3-switch input:checked:disabled ~ .bp3-control-indicator {
  background-color: rgba(18.819, 124.5539, 190.281, 0.5);
}

.bp3-dark .bp3-control.bp3-switch input:checked:disabled ~ .bp3-control-indicator {
  background-color: rgba(14, 90, 138, 0.5);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-control.bp3-switch input:checked:disabled ~ .bp3-control-indicator {
    background-color: rgba(14, 90, 138, 0.5);
  }
}
.bp3-control.bp3-switch:hover input:checked ~ .bp3-control-indicator {
  background-color: #106ba3;
}

.bp3-light .bp3-control.bp3-switch:hover input:checked ~ .bp3-control-indicator {
  background-color: #106ba3;
}

.bp3-dark .bp3-control.bp3-switch:hover input:checked ~ .bp3-control-indicator {
  background-color: #106ba3;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-control.bp3-switch:hover input:checked ~ .bp3-control-indicator {
    background-color: #106ba3;
  }
}
.bp3-control.bp3-switch:hover input ~ .bp3-control-indicator {
  background-color: rgba(115, 134, 148, 0.5);
}

.bp3-light .bp3-control.bp3-switch:hover input ~ .bp3-control-indicator {
  background-color: rgba(115, 134, 148, 0.5);
}

.bp3-dark .bp3-control.bp3-switch:hover input ~ .bp3-control-indicator {
  background-color: rgba(16, 22, 26, 0.7);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-control.bp3-switch:hover input ~ .bp3-control-indicator {
    background-color: rgba(16, 22, 26, 0.7);
  }
}
.bp3-control.bp3-switch input ~ .bp3-control-indicator {
  background-color: rgba(167, 182, 194, 0.5);
}

.bp3-light .bp3-control.bp3-switch input ~ .bp3-control-indicator {
  background-color: rgba(167, 182, 194, 0.5);
}

.bp3-dark .bp3-control.bp3-switch input ~ .bp3-control-indicator {
  background-color: rgba(16, 22, 26, 0.5);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-control.bp3-switch input ~ .bp3-control-indicator {
    background-color: rgba(16, 22, 26, 0.5);
  }
}
.bp3-control.bp3-switch input:checked:disabled ~ .bp3-control-indicator::before {
  background-color: rgba(255, 255, 255, 0.8);
}

.bp3-light .bp3-control.bp3-switch input:checked:disabled ~ .bp3-control-indicator::before {
  background-color: rgba(255, 255, 255, 0.8);
}

.bp3-dark .bp3-control.bp3-switch input:checked:disabled ~ .bp3-control-indicator::before {
  background-color: rgba(16, 22, 26, 0.4);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-control.bp3-switch input:checked:disabled ~ .bp3-control-indicator::before {
    background-color: rgba(16, 22, 26, 0.4);
  }
}
.bp3-datepicker {
  background-color: #ffffff;
  border-radius: 3px;
}

.bp3-light .bp3-datepicker {
  background-color: #ffffff;
  border-radius: 3px;
}

.bp3-dark .bp3-datepicker {
  background-color: #293742;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-datepicker {
    background-color: #293742;
  }
}
.bp3-datepicker .DayPicker-Day:hover, .bp3-datepicker .DayPicker-Day:focus {
  background-color: #d8e1e8;
  color: #182026;
}

.bp3-light .bp3-datepicker .DayPicker-Day:hover, .bp3-light .bp3-datepicker .DayPicker-Day:focus {
  background-color: #d8e1e8;
  color: #182026;
}

.bp3-dark .bp3-datepicker .DayPicker-Day:hover, .bp3-dark .bp3-datepicker .DayPicker-Day:focus {
  background-color: #5c7080;
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-datepicker .DayPicker-Day:hover, :where(:root:not(.bp3-light)) .bp3-datepicker .DayPicker-Day:focus {
    background-color: #5c7080;
    color: rgb(245, 248, 250);
  }
}
.bp3-datepicker .DayPicker-Day.DayPicker-Day--outside:hover {
  background-color: transparent;
}

.bp3-light .bp3-datepicker .DayPicker-Day.DayPicker-Day--outside:hover {
  background-color: transparent;
}

.bp3-dark .bp3-datepicker .DayPicker-Day.DayPicker-Day--outside:hover {
  background-color: transparent;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-datepicker .DayPicker-Day.DayPicker-Day--outside:hover {
    background-color: transparent;
  }
}
.bp3-datepicker .DayPicker-Day.DayPicker-Day--selected:hover {
  background-color: #106ba3;
}

.bp3-light .bp3-datepicker .DayPicker-Day.DayPicker-Day--selected:hover {
  background-color: #106ba3;
}

.bp3-dark .bp3-datepicker .DayPicker-Day.DayPicker-Day--selected:hover {
  background-color: #2b95d6;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-datepicker .DayPicker-Day.DayPicker-Day--selected:hover {
    background-color: #2b95d6;
  }
}
.bp3-datepicker .DayPicker-Day.DayPicker-Day--selected {
  background-color: hsl(203, 82%, 41%);
  color: #ffffff;
}

.bp3-light .bp3-datepicker .DayPicker-Day.DayPicker-Day--selected {
  background-color: hsl(203, 82%, 41%);
  color: #ffffff;
}

.bp3-dark .bp3-datepicker .DayPicker-Day.DayPicker-Day--selected {
  background-color: hsl(203, 82%, 41%);
  color: #ffffff;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-datepicker .DayPicker-Day.DayPicker-Day--selected {
    background-color: hsl(203, 82%, 41%);
    color: #ffffff;
  }
}
.bp3-datepicker .DayPicker-Day.DayPicker-Day--today .bp3-datepicker-day-wrapper {
  border-top: 1px solid rgba(16, 22, 26, 0.15);
  border-right: 1px solid rgba(16, 22, 26, 0.15);
  border-bottom: 1px solid rgba(16, 22, 26, 0.15);
  border-left: 1px solid rgba(16, 22, 26, 0.15);
}

.bp3-light .bp3-datepicker .DayPicker-Day.DayPicker-Day--today .bp3-datepicker-day-wrapper {
  border-top: 1px solid rgba(16, 22, 26, 0.15);
  border-right: 1px solid rgba(16, 22, 26, 0.15);
  border-bottom: 1px solid rgba(16, 22, 26, 0.15);
  border-left: 1px solid rgba(16, 22, 26, 0.15);
}

.bp3-dark .bp3-datepicker .DayPicker-Day.DayPicker-Day--today .bp3-datepicker-day-wrapper {
  border-top: 1px solid hsla(0, 0%, 100%, 0.15);
  border-right: 1px solid hsla(0, 0%, 100%, 0.15);
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.15);
  border-left: 1px solid hsla(0, 0%, 100%, 0.15);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-datepicker .DayPicker-Day.DayPicker-Day--today .bp3-datepicker-day-wrapper {
    border-top: 1px solid hsla(0, 0%, 100%, 0.15);
    border-right: 1px solid hsla(0, 0%, 100%, 0.15);
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.15);
    border-left: 1px solid hsla(0, 0%, 100%, 0.15);
  }
}
.bp3-datepicker .DayPicker-WeekNumber {
  color: rgba(92, 112, 128, 0.6);
}

.bp3-light .bp3-datepicker .DayPicker-WeekNumber {
  color: rgba(92, 112, 128, 0.6);
}

.bp3-dark .bp3-datepicker .DayPicker-WeekNumber {
  color: rgba(167, 182, 194, 0.6);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-datepicker .DayPicker-WeekNumber {
    color: rgba(167, 182, 194, 0.6);
  }
}
.bp3-datepicker .DayPicker-WeekNumber {
  border-right: 1px solid rgba(16, 22, 26, 0.15);
  font-size: 1rem;
}

.bp3-light .bp3-datepicker .DayPicker-WeekNumber {
  border-right: 1px solid rgba(16, 22, 26, 0.15);
  font-size: 1rem;
}

.bp3-dark .bp3-datepicker .DayPicker-WeekNumber {
  border-right: 1px solid rgba(16, 22, 26, 0.4);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-datepicker .DayPicker-WeekNumber {
    border-right: 1px solid rgba(16, 22, 26, 0.4);
  }
}
.bp3-dialog {
  background-color: #ebf1f5;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 4px 8px rgba(16, 22, 26, 0.2), 0 18px 46px 6px rgba(16, 22, 26, 0.2);
  color: #182026;
}

.bp3-light .bp3-dialog {
  background-color: #ebf1f5;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 4px 8px rgba(16, 22, 26, 0.2), 0 18px 46px 6px rgba(16, 22, 26, 0.2);
  color: #182026;
}

.bp3-dark .bp3-dialog {
  background-color: #202b33;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 4px 8px rgba(16, 22, 26, 0.4), 0 18px 46px 6px rgba(16, 22, 26, 0.4);
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-dialog {
    background-color: #202b33;
    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 4px 8px rgba(16, 22, 26, 0.4), 0 18px 46px 6px rgba(16, 22, 26, 0.4);
    color: rgb(245, 248, 250);
  }
}
.bp3-dialog-header {
  background-color: #ffffff;
  box-shadow: 0 1px 0 rgba(16, 22, 26, 0.15);
}

.bp3-light .bp3-dialog-header {
  background-color: #ffffff;
  box-shadow: 0 1px 0 rgba(16, 22, 26, 0.15);
}

.bp3-dark .bp3-dialog-header {
  background-color: #30404d;
  box-shadow: 0 1px 0 rgba(16, 22, 26, 0.4);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-dialog-header {
    background-color: #30404d;
    box-shadow: 0 1px 0 rgba(16, 22, 26, 0.4);
  }
}
.bp3-divider {
  border-right: 1px solid rgba(16, 22, 26, 0.15);
  border-bottom: 1px solid rgba(16, 22, 26, 0.15);
}

.bp3-light .bp3-divider {
  border-right: 1px solid rgba(16, 22, 26, 0.15);
  border-bottom: 1px solid rgba(16, 22, 26, 0.15);
}

.bp3-dark .bp3-divider {
  border-right: 1px solid rgba(16, 22, 26, 0.4);
  border-bottom: 1px solid rgba(16, 22, 26, 0.4);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-divider {
    border-right: 1px solid rgba(16, 22, 26, 0.4);
    border-bottom: 1px solid rgba(16, 22, 26, 0.4);
  }
}
.bp3-drawer {
  background-color: #ffffff;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 4px 8px rgba(16, 22, 26, 0.2), 0 18px 46px 6px rgba(16, 22, 26, 0.2);
  color: #182026;
}

.bp3-light .bp3-drawer {
  background-color: #ffffff;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 4px 8px rgba(16, 22, 26, 0.2), 0 18px 46px 6px rgba(16, 22, 26, 0.2);
  color: #182026;
}

.bp3-dark .bp3-drawer {
  background-color: #30404d;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 4px 8px rgba(16, 22, 26, 0.4), 0 18px 46px 6px rgba(16, 22, 26, 0.4);
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-drawer {
    background-color: #30404d;
    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 4px 8px rgba(16, 22, 26, 0.4), 0 18px 46px 6px rgba(16, 22, 26, 0.4);
    color: rgb(245, 248, 250);
  }
}
.bp3-elevation-0 {
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.15), 0 0 0 rgba(16, 22, 26, 0), 0 0 0 rgba(16, 22, 26, 0);
}

.bp3-light .bp3-elevation-0 {
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.15), 0 0 0 rgba(16, 22, 26, 0), 0 0 0 rgba(16, 22, 26, 0);
}

.bp3-dark .bp3-elevation-0 {
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4), 0 0 0 rgba(16, 22, 26, 0), 0 0 0 rgba(16, 22, 26, 0);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-elevation-0 {
    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4), 0 0 0 rgba(16, 22, 26, 0), 0 0 0 rgba(16, 22, 26, 0);
  }
}
.bp3-elevation-1 {
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 0 0 rgba(16, 22, 26, 0), 0 1px 1px rgba(16, 22, 26, 0.2);
}

.bp3-light .bp3-elevation-1 {
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 0 0 rgba(16, 22, 26, 0), 0 1px 1px rgba(16, 22, 26, 0.2);
}

.bp3-dark .bp3-elevation-1 {
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 0 0 rgba(16, 22, 26, 0), 0 1px 1px rgba(16, 22, 26, 0.4);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-elevation-1 {
    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 0 0 rgba(16, 22, 26, 0), 0 1px 1px rgba(16, 22, 26, 0.4);
  }
}
.bp3-elevation-2 {
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 1px 1px rgba(16, 22, 26, 0.2), 0 2px 6px rgba(16, 22, 26, 0.2);
}

.bp3-light .bp3-elevation-2 {
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 1px 1px rgba(16, 22, 26, 0.2), 0 2px 6px rgba(16, 22, 26, 0.2);
}

.bp3-dark .bp3-elevation-2 {
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 1px 1px rgba(16, 22, 26, 0.4), 0 2px 6px rgba(16, 22, 26, 0.4);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-elevation-2 {
    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 1px 1px rgba(16, 22, 26, 0.4), 0 2px 6px rgba(16, 22, 26, 0.4);
  }
}
.bp3-elevation-3 {
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 2px 4px rgba(16, 22, 26, 0.2), 0 8px 24px rgba(16, 22, 26, 0.2);
}

.bp3-light .bp3-elevation-3 {
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 2px 4px rgba(16, 22, 26, 0.2), 0 8px 24px rgba(16, 22, 26, 0.2);
}

.bp3-dark .bp3-elevation-3 {
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 2px 4px rgba(16, 22, 26, 0.4), 0 8px 24px rgba(16, 22, 26, 0.4);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-elevation-3 {
    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 2px 4px rgba(16, 22, 26, 0.4), 0 8px 24px rgba(16, 22, 26, 0.4);
  }
}
.bp3-elevation-4 {
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 4px 8px rgba(16, 22, 26, 0.2), 0 18px 46px 6px rgba(16, 22, 26, 0.2);
}

.bp3-light .bp3-elevation-4 {
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 4px 8px rgba(16, 22, 26, 0.2), 0 18px 46px 6px rgba(16, 22, 26, 0.2);
}

.bp3-dark .bp3-elevation-4 {
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 4px 8px rgba(16, 22, 26, 0.4), 0 18px 46px 6px rgba(16, 22, 26, 0.4);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-elevation-4 {
    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 4px 8px rgba(16, 22, 26, 0.4), 0 18px 46px 6px rgba(16, 22, 26, 0.4);
  }
}
.bp3-file-upload-input {
  background-color: #ffffff;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  border-radius: 3px;
  box-shadow: 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2);
  color: #182026;
  font-size: 0.95rem;
}

.bp3-light .bp3-file-upload-input {
  background-color: #ffffff;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  border-radius: 3px;
  box-shadow: 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2);
  color: #182026;
  font-size: 0.95rem;
}

.bp3-dark .bp3-file-upload-input {
  background-color: rgba(16, 22, 26, 0.3);
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  box-shadow: 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
  color: rgba(167, 182, 194, 0.6);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-file-upload-input {
    background-color: rgba(16, 22, 26, 0.3);
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
    box-shadow: 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
    color: rgba(167, 182, 194, 0.6);
  }
}
.bp3-file-upload-input:active::after {
  background-color: #d8e1e8;
  background-image: none;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 1px 2px rgba(16, 22, 26, 0.2);
  color: #182026;
}

.bp3-light .bp3-file-upload-input:active::after {
  background-color: #d8e1e8;
  background-image: none;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 1px 2px rgba(16, 22, 26, 0.2);
  color: #182026;
}

.bp3-dark .bp3-file-upload-input:active::after {
  background-color: #202b33;
  background-image: none;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.6), inset 0 1px 2px rgba(16, 22, 26, 0.2);
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-file-upload-input:active::after {
    background-color: #202b33;
    background-image: none;
    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.6), inset 0 1px 2px rgba(16, 22, 26, 0.2);
    color: rgb(245, 248, 250);
  }
}
.bp3-file-upload-input:hover:after {
  background-color: #ebf1f5;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
  color: #182026;
}

.bp3-light .bp3-file-upload-input:hover:after {
  background-color: #ebf1f5;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
  color: #182026;
}

.bp3-dark .bp3-file-upload-input:hover:after {
  background-color: #293742;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-file-upload-input:hover:after {
    background-color: #293742;
    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
    color: rgb(245, 248, 250);
  }
}
.bp3-file-upload-input:after {
  background-color: rgb(245, 248, 250);
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.8), hsla(0, 0%, 100%, 0));
  border-radius: 3px;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
  color: #182026;
}

.bp3-light .bp3-file-upload-input:after {
  background-color: rgb(245, 248, 250);
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.8), hsla(0, 0%, 100%, 0));
  border-radius: 3px;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
  color: #182026;
}

.bp3-dark .bp3-file-upload-input:after {
  background-color: #30404d;
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.05), hsla(0, 0%, 100%, 0));
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-file-upload-input:after {
    background-color: #30404d;
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.05), hsla(0, 0%, 100%, 0));
    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
    color: rgb(245, 248, 250);
  }
}
.bp3-heading {
  color: #182026;
}

.bp3-light .bp3-heading {
  color: #182026;
}

.bp3-dark .bp3-heading {
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-heading {
    color: rgb(245, 248, 250);
  }
}
.bp3-html-select.bp3-minimal select:hover, .bp3-select.bp3-minimal select:hover {
  background-color: #ffffff;
  color: #182026;
}

.bp3-light .bp3-html-select.bp3-minimal select:hover, .bp3-light .bp3-select.bp3-minimal select:hover {
  background-color: #ffffff;
  color: #182026;
}

.bp3-dark .bp3-html-select.bp3-minimal select:hover, .bp3-dark .bp3-select.bp3-minimal select:hover {
  background-color: #293742;
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-html-select.bp3-minimal select:hover, :where(:root:not(.bp3-light)) .bp3-select.bp3-minimal select:hover {
    background-color: #293742;
    color: rgb(245, 248, 250);
  }
}
.bp3-html-select.bp3-minimal select, .bp3-select.bp3-minimal select {
  background-color: #ffffff;
  box-shadow: none;
  color: unset;
}

.bp3-light .bp3-html-select.bp3-minimal select, .bp3-light .bp3-select.bp3-minimal select {
  background-color: #ffffff;
  box-shadow: none;
  color: unset;
}

.bp3-dark .bp3-html-select.bp3-minimal select, .bp3-dark .bp3-select.bp3-minimal select {
  background-color: #293742;
  box-shadow: none;
  color: unset;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-html-select.bp3-minimal select, :where(:root:not(.bp3-light)) .bp3-select.bp3-minimal select {
    background-color: #293742;
    box-shadow: none;
    color: unset;
  }
}
.bp3-html-select .bp3-icon, .bp3-select .bp3-icon {
  color: #5c7080;
}

.bp3-light .bp3-html-select .bp3-icon, .bp3-light .bp3-select .bp3-icon {
  color: #5c7080;
}

.bp3-dark .bp3-html-select .bp3-icon, .bp3-dark .bp3-select .bp3-icon {
  color: #a7b6c2;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-html-select .bp3-icon, :where(:root:not(.bp3-light)) .bp3-select .bp3-icon {
    color: #a7b6c2;
  }
}
.bp3-input:focus {
  box-shadow: 0 0 0 1px hsl(203, 82%, 41%), 0 0 0 3px rgba(18.819, 124.5539, 190.281, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.2);
}

.bp3-light .bp3-input:focus {
  box-shadow: 0 0 0 1px hsl(203, 82%, 41%), 0 0 0 3px rgba(18.819, 124.5539, 190.281, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.2);
}

.bp3-dark .bp3-input:focus {
  box-shadow: 0 0 0 1px hsl(203, 82%, 41%), 0 0 0 1px hsl(203, 82%, 41%), 0 0 0 3px rgba(18.819, 124.5539, 190.281, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-input:focus {
    box-shadow: 0 0 0 1px hsl(203, 82%, 41%), 0 0 0 1px hsl(203, 82%, 41%), 0 0 0 3px rgba(18.819, 124.5539, 190.281, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
  }
}
.bp3-input {
  background-color: #ffffff;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  border-radius: 3px;
  box-shadow: 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2);
  color: #182026;
  font-size: 1rem;
  font-weight: 400;
}

.bp3-light .bp3-input {
  background-color: #ffffff;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  border-radius: 3px;
  box-shadow: 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2);
  color: #182026;
  font-size: 1rem;
  font-weight: 400;
}

.bp3-dark .bp3-input {
  background-color: rgba(16, 22, 26, 0.3);
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  box-shadow: 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-input {
    background-color: rgba(16, 22, 26, 0.3);
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
    box-shadow: 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
    color: rgb(245, 248, 250);
  }
}
.bp3-input-group > .bp3-input-left-container > .bp3-icon, .bp3-input-group > .bp3-icon {
  color: #5c7080;
}

.bp3-light .bp3-input-group > .bp3-input-left-container > .bp3-icon, .bp3-light .bp3-input-group > .bp3-icon {
  color: #5c7080;
}

.bp3-dark .bp3-input-group > .bp3-input-left-container > .bp3-icon, .bp3-dark .bp3-input-group > .bp3-icon {
  color: #a7b6c2;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-input-group > .bp3-input-left-container > .bp3-icon, :where(:root:not(.bp3-light)) .bp3-input-group > .bp3-icon {
    color: #a7b6c2;
  }
}
.bp3-input::placeholder {
  color: rgba(92, 112, 128, 0.6);
}

.bp3-light .bp3-input::placeholder {
  color: rgba(92, 112, 128, 0.6);
}

.bp3-dark .bp3-input::placeholder {
  color: rgba(167, 182, 194, 0.6);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-input::placeholder {
    color: rgba(167, 182, 194, 0.6);
  }
}
.bp3-input[type=search], .bp3-input.bp3-round {
  border-radius: 3px;
}

.bp3-light .bp3-input[type=search], .bp3-light .bp3-input.bp3-round {
  border-radius: 3px;
}

.bp3-menu {
  background-color: #ffffff;
  border-radius: 3px;
  color: #182026;
  font-size: 1rem;
}

.bp3-light .bp3-menu {
  background-color: #ffffff;
  border-radius: 3px;
  color: #182026;
  font-size: 1rem;
}

.bp3-dark .bp3-menu {
  background-color: #293742;
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-menu {
    background-color: #293742;
    color: rgb(245, 248, 250);
  }
}
.bp3-menu-divider {
  border-top: 1px solid rgba(16, 22, 26, 0.15);
}

.bp3-light .bp3-menu-divider {
  border-top: 1px solid rgba(16, 22, 26, 0.15);
}

.bp3-dark .bp3-menu-divider {
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-menu-divider {
    border-top: 1px solid rgba(255, 255, 255, 0.15);
  }
}
.bp3-menu-item:active, .bp3-menu-item.bp3-active {
  background-color: rgba(115, 134, 148, 0.3);
}

.bp3-light .bp3-menu-item:active, .bp3-light .bp3-menu-item.bp3-active {
  background-color: rgba(115, 134, 148, 0.3);
}

.bp3-dark .bp3-menu-item:active, .bp3-dark .bp3-menu-item.bp3-active {
  background-color: rgba(138, 155, 168, 0.3);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-menu-item:active, :where(:root:not(.bp3-light)) .bp3-menu-item.bp3-active {
    background-color: rgba(138, 155, 168, 0.3);
  }
}
.bp3-menu-item:hover, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item {
  background-color: rgba(167, 182, 194, 0.3);
  border-bottom: none;
  color: #182026;
  text-decoration: none;
}

.bp3-light .bp3-menu-item:hover, .bp3-light .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item {
  background-color: rgba(167, 182, 194, 0.3);
  border-bottom: none;
  color: #182026;
  text-decoration: none;
}

.bp3-dark .bp3-menu-item:hover, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item {
  background-color: rgba(138, 155, 168, 0.15);
  border-bottom: none;
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-menu-item:hover, :where(:root:not(.bp3-light)) .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item {
    background-color: rgba(138, 155, 168, 0.15);
    border-bottom: none;
    color: rgb(245, 248, 250);
  }
}
.bp3-menu-item {
  border-bottom: none;
  border-radius: 3px;
  color: #182026;
}

.bp3-light .bp3-menu-item {
  border-bottom: none;
  border-radius: 3px;
  color: #182026;
}

.bp3-dark .bp3-menu-item {
  border-bottom: none;
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-menu-item {
    border-bottom: none;
    color: rgb(245, 248, 250);
  }
}
.bp3-menu-item:hover::before, .bp3-menu-item:hover > .bp3-icon, .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item > .bp3-menu-item {
  color: #5c7080;
}

.bp3-light .bp3-menu-item:hover::before, .bp3-light .bp3-menu-item:hover > .bp3-icon, .bp3-light .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item > .bp3-menu-item {
  color: #5c7080;
}

.bp3-dark .bp3-menu-item:hover::before, .bp3-dark .bp3-menu-item:hover > .bp3-icon, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item > .bp3-menu-item {
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-menu-item:hover::before, :where(:root:not(.bp3-light)) .bp3-menu-item:hover > .bp3-icon, :where(:root:not(.bp3-light)) .bp3-submenu .bp3-popover-target.bp3-popover-open > .bp3-menu-item > .bp3-menu-item {
    color: rgb(245, 248, 250);
  }
}
.bp3-menu-item::before, .bp3-menu-item > .bp3-icon {
  color: #5c7080;
}

.bp3-light .bp3-menu-item::before, .bp3-light .bp3-menu-item > .bp3-icon {
  color: #5c7080;
}

.bp3-dark .bp3-menu-item::before, .bp3-dark .bp3-menu-item > .bp3-icon {
  color: #bfccd6;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-menu-item::before, :where(:root:not(.bp3-light)) .bp3-menu-item > .bp3-icon {
    color: #bfccd6;
  }
}
.bp3-menu-item:hover > .bp3-icon svg, .bp3-submenu .bp3-popover-target.bp3-popover-open .bp3-menu-item > .bp3-icon svg {
  fill: #5c7080;
}

.bp3-light .bp3-menu-item:hover > .bp3-icon svg, .bp3-light .bp3-submenu .bp3-popover-target.bp3-popover-open .bp3-menu-item > .bp3-icon svg {
  fill: #5c7080;
}

.bp3-dark .bp3-menu-item:hover > .bp3-icon svg, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open .bp3-menu-item > .bp3-icon svg {
  fill: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-menu-item:hover > .bp3-icon svg, :where(:root:not(.bp3-light)) .bp3-submenu .bp3-popover-target.bp3-popover-open .bp3-menu-item > .bp3-icon svg {
    fill: rgb(245, 248, 250);
  }
}
.bp3-menu-item > .bp3-icon svg {
  fill: #5c7080;
}

.bp3-light .bp3-menu-item > .bp3-icon svg {
  fill: #5c7080;
}

.bp3-dark .bp3-menu-item > .bp3-icon svg {
  fill: #bfccd6;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-menu-item > .bp3-icon svg {
    fill: #bfccd6;
  }
}
.bp3-menu-item.bp3-intent-primary.bp3-active {
  background-color: hsl(203, 82%, 41%);
  color: #ffffff;
}

.bp3-light .bp3-menu-item.bp3-intent-primary.bp3-active {
  background-color: hsl(203, 82%, 41%);
  color: #ffffff;
}

.bp3-dark .bp3-menu-item.bp3-intent-primary.bp3-active {
  background-color: hsl(203, 82%, 41%);
  color: #ffffff;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-menu-item.bp3-intent-primary.bp3-active {
    background-color: hsl(203, 82%, 41%);
    color: #ffffff;
  }
}
.bp3-menu-item.bp3-intent-primary {
  color: #106ba3;
}

.bp3-light .bp3-menu-item.bp3-intent-primary {
  color: #106ba3;
}

.bp3-dark .bp3-menu-item.bp3-intent-primary {
  color: #48aff0;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-menu-item.bp3-intent-primary {
    color: #48aff0;
  }
}
.bp3-menu-item:hover .bp3-menu-item-label, .bp3-submenu .bp3-popover-target.bp3-popover-open .bp3-menu-item-label {
  color: #5c7080;
}

.bp3-light .bp3-menu-item:hover .bp3-menu-item-label, .bp3-light .bp3-submenu .bp3-popover-target.bp3-popover-open .bp3-menu-item-label {
  color: #5c7080;
}

.bp3-dark .bp3-menu-item:hover .bp3-menu-item-label, .bp3-dark .bp3-submenu .bp3-popover-target.bp3-popover-open .bp3-menu-item-label {
  color: #8a9ba8;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-menu-item:hover .bp3-menu-item-label, :where(:root:not(.bp3-light)) .bp3-submenu .bp3-popover-target.bp3-popover-open .bp3-menu-item-label {
    color: #8a9ba8;
  }
}
.bp3-menu-item .bp3-menu-item-label {
  color: #5c7080;
}

.bp3-light .bp3-menu-item .bp3-menu-item-label {
  color: #5c7080;
}

.bp3-dark .bp3-menu-item .bp3-menu-item-label {
  color: #8a9ba8;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-menu-item .bp3-menu-item-label {
    color: #8a9ba8;
  }
}
.bp3-popover, .bp3-popover2 {
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 2px 4px rgba(16, 22, 26, 0.2), 0 8px 24px rgba(16, 22, 26, 0.2);
}

.bp3-light .bp3-popover, .bp3-light .bp3-popover2 {
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 2px 4px rgba(16, 22, 26, 0.2), 0 8px 24px rgba(16, 22, 26, 0.2);
}

.bp3-dark .bp3-popover, .bp3-dark .bp3-popover2 {
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 2px 4px rgba(16, 22, 26, 0.4), 0 8px 24px rgba(16, 22, 26, 0.4);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-popover, :where(:root:not(.bp3-light)) .bp3-popover2 {
    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 2px 4px rgba(16, 22, 26, 0.4), 0 8px 24px rgba(16, 22, 26, 0.4);
  }
}
.bp3-popover .bp3-popover-arrow::before, .bp3-popover2 .bp3-popover2-arrow:before {
  box-shadow: 1px 1px 6px rgba(16, 22, 26, 0.2);
}

.bp3-light .bp3-popover .bp3-popover-arrow::before, .bp3-light .bp3-popover2 .bp3-popover2-arrow:before {
  box-shadow: 1px 1px 6px rgba(16, 22, 26, 0.2);
}

.bp3-dark .bp3-popover .bp3-popover-arrow::before, .bp3-dark .bp3-popover2 .bp3-popover2-arrow:before {
  box-shadow: 1px 1px 6px rgba(16, 22, 26, 0.4);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-popover .bp3-popover-arrow::before, :where(:root:not(.bp3-light)) .bp3-popover2 .bp3-popover2-arrow:before {
    box-shadow: 1px 1px 6px rgba(16, 22, 26, 0.4);
  }
}
.bp3-popover .bp3-popover-arrow-border, .bp3-popover2 .bp3-popover2-arrow-border {
  fill: black;
}

.bp3-light .bp3-popover .bp3-popover-arrow-border, .bp3-light .bp3-popover2 .bp3-popover2-arrow-border {
  fill: black;
}

.bp3-dark .bp3-popover .bp3-popover-arrow-border, .bp3-dark .bp3-popover2 .bp3-popover2-arrow-border {
  fill: black;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-popover .bp3-popover-arrow-border, :where(:root:not(.bp3-light)) .bp3-popover2 .bp3-popover2-arrow-border {
    fill: black;
  }
}
.bp3-popover .bp3-popover-arrow-fill, .bp3-popover2 .bp3-popover2-arrow-fill {
  fill: #ffffff;
}

.bp3-light .bp3-popover .bp3-popover-arrow-fill, .bp3-light .bp3-popover2 .bp3-popover2-arrow-fill {
  fill: #ffffff;
}

.bp3-dark .bp3-popover .bp3-popover-arrow-fill, .bp3-dark .bp3-popover2 .bp3-popover2-arrow-fill {
  fill: #293742;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-popover .bp3-popover-arrow-fill, :where(:root:not(.bp3-light)) .bp3-popover2 .bp3-popover2-arrow-fill {
    fill: #293742;
  }
}
.bp3-popover .bp3-popover-content, .bp3-popover2 .bp3-popover2-content {
  background-color: #ffffff;
  border-radius: 3px;
}

.bp3-light .bp3-popover .bp3-popover-content, .bp3-light .bp3-popover2 .bp3-popover2-content {
  background-color: #ffffff;
  border-radius: 3px;
}

.bp3-dark .bp3-popover .bp3-popover-content, .bp3-dark .bp3-popover2 .bp3-popover2-content {
  background-color: #293742;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-popover .bp3-popover-content, :where(:root:not(.bp3-light)) .bp3-popover2 .bp3-popover2-content {
    background-color: #293742;
  }
}
.bp3-slider-handle:active, .bp3-slider-handle.bp3-active {
  background-color: #d8e1e8;
  background-image: none;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 1px 2px rgba(16, 22, 26, 0.2);
}

.bp3-light .bp3-slider-handle:active, .bp3-light .bp3-slider-handle.bp3-active {
  background-color: #d8e1e8;
  background-image: none;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 1px 2px rgba(16, 22, 26, 0.2);
}

.bp3-dark .bp3-slider-handle:active, .bp3-dark .bp3-slider-handle.bp3-active {
  background-color: #202b33;
  background-image: none;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.6), inset 0 1px 2px rgba(16, 22, 26, 0.2);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-slider-handle:active, :where(:root:not(.bp3-light)) .bp3-slider-handle.bp3-active {
    background-color: #202b33;
    background-image: none;
    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.6), inset 0 1px 2px rgba(16, 22, 26, 0.2);
  }
}
.bp3-slider-handle:hover {
  background-color: #e1e8ed;
}

.bp3-light .bp3-slider-handle:hover {
  background-color: #e1e8ed;
}

.bp3-dark .bp3-slider-handle:hover {
  background-color: #202b33;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-slider-handle:hover {
    background-color: #202b33;
  }
}
.bp3-slider-handle {
  background-color: rgb(245, 248, 250);
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.8), hsla(0, 0%, 100%, 0));
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 1px 1px rgba(16, 22, 26, 0.2);
  color: #182026;
}

.bp3-light .bp3-slider-handle {
  background-color: rgb(245, 248, 250);
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.8), hsla(0, 0%, 100%, 0));
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 1px 1px rgba(16, 22, 26, 0.2);
  color: #182026;
}

.bp3-dark .bp3-slider-handle {
  background-color: #30404d;
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.05), hsla(0, 0%, 100%, 0));
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-slider-handle {
    background-color: #30404d;
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.05), hsla(0, 0%, 100%, 0));
    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
    color: rgb(245, 248, 250);
  }
}
.bp3-slider-handle .bp3-slider-label {
  background-color: #30404d;
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 2px 4px rgba(16, 22, 26, 0.2), 0 8px 24px rgba(16, 22, 26, 0.2);
  color: rgb(245, 248, 250);
}

.bp3-light .bp3-slider-handle .bp3-slider-label {
  background-color: #30404d;
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 2px 4px rgba(16, 22, 26, 0.2), 0 8px 24px rgba(16, 22, 26, 0.2);
  color: rgb(245, 248, 250);
}

.bp3-dark .bp3-slider-handle .bp3-slider-label {
  background-color: #e1e8ed;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 2px 4px rgba(16, 22, 26, 0.4), 0 8px 24px rgba(16, 22, 26, 0.4);
  color: #30404d;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-slider-handle .bp3-slider-label {
    background-color: #e1e8ed;
    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 2px 4px rgba(16, 22, 26, 0.4), 0 8px 24px rgba(16, 22, 26, 0.4);
    color: #30404d;
  }
}
.bp3-slider-progress {
  background-color: rgba(92, 112, 128, 0.2);
}

.bp3-light .bp3-slider-progress {
  background-color: rgba(92, 112, 128, 0.2);
}

.bp3-dark .bp3-slider-progress {
  background-color: rgba(16, 22, 26, 0.5);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-slider-progress {
    background-color: rgba(16, 22, 26, 0.5);
  }
}
.bp3-slider-progress.bp3-intent-primary {
  background-color: hsl(203, 82%, 41%);
}

.bp3-light .bp3-slider-progress.bp3-intent-primary {
  background-color: hsl(203, 82%, 41%);
}

.bp3-dark .bp3-slider-progress.bp3-intent-primary {
  background-color: hsl(203, 82%, 41%);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-slider-progress.bp3-intent-primary {
    background-color: hsl(203, 82%, 41%);
  }
}
.bp3-submenu.bp3-popover {
  box-shadow: none;
}

.bp3-light .bp3-submenu.bp3-popover {
  box-shadow: none;
}

.bp3-dark .bp3-submenu.bp3-popover {
  box-shadow: none;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-submenu.bp3-popover {
    box-shadow: none;
  }
}
.bp3-tab:not([aria-disabled=true]):hover {
  color: #106ba3 !important;
}

.bp3-light .bp3-tab:not([aria-disabled=true]):hover {
  color: #106ba3 !important;
}

.bp3-dark .bp3-tab:not([aria-disabled=true]):hover {
  color: #48aff0 !important;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-tab:not([aria-disabled=true]):hover {
    color: #48aff0 !important;
  }
}
.bp3-tab[aria-selected=true] {
  box-shadow: inset 0 -3px 0 #106ba3;
  color: #106ba3 !important;
  font-weight: normal;
}

.bp3-light .bp3-tab[aria-selected=true] {
  box-shadow: inset 0 -3px 0 #106ba3;
  color: #106ba3 !important;
  font-weight: normal;
}

.bp3-dark .bp3-tab[aria-selected=true] {
  box-shadow: inset 0 -3px 0 #48aff0;
  color: #48aff0 !important;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-tab[aria-selected=true] {
    box-shadow: inset 0 -3px 0 #48aff0;
    color: #48aff0 !important;
  }
}
.bp3-tab {
  color: #182026;
}

.bp3-light .bp3-tab {
  color: #182026;
}

.bp3-dark .bp3-tab {
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-tab {
    color: rgb(245, 248, 250);
  }
}
.bp3-tabs.bp3-vertical > .bp3-tab-list .bp3-tab[aria-selected=true] {
  background-color: rgba(18.819, 124.5539, 190.281, 0.2) !important;
  box-shadow: none;
  color: #106ba3 !important;
}

.bp3-light .bp3-tabs.bp3-vertical > .bp3-tab-list .bp3-tab[aria-selected=true] {
  background-color: rgba(18.819, 124.5539, 190.281, 0.2) !important;
  box-shadow: none;
  color: #106ba3 !important;
}

.bp3-dark .bp3-tabs.bp3-vertical > .bp3-tab-list .bp3-tab[aria-selected=true] {
  background-color: rgba(18.819, 124.5539, 190.281, 0.2) !important;
  box-shadow: none;
  color: #48aff0 !important;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-tabs.bp3-vertical > .bp3-tab-list .bp3-tab[aria-selected=true] {
    background-color: rgba(18.819, 124.5539, 190.281, 0.2) !important;
    box-shadow: none;
    color: #48aff0 !important;
  }
}
.bp3-tabs.bp3-vertical > .bp3-tab-list .bp3-tab-indicator-wrapper .bp3-tab-indicator {
  background-color: rgba(18.819, 124.5539, 190.281, 0.2) !important;
  border-radius: 3px !important;
}

.bp3-light .bp3-tabs.bp3-vertical > .bp3-tab-list .bp3-tab-indicator-wrapper .bp3-tab-indicator {
  background-color: rgba(18.819, 124.5539, 190.281, 0.2) !important;
  border-radius: 3px !important;
}

.bp3-dark .bp3-tabs.bp3-vertical > .bp3-tab-list .bp3-tab-indicator-wrapper .bp3-tab-indicator {
  background-color: rgba(18.819, 124.5539, 190.281, 0.2) !important;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-tabs.bp3-vertical > .bp3-tab-list .bp3-tab-indicator-wrapper .bp3-tab-indicator {
    background-color: rgba(18.819, 124.5539, 190.281, 0.2) !important;
  }
}
.bp3-tag {
  background-color: #5c7080;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  border-radius: 3px;
  box-shadow: none;
  color: rgb(245, 248, 250);
  font-size: 0.9rem;
}

.bp3-light .bp3-tag {
  background-color: #5c7080;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  border-radius: 3px;
  box-shadow: none;
  color: rgb(245, 248, 250);
  font-size: 0.9rem;
}

.bp3-dark .bp3-tag {
  background-color: #bfccd6;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  box-shadow: none;
  color: #182026;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-tag {
    background-color: #bfccd6;
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
    box-shadow: none;
    color: #182026;
  }
}
.bp3-toast {
  background-color: #ffffff;
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 2px 4px rgba(16, 22, 26, 0.2), 0 8px 24px rgba(16, 22, 26, 0.2);
}

.bp3-light .bp3-toast {
  background-color: #ffffff;
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 2px 4px rgba(16, 22, 26, 0.2), 0 8px 24px rgba(16, 22, 26, 0.2);
}

.bp3-dark .bp3-toast {
  background-color: #394b59;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 2px 4px rgba(16, 22, 26, 0.4), 0 8px 24px rgba(16, 22, 26, 0.4);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-toast {
    background-color: #394b59;
    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 2px 4px rgba(16, 22, 26, 0.4), 0 8px 24px rgba(16, 22, 26, 0.4);
  }
}
.bp3-toast > .bp3-icon {
  color: #5c7080;
}

.bp3-light .bp3-toast > .bp3-icon {
  color: #5c7080;
}

.bp3-dark .bp3-toast > .bp3-icon {
  color: #a7b6c2;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-toast > .bp3-icon {
    color: #a7b6c2;
  }
}
.bp3-toast[class*=bp3-intent-] a:hover {
  color: #ffffff;
}

.bp3-light .bp3-toast[class*=bp3-intent-] a:hover {
  color: #ffffff;
}

.bp3-dark .bp3-toast[class*=bp3-intent-] a:hover {
  color: #ffffff;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-toast[class*=bp3-intent-] a:hover {
    color: #ffffff;
  }
}
.bp3-toast[class*=bp3-intent-] a {
  color: rgba(255, 255, 255, 0.7);
}

.bp3-light .bp3-toast[class*=bp3-intent-] a {
  color: rgba(255, 255, 255, 0.7);
}

.bp3-dark .bp3-toast[class*=bp3-intent-] a {
  color: rgba(255, 255, 255, 0.7);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-toast[class*=bp3-intent-] a {
    color: rgba(255, 255, 255, 0.7);
  }
}
.bp3-toast[class*=bp3-intent-] .bp3-button::after {
  background-color: rgba(255, 255, 255, 0.3) !important;
}

.bp3-light .bp3-toast[class*=bp3-intent-] .bp3-button::after {
  background-color: rgba(255, 255, 255, 0.3) !important;
}

.bp3-dark .bp3-toast[class*=bp3-intent-] .bp3-button::after {
  background-color: rgba(255, 255, 255, 0.3) !important;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-toast[class*=bp3-intent-] .bp3-button::after {
    background-color: rgba(255, 255, 255, 0.3) !important;
  }
}
.bp3-toast[class*=bp3-intent-] .bp3-button:hover {
  background-color: rgba(255, 255, 255, 0.15) !important;
  color: #ffffff !important;
}

.bp3-light .bp3-toast[class*=bp3-intent-] .bp3-button:hover {
  background-color: rgba(255, 255, 255, 0.15) !important;
  color: #ffffff !important;
}

.bp3-dark .bp3-toast[class*=bp3-intent-] .bp3-button:hover {
  background-color: rgba(255, 255, 255, 0.15) !important;
  color: #ffffff !important;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-toast[class*=bp3-intent-] .bp3-button:hover {
    background-color: rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
  }
}
.bp3-toast[class*=bp3-intent-] .bp3-button, .bp3-toast[class*=bp3-intent-] .bp3-button::before, .bp3-toast[class*=bp3-intent-] .bp3-button .bp3-icon, .bp3-toast[class*=bp3-intent-] .bp3-button:active {
  color: rgba(255, 255, 255, 0.7) !important;
}

.bp3-light .bp3-toast[class*=bp3-intent-] .bp3-button, .bp3-light .bp3-toast[class*=bp3-intent-] .bp3-button::before, .bp3-light .bp3-toast[class*=bp3-intent-] .bp3-button .bp3-icon, .bp3-light .bp3-toast[class*=bp3-intent-] .bp3-button:active {
  color: rgba(255, 255, 255, 0.7) !important;
}

.bp3-dark .bp3-toast[class*=bp3-intent-] .bp3-button, .bp3-dark .bp3-toast[class*=bp3-intent-] .bp3-button::before, .bp3-dark .bp3-toast[class*=bp3-intent-] .bp3-button .bp3-icon, .bp3-dark .bp3-toast[class*=bp3-intent-] .bp3-button:active {
  color: rgba(255, 255, 255, 0.7) !important;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-toast[class*=bp3-intent-] .bp3-button, :where(:root:not(.bp3-light)) .bp3-toast[class*=bp3-intent-] .bp3-button::before, :where(:root:not(.bp3-light)) .bp3-toast[class*=bp3-intent-] .bp3-button .bp3-icon, :where(:root:not(.bp3-light)) .bp3-toast[class*=bp3-intent-] .bp3-button:active {
    color: rgba(255, 255, 255, 0.7) !important;
  }
}
.bp3-toast.bp3-intent-danger {
  background-color: rgb(219, 57, 57);
  color: #ffffff;
}

.bp3-light .bp3-toast.bp3-intent-danger {
  background-color: rgb(219, 57, 57);
  color: #ffffff;
}

.bp3-dark .bp3-toast.bp3-intent-danger {
  background-color: rgb(219, 57, 57);
  color: #ffffff;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-toast.bp3-intent-danger {
    background-color: rgb(219, 57, 57);
    color: #ffffff;
  }
}
.bp3-toast[class*=bp3-intent-] > .bp3-icon {
  color: #ffffff;
}

.bp3-light .bp3-toast[class*=bp3-intent-] > .bp3-icon {
  color: #ffffff;
}

.bp3-dark .bp3-toast[class*=bp3-intent-] > .bp3-icon {
  color: #ffffff;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-toast[class*=bp3-intent-] > .bp3-icon {
    color: #ffffff;
  }
}
.bp3-toast.bp3-intent-primary {
  background-color: hsl(203, 82%, 41%);
  color: #ffffff;
}

.bp3-light .bp3-toast.bp3-intent-primary {
  background-color: hsl(203, 82%, 41%);
  color: #ffffff;
}

.bp3-dark .bp3-toast.bp3-intent-primary {
  background-color: hsl(203, 82%, 41%);
  color: #ffffff;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-toast.bp3-intent-primary {
    background-color: hsl(203, 82%, 41%);
    color: #ffffff;
  }
}
.bp3-toast.bp3-intent-success {
  background-color: hsl(155, 82%, 33%);
  color: #ffffff;
}

.bp3-light .bp3-toast.bp3-intent-success {
  background-color: hsl(155, 82%, 33%);
  color: #ffffff;
}

.bp3-dark .bp3-toast.bp3-intent-success {
  background-color: hsl(155, 82%, 33%);
  color: #ffffff;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-toast.bp3-intent-success {
    background-color: hsl(155, 82%, 33%);
    color: #ffffff;
  }
}
.bp3-toast.bp3-intent-warning {
  background-color: hsl(30, 70%, 51%);
  color: #ffffff;
}

.bp3-light .bp3-toast.bp3-intent-warning {
  background-color: hsl(30, 70%, 51%);
  color: #ffffff;
}

.bp3-dark .bp3-toast.bp3-intent-warning {
  background-color: hsl(30, 70%, 51%);
  color: #ffffff;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-toast.bp3-intent-warning {
    background-color: hsl(30, 70%, 51%);
    color: #ffffff;
  }
}
.bp3-tooltip .bp3-popover-content {
  background-color: #30404d !important;
  color: rgb(245, 248, 250) !important;
}

.bp3-light .bp3-tooltip .bp3-popover-content {
  background-color: #30404d !important;
  color: rgb(245, 248, 250) !important;
}

.bp3-dark .bp3-tooltip .bp3-popover-content {
  background-color: #e1e8ed !important;
  color: #30404d !important;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-tooltip .bp3-popover-content {
    background-color: #e1e8ed !important;
    color: #30404d !important;
  }
}
.bp3-tooltip .bp3-popover-arrow::before {
  box-shadow: 1px 1px 6px rgba(16, 22, 26, 0.2);
}

.bp3-light .bp3-tooltip .bp3-popover-arrow::before {
  box-shadow: 1px 1px 6px rgba(16, 22, 26, 0.2);
}

.bp3-dark .bp3-tooltip .bp3-popover-arrow::before {
  box-shadow: 1px 1px 6px rgba(16, 22, 26, 0.4);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-tooltip .bp3-popover-arrow::before {
    box-shadow: 1px 1px 6px rgba(16, 22, 26, 0.4);
  }
}
.bp3-tooltip .bp3-popover-arrow-border {
  fill: black;
}

.bp3-light .bp3-tooltip .bp3-popover-arrow-border {
  fill: black;
}

.bp3-dark .bp3-tooltip .bp3-popover-arrow-border {
  fill: black;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-tooltip .bp3-popover-arrow-border {
    fill: black;
  }
}
.bp3-tooltip .bp3-popover-arrow-fill {
  fill: #30404d;
}

.bp3-light .bp3-tooltip .bp3-popover-arrow-fill {
  fill: #30404d;
}

.bp3-dark .bp3-tooltip .bp3-popover-arrow-fill {
  fill: #e1e8ed;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-tooltip .bp3-popover-arrow-fill {
    fill: #e1e8ed;
  }
}
.bp3-tooltip .bp3-popover-content code {
  background-color: rgba(16, 22, 26, 0.3);
  color: rgb(245, 248, 250);
}

.bp3-light .bp3-tooltip .bp3-popover-content code {
  background-color: rgba(16, 22, 26, 0.3);
  color: rgb(245, 248, 250);
}

.bp3-dark .bp3-tooltip .bp3-popover-content code {
  background-color: hsla(0, 0%, 100%, 0.7);
  color: #30404d;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-tooltip .bp3-popover-content code {
    background-color: hsla(0, 0%, 100%, 0.7);
    color: #30404d;
  }
}
.bp3-tooltip .bp3-heading {
  color: rgb(245, 248, 250);
}

.bp3-light .bp3-tooltip .bp3-heading {
  color: rgb(245, 248, 250);
}

.bp3-dark .bp3-tooltip .bp3-heading {
  color: #30404d;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-tooltip .bp3-heading {
    color: #30404d;
  }
}
.rm-code-block .cm-focused .cm-activeLineGutter {
  background-color: #e1e8ed !important;
}

.bp3-light .rm-code-block .cm-focused .cm-activeLineGutter {
  background-color: #e1e8ed !important;
}

.bp3-dark .rm-code-block .cm-focused .cm-activeLineGutter {
  background-color: #30404d !important;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-code-block .cm-focused .cm-activeLineGutter {
    background-color: #30404d !important;
  }
}
.rm-code-block .cm-activeLineGutter {
  background-color: #e1e8ed;
}

.bp3-light .rm-code-block .cm-activeLineGutter {
  background-color: #e1e8ed;
}

.bp3-dark .rm-code-block .cm-activeLineGutter {
  background-color: #30404d;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-code-block .cm-activeLineGutter {
    background-color: #30404d;
  }
}
.rm-code-block .cmt-atom {
  color: #238c2c;
}

.bp3-light .rm-code-block .cmt-atom {
  color: #238c2c;
}

.bp3-dark .rm-code-block .cmt-atom {
  color: #c99765;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-code-block .cmt-atom {
    color: #c99765;
  }
}
.rm-code-block .cmt-bool {
  color: #bf7326;
}

.bp3-light .rm-code-block .cmt-bool {
  color: #bf7326;
}

.bp3-dark .rm-code-block .cmt-bool {
  color: #c99765;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-code-block .cmt-bool {
    color: #c99765;
  }
}
.rm-code-block .cm-button:active {
  background-color: #d8e1e8;
  background-image: none;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 1px 2px rgba(16, 22, 26, 0.2);
}

.bp3-light .rm-code-block .cm-button:active {
  background-color: #d8e1e8;
  background-image: none;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 1px 2px rgba(16, 22, 26, 0.2);
}

.bp3-dark .rm-code-block .cm-button:active {
  background-color: #202b33;
  background-image: none;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.6), inset 0 1px 2px rgba(16, 22, 26, 0.2);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-code-block .cm-button:active {
    background-color: #202b33;
    background-image: none;
    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.6), inset 0 1px 2px rgba(16, 22, 26, 0.2);
  }
}
.rm-code-block .cm-button:disabled {
  background-color: rgba(206, 217, 224, 0.5);
  background-image: none;
  box-shadow: none;
  color: rgba(92, 112, 128, 0.6);
}

.bp3-light .rm-code-block .cm-button:disabled {
  background-color: rgba(206, 217, 224, 0.5);
  background-image: none;
  box-shadow: none;
  color: rgba(92, 112, 128, 0.6);
}

.bp3-dark .rm-code-block .cm-button:disabled {
  background-color: rgba(57, 75, 89, 0.5);
  background-image: none;
  box-shadow: none;
  color: rgba(167, 182, 194, 0.6);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-code-block .cm-button:disabled {
    background-color: rgba(57, 75, 89, 0.5);
    background-image: none;
    box-shadow: none;
    color: rgba(167, 182, 194, 0.6);
  }
}
.rm-code-block .cm-button:disabled:active {
  background-color: rgba(206, 217, 224, 0.7);
}

.bp3-light .rm-code-block .cm-button:disabled:active {
  background-color: rgba(206, 217, 224, 0.7);
}

.bp3-dark .rm-code-block .cm-button:disabled:active {
  background-color: rgba(57, 75, 89, 0.7);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-code-block .cm-button:disabled:active {
    background-color: rgba(57, 75, 89, 0.7);
  }
}
.rm-code-block .cm-button:hover {
  background-color: #ebf1f5;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
}

.bp3-light .rm-code-block .cm-button:hover {
  background-color: #ebf1f5;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
}

.bp3-dark .rm-code-block .cm-button:hover {
  background-color: #293742;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-code-block .cm-button:hover {
    background-color: #293742;
    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
  }
}
.rm-code-block .cm-button {
  background-color: rgb(245, 248, 250);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
  color: #182026;
  font-size: 0.9rem;
}

.bp3-light .rm-code-block .cm-button {
  background-color: rgb(245, 248, 250);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
  color: #182026;
  font-size: 0.9rem;
}

.bp3-dark .rm-code-block .cm-button {
  background-color: #30404d;
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.05), hsla(0, 0%, 100%, 0));
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-code-block .cm-button {
    background-color: #30404d;
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.05), hsla(0, 0%, 100%, 0));
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
    color: rgb(245, 248, 250);
  }
}
.rm-code-block .cmt-className {
  color: #d13913;
}

.bp3-light .rm-code-block .cmt-className {
  color: #d13913;
}

.bp3-dark .rm-code-block .cmt-className {
  color: #db2c6f;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-code-block .cmt-className {
    color: #db2c6f;
  }
}
.rm-code-block .cmt-comment {
  color: #8a9ba8;
}

.bp3-light .rm-code-block .cmt-comment {
  color: #8a9ba8;
}

.bp3-dark .rm-code-block .cmt-comment {
  color: #738694;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-code-block .cmt-comment {
    color: #738694;
  }
}
.rm-code-block .cm-cursor {
  border-left: 1.2px solid #182026;
}

.bp3-light .rm-code-block .cm-cursor {
  border-left: 1.2px solid #182026;
}

.bp3-dark .rm-code-block .cm-cursor {
  border-left: 1.2px solid rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-code-block .cm-cursor {
    border-left: 1.2px solid rgb(245, 248, 250);
  }
}
.rm-code-block .cmt-variableName.cmt-definition {
  color: #c23030;
}

.bp3-light .rm-code-block .cmt-variableName.cmt-definition {
  color: #c23030;
}

.bp3-dark .rm-code-block .cmt-variableName.cmt-definition {
  color: #00b3a4;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-code-block .cmt-variableName.cmt-definition {
    color: #00b3a4;
  }
}
.rm-code-block .cmt-emphasis {
  font-style: italic;
}

.bp3-light .rm-code-block .cmt-emphasis {
  font-style: italic;
}

.rm-code-block .cm-gutters {
  background-color: transparent;
  color: #8a9ba8;
}

.bp3-light .rm-code-block .cm-gutters {
  background-color: transparent;
  color: #8a9ba8;
}

.bp3-dark .rm-code-block .cm-gutters {
  background-color: transparent;
  color: #5c7080;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-code-block .cm-gutters {
    background-color: transparent;
    color: #5c7080;
  }
}
.rm-code-block .cmt-heading {
  color: #c23030;
  font-weight: normal;
  text-decoration: none;
}

.bp3-light .rm-code-block .cmt-heading {
  color: #c23030;
  font-weight: normal;
  text-decoration: none;
}

.bp3-dark .rm-code-block .cmt-heading {
  color: rgb(245, 86, 86);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-code-block .cmt-heading {
    color: rgb(245, 86, 86);
  }
}
.rm-code-block .cmt-keyword {
  color: #8f398f;
}

.bp3-light .rm-code-block .cmt-keyword {
  color: #8f398f;
}

.bp3-dark .rm-code-block .cmt-keyword {
  color: #c274c2;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-code-block .cmt-keyword {
    color: #c274c2;
  }
}
.rm-code-block .cmt-labelName {
  color: #d13913;
  font-size: 1rem;
}

.bp3-light .rm-code-block .cmt-labelName {
  color: #d13913;
  font-size: 1rem;
}

.bp3-dark .rm-code-block .cmt-labelName {
  color: #f5498b;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-code-block .cmt-labelName {
    color: #f5498b;
  }
}
.rm-code-block .cmt-literal {
  color: rgb(166, 121, 8);
}

.bp3-light .rm-code-block .cmt-literal {
  color: rgb(166, 121, 8);
}

.bp3-dark .rm-code-block .cmt-literal {
  color: #c99765;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-code-block .cmt-literal {
    color: #c99765;
  }
}
.rm-code-block .cmt-link {
  color: #2965cc;
  font-style: italic;
}

.bp3-light .rm-code-block .cmt-link {
  color: #2965cc;
  font-style: italic;
}

.bp3-dark .rm-code-block .cmt-link {
  color: #669eff;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-code-block .cmt-link {
    color: #669eff;
  }
}
.rm-code-block .cmt-variableName.cmt-local {
  color: #2965cc;
}

.bp3-light .rm-code-block .cmt-variableName.cmt-local {
  color: #2965cc;
}

.bp3-dark .rm-code-block .cmt-variableName.cmt-local {
  color: #669eff;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-code-block .cmt-variableName.cmt-local {
    color: #669eff;
  }
}
.rm-code-block .cmt-macroName {
  color: #4580e6;
}

.bp3-light .rm-code-block .cmt-macroName {
  color: #4580e6;
}

.bp3-dark .rm-code-block .cmt-macroName {
  color: #669eff;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-code-block .cmt-macroName {
    color: #669eff;
  }
}
.rm-code-block .cmt-meta {
  color: hsl(203, 82%, 41%);
}

.bp3-light .rm-code-block .cmt-meta {
  color: hsl(203, 82%, 41%);
}

.bp3-dark .rm-code-block .cmt-meta {
  color: #48aff0;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-code-block .cmt-meta {
    color: #48aff0;
  }
}
.rm-code-block .cmt-namespace {
  color: red;
}

.bp3-light .rm-code-block .cmt-namespace {
  color: red;
}

.bp3-dark .rm-code-block .cmt-namespace {
  color: red;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-code-block .cmt-namespace {
    color: red;
  }
}
.rm-code-block .cmt-number {
  color: #96622d;
}

.bp3-light .rm-code-block .cmt-number {
  color: #96622d;
}

.bp3-dark .rm-code-block .cmt-number {
  color: #b07b46;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-code-block .cmt-number {
    color: #b07b46;
  }
}
.rm-code-block .cmt-operator {
  color: hsl(203, 82%, 41%);
}

.bp3-light .rm-code-block .cmt-operator {
  color: hsl(203, 82%, 41%);
}

.bp3-dark .rm-code-block .cmt-operator {
  color: #2ee6d6;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-code-block .cmt-operator {
    color: #2ee6d6;
  }
}
.rm-code-block .cm-panel.cm-search label {
  color: #394b59;
  font-weight: 400;
}

.bp3-light .rm-code-block .cm-panel.cm-search label {
  color: #394b59;
  font-weight: 400;
}

.bp3-dark .rm-code-block .cm-panel.cm-search label {
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-code-block .cm-panel.cm-search label {
    color: rgb(245, 248, 250);
  }
}
.rm-code-block .cm-panel.cm-search [name=close] {
  color: #5c7080;
}

.bp3-light .rm-code-block .cm-panel.cm-search [name=close] {
  color: #5c7080;
}

.bp3-dark .rm-code-block .cm-panel.cm-search [name=close] {
  color: #a7b6c2;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-code-block .cm-panel.cm-search [name=close] {
    color: #a7b6c2;
  }
}
.rm-code-block .cm-panel, .rm-code-block .cm-panels {
  background-color: #ffffff;
  border-top: none;
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 2px 4px rgba(16, 22, 26, 0.2), 0 8px 24px rgba(16, 22, 26, 0.2);
  color: #394b59;
}

.bp3-light .rm-code-block .cm-panel, .bp3-light .rm-code-block .cm-panels {
  background-color: #ffffff;
  border-top: none;
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 2px 4px rgba(16, 22, 26, 0.2), 0 8px 24px rgba(16, 22, 26, 0.2);
  color: #394b59;
}

.bp3-dark .rm-code-block .cm-panel, .bp3-dark .rm-code-block .cm-panels {
  background-color: #293742;
  border-top: none;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 2px 4px rgba(16, 22, 26, 0.4), 0 8px 24px rgba(16, 22, 26, 0.4);
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-code-block .cm-panel, :where(:root:not(.bp3-light)) .rm-code-block .cm-panels {
    background-color: #293742;
    border-top: none;
    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 2px 4px rgba(16, 22, 26, 0.4), 0 8px 24px rgba(16, 22, 26, 0.4);
    color: rgb(245, 248, 250);
  }
}
.rm-code-block .cmt-propertyName {
  color: #728c23;
}

.bp3-light .rm-code-block .cmt-propertyName {
  color: #728c23;
}

.bp3-dark .rm-code-block .cmt-propertyName {
  color: #ffc940;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-code-block .cmt-propertyName {
    color: #ffc940;
  }
}
.rm-code-block .cmt-punctuation {
  color: #394b59;
}

.bp3-light .rm-code-block .cmt-punctuation {
  color: #394b59;
}

.bp3-dark .rm-code-block .cmt-punctuation {
  color: #8a9ba8;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-code-block .cmt-punctuation {
    color: #8a9ba8;
  }
}
.cm-editor.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground {
  background-color: rgba(125, 188, 255, 0.6);
}

.bp3-light .cm-editor.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground {
  background-color: rgba(125, 188, 255, 0.6);
}

.bp3-dark .cm-editor.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground {
  background-color: rgba(125, 188, 255, 0.4);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .cm-editor.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground {
    background-color: rgba(125, 188, 255, 0.4);
  }
}
.cm-layer .cm-selectionBackground {
  background-color: rgba(125, 188, 255, 0.6);
}

.bp3-light .cm-layer .cm-selectionBackground {
  background-color: rgba(125, 188, 255, 0.6);
}

.bp3-dark .cm-layer .cm-selectionBackground {
  background-color: rgba(125, 188, 255, 0.4);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .cm-layer .cm-selectionBackground {
    background-color: rgba(125, 188, 255, 0.4);
  }
}
.rm-code-block .cmt-string {
  color: #728c23;
}

.bp3-light .rm-code-block .cmt-string {
  color: #728c23;
}

.bp3-dark .rm-code-block .cmt-string {
  color: #87a629;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-code-block .cmt-string {
    color: #87a629;
  }
}
.rm-code-block .cmt-string2 {
  color: red;
}

.bp3-light .rm-code-block .cmt-string2 {
  color: red;
}

.bp3-dark .rm-code-block .cmt-string2 {
  color: red;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-code-block .cmt-string2 {
    color: red;
  }
}
.rm-code-block .cmt-strong {
  font-weight: bold;
}

.bp3-light .rm-code-block .cmt-strong {
  font-weight: bold;
}

.rm-code-block .cm-textfield::placeholder {
  color: rgba(92, 112, 128, 0.6);
}

.bp3-light .rm-code-block .cm-textfield::placeholder {
  color: rgba(92, 112, 128, 0.6);
}

.bp3-dark .rm-code-block .cm-textfield::placeholder {
  color: rgba(167, 182, 194, 0.6);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-code-block .cm-textfield::placeholder {
    color: rgba(167, 182, 194, 0.6);
  }
}
.rm-code-block .cm-textfield:focus {
  box-shadow: 0 0 0 1px hsl(203, 82%, 41%), 0 0 0 3px rgba(18.819, 124.5539, 190.281, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.2);
}

.bp3-light .rm-code-block .cm-textfield:focus {
  box-shadow: 0 0 0 1px hsl(203, 82%, 41%), 0 0 0 3px rgba(18.819, 124.5539, 190.281, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.2);
}

.bp3-dark .rm-code-block .cm-textfield:focus {
  box-shadow: 0 0 0 1px hsl(203, 82%, 41%), 0 0 0 1px hsl(203, 82%, 41%), 0 0 0 3px rgba(18.819, 124.5539, 190.281, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-code-block .cm-textfield:focus {
    box-shadow: 0 0 0 1px hsl(203, 82%, 41%), 0 0 0 1px hsl(203, 82%, 41%), 0 0 0 3px rgba(18.819, 124.5539, 190.281, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
  }
}
.rm-code-block .cm-textfield {
  background-color: #ffffff;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  border-radius: 3px;
  box-shadow: 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2);
  color: #182026;
  font-size: 1rem;
  font-weight: 400;
}

.bp3-light .rm-code-block .cm-textfield {
  background-color: #ffffff;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  border-radius: 3px;
  box-shadow: 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2);
  color: #182026;
  font-size: 1rem;
  font-weight: 400;
}

.bp3-dark .rm-code-block .cm-textfield {
  background-color: rgba(16, 22, 26, 0.3);
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  box-shadow: 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-code-block .cm-textfield {
    background-color: rgba(16, 22, 26, 0.3);
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
    box-shadow: 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
    color: rgb(245, 248, 250);
  }
}
.rm-code-block .cmt-typeName {
  color: hsl(203, 82%, 41%);
}

.bp3-light .rm-code-block .cmt-typeName {
  color: hsl(203, 82%, 41%);
}

.bp3-dark .rm-code-block .cmt-typeName {
  color: #48aff0;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-code-block .cmt-typeName {
    color: #48aff0;
  }
}
.rm-code-block .cmt-url {
  color: hsl(203, 82%, 41%);
  font-style: normal;
}

.bp3-light .rm-code-block .cmt-url {
  color: hsl(203, 82%, 41%);
  font-style: normal;
}

.bp3-dark .rm-code-block .cmt-url {
  color: #14ccbd;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-code-block .cmt-url {
    color: #14ccbd;
  }
}
.rm-code-block .cmt-variableName {
  color: #2965cc;
}

.bp3-light .rm-code-block .cmt-variableName {
  color: #2965cc;
}

.bp3-dark .rm-code-block .cmt-variableName {
  color: #669eff;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-code-block .cmt-variableName {
    color: #669eff;
  }
}
.rm-code-block .cmt-variableName2 {
  color: red;
}

.bp3-light .rm-code-block .cmt-variableName2 {
  color: red;
}

.bp3-dark .rm-code-block .cmt-variableName2 {
  color: red;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-code-block .cmt-variableName2 {
    color: red;
  }
}
.rm-code-block {
  background-color: hsla(0, 0%, 100%, 0.7);
  border-radius: 3px;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.15);
  color: #182026;
  font-size: 0.9rem;
}

.bp3-light .rm-code-block {
  background-color: hsla(0, 0%, 100%, 0.7);
  border-radius: 3px;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.15);
  color: #182026;
  font-size: 0.9rem;
}

.bp3-dark .rm-code-block {
  background-color: rgba(16, 22, 26, 0.3);
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4);
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-code-block {
    background-color: rgba(16, 22, 26, 0.3);
    box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4);
    color: rgb(245, 248, 250);
  }
}
.rm-command-palette__footer {
  background-color: #d8e1e8;
  border-top: 1px solid rgba(16, 22, 26, 0.15);
}

.bp3-light .rm-command-palette__footer {
  background-color: #d8e1e8;
  border-top: 1px solid rgba(16, 22, 26, 0.15);
}

.bp3-dark .rm-command-palette__footer {
  background-color: #30404d;
  border-top: 1px solid rgba(16, 22, 26, 0.4);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-command-palette__footer {
    background-color: #30404d;
    border-top: 1px solid rgba(16, 22, 26, 0.4);
  }
}
.rm-command-palette__scroll-container .rm-command-palette__menu .rm-menu-item--active, .rm-command-palette__scroll-container .rm-command-palette__menu .rm-menu-item--active:hover {
  background-color: rgba(115, 134, 148, 0.3);
  color: #182026;
}

.bp3-light .rm-command-palette__scroll-container .rm-command-palette__menu .rm-menu-item--active, .bp3-light .rm-command-palette__scroll-container .rm-command-palette__menu .rm-menu-item--active:hover {
  background-color: rgba(115, 134, 148, 0.3);
  color: #182026;
}

.bp3-dark .rm-command-palette__scroll-container .rm-command-palette__menu .rm-menu-item--active, .bp3-dark .rm-command-palette__scroll-container .rm-command-palette__menu .rm-menu-item--active:hover {
  background-color: rgba(138, 155, 168, 0.3);
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-command-palette__scroll-container .rm-command-palette__menu .rm-menu-item--active, :where(:root:not(.bp3-light)) .rm-command-palette__scroll-container .rm-command-palette__menu .rm-menu-item--active:hover {
    background-color: rgba(138, 155, 168, 0.3);
    color: rgb(245, 248, 250);
  }
}
.rm-command-palette__scroll-container .rm-command-palette__menu .rm-menu-item {
  border-radius: 3px;
}

.bp3-light .rm-command-palette__scroll-container .rm-command-palette__menu .rm-menu-item {
  border-radius: 3px;
}

.rm-command-palette__scroll-container .rm-command-palette__menu .rm-menu-item--active .rm-command-palette__shortcut {
  color: rgb(245, 248, 250);
}

.bp3-light .rm-command-palette__scroll-container .rm-command-palette__menu .rm-menu-item--active .rm-command-palette__shortcut {
  color: rgb(245, 248, 250);
}

.bp3-dark .rm-command-palette__scroll-container .rm-command-palette__menu .rm-menu-item--active .rm-command-palette__shortcut {
  color: #182026;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-command-palette__scroll-container .rm-command-palette__menu .rm-menu-item--active .rm-command-palette__shortcut {
    color: #182026;
  }
}
.rm-command-palette__shortcut {
  background-color: #5c7080;
  color: rgb(245, 248, 250);
}

.bp3-light .rm-command-palette__shortcut {
  background-color: #5c7080;
  color: rgb(245, 248, 250);
}

.bp3-dark .rm-command-palette__shortcut {
  background-color: #bfccd6;
  color: #182026;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-command-palette__shortcut {
    background-color: #bfccd6;
    color: #182026;
  }
}
.block-highlight-blue .rm-bullet__inner {
  background-color: #182026;
  border-top: 4px solid rgb(245, 248, 250);
  border-right: 4px solid rgb(245, 248, 250);
  border-bottom: 4px solid rgb(245, 248, 250);
  border-left: 4px solid rgb(245, 248, 250);
}

.bp3-light .block-highlight-blue .rm-bullet__inner {
  background-color: #182026;
  border-top: 4px solid rgb(245, 248, 250);
  border-right: 4px solid rgb(245, 248, 250);
  border-bottom: 4px solid rgb(245, 248, 250);
  border-left: 4px solid rgb(245, 248, 250);
}

.bp3-dark .block-highlight-blue .rm-bullet__inner {
  background-color: #ffffff;
  border-top: 4px solid #202b33;
  border-right: 4px solid #202b33;
  border-bottom: 4px solid #202b33;
  border-left: 4px solid #202b33;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .block-highlight-blue .rm-bullet__inner {
    background-color: #ffffff;
    border-top: 4px solid #202b33;
    border-right: 4px solid #202b33;
    border-bottom: 4px solid #202b33;
    border-left: 4px solid #202b33;
  }
}
.block-highlight-blue .rm-multibar {
  border-right: 1px solid #8a9ba8;
}

.bp3-light .block-highlight-blue .rm-multibar {
  border-right: 1px solid #8a9ba8;
}

.bp3-dark .block-highlight-blue .rm-multibar {
  border-right: 1px solid #bfccd6;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .block-highlight-blue .rm-multibar {
    border-right: 1px solid #bfccd6;
  }
}
.block-highlight-grey .rm-bullet__inner {
  background-color: #182026;
}

.bp3-light .block-highlight-grey .rm-bullet__inner {
  background-color: #182026;
}

.bp3-dark .block-highlight-grey .rm-bullet__inner {
  background-color: #ffffff;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .block-highlight-grey .rm-bullet__inner {
    background-color: #ffffff;
  }
}
.block-highlight-grey .rm-multibar {
  border-right: 1px solid #8a9ba8;
}

.bp3-light .block-highlight-grey .rm-multibar {
  border-right: 1px solid #8a9ba8;
}

.bp3-dark .block-highlight-grey .rm-multibar {
  border-right: 1px solid #5c7080;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .block-highlight-grey .rm-multibar {
    border-right: 1px solid #5c7080;
  }
}
.rm-bullet.rm-bullet--closed .rm-bullet__inner, .sidebar-content .rm-bullet.rm-bullet--closed .rm-bullet__inner {
  background-color: #5c7080;
  border-top: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid transparent;
}

.bp3-light .rm-bullet.rm-bullet--closed .rm-bullet__inner, .bp3-light .sidebar-content .rm-bullet.rm-bullet--closed .rm-bullet__inner {
  background-color: #5c7080;
  border-top: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid transparent;
}

.bp3-dark .rm-bullet.rm-bullet--closed .rm-bullet__inner, .bp3-dark .sidebar-content .rm-bullet.rm-bullet--closed .rm-bullet__inner {
  background-color: #bfccd6;
  border-top: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid transparent;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-bullet.rm-bullet--closed .rm-bullet__inner, :where(:root:not(.bp3-light)) .sidebar-content .rm-bullet.rm-bullet--closed .rm-bullet__inner {
    background-color: #bfccd6;
    border-top: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid transparent;
  }
}
.controls .simple-bullet-outer .simple-bullet-inner, .rm-block__controls .simple-bullet-outer .simple-bullet-inner {
  background-color: #d8e1e8;
}

.bp3-light .controls .simple-bullet-outer .simple-bullet-inner, .bp3-light .rm-block__controls .simple-bullet-outer .simple-bullet-inner {
  background-color: #d8e1e8;
}

.bp3-dark .controls .simple-bullet-outer .simple-bullet-inner, .bp3-dark .rm-block__controls .simple-bullet-outer .simple-bullet-inner {
  background-color: #8a9ba8;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .controls .simple-bullet-outer .simple-bullet-inner, :where(:root:not(.bp3-light)) .rm-block__controls .simple-bullet-outer .simple-bullet-inner {
    background-color: #8a9ba8;
  }
}
.rm-bullet__inner {
  background-color: #ced9e0;
}

.bp3-light .rm-bullet__inner {
  background-color: #ced9e0;
}

.bp3-dark .rm-bullet__inner {
  background-color: #5c7080;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-bullet__inner {
    background-color: #5c7080;
  }
}
.rm-multibar:hover {
  border-right: 3px solid #5c7080;
}

.bp3-light .rm-multibar:hover {
  border-right: 3px solid #5c7080;
}

.bp3-dark .rm-multibar:hover {
  border-right: 3px solid #394b59;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-multibar:hover {
    border-right: 3px solid #394b59;
  }
}
.rm-multibar {
  border-right: 1px solid #d4d8de;
}

.bp3-light .rm-multibar {
  border-right: 1px solid #d4d8de;
}

.bp3-dark .rm-multibar {
  border-right: 1px solid #30404d;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-multibar {
    border-right: 1px solid #30404d;
  }
}
.rm-article-wrapper .roam-log-container .roam-log-preview h1 {
  color: #8a9ba8;
  font-family: inherit;
  font-size: 2.25rem;
  font-weight: 600;
}

.bp3-light .rm-article-wrapper .roam-log-container .roam-log-preview h1 {
  color: #8a9ba8;
  font-family: inherit;
  font-size: 2.25rem;
  font-weight: 600;
}

.bp3-dark .rm-article-wrapper .roam-log-container .roam-log-preview h1 {
  color: #8a9ba8;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-article-wrapper .roam-log-container .roam-log-preview h1 {
    color: #8a9ba8;
  }
}
.rm-jump-date-picker .DayPicker-Day.DayPicker-Day--today:hover {
  color: #182026;
}

.bp3-light .rm-jump-date-picker .DayPicker-Day.DayPicker-Day--today:hover {
  color: #182026;
}

.bp3-dark .rm-jump-date-picker .DayPicker-Day.DayPicker-Day--today:hover {
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-jump-date-picker .DayPicker-Day.DayPicker-Day--today:hover {
    color: rgb(245, 248, 250);
  }
}
.rm-jump-date-picker .DayPicker-Day.DayPicker-Day--today.DayPicker-Day--selected {
  color: #ffffff;
  font-weight: 400;
}

.bp3-light .rm-jump-date-picker .DayPicker-Day.DayPicker-Day--today.DayPicker-Day--selected {
  color: #ffffff;
  font-weight: 400;
}

.bp3-dark .rm-jump-date-picker .DayPicker-Day.DayPicker-Day--today.DayPicker-Day--selected {
  color: #ffffff;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-jump-date-picker .DayPicker-Day.DayPicker-Day--today.DayPicker-Day--selected {
    color: #ffffff;
  }
}
.rm-jump-date-picker .DayPicker-Day.DayPicker-Day--today.DayPicker-Day--selected:hover {
  color: #ffffff;
}

.bp3-light .rm-jump-date-picker .DayPicker-Day.DayPicker-Day--today.DayPicker-Day--selected:hover {
  color: #ffffff;
}

.bp3-dark .rm-jump-date-picker .DayPicker-Day.DayPicker-Day--today.DayPicker-Day--selected:hover {
  color: #ffffff;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-jump-date-picker .DayPicker-Day.DayPicker-Day--today.DayPicker-Day--selected:hover {
    color: #ffffff;
  }
}
.rm-jump-date-picker .DayPicker-Day.DayPicker-Day--today {
  color: #182026;
  font-weight: 400;
}

.bp3-light .rm-jump-date-picker .DayPicker-Day.DayPicker-Day--today {
  color: #182026;
  font-weight: 400;
}

.bp3-dark .rm-jump-date-picker .DayPicker-Day.DayPicker-Day--today {
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-jump-date-picker .DayPicker-Day.DayPicker-Day--today {
    color: rgb(245, 248, 250);
  }
}
.rm-jump-date-picker .DayPicker-Day.DayPicker-Day--dateHasNoPage:hover {
  color: #8a9ba8;
}

.bp3-light .rm-jump-date-picker .DayPicker-Day.DayPicker-Day--dateHasNoPage:hover {
  color: #8a9ba8;
}

.bp3-dark .rm-jump-date-picker .DayPicker-Day.DayPicker-Day--dateHasNoPage:hover {
  color: #8a9ba8;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-jump-date-picker .DayPicker-Day.DayPicker-Day--dateHasNoPage:hover {
    color: #8a9ba8;
  }
}
.rm-jump-date-picker .DayPicker-Day.DayPicker-Day--dateHasNoPage {
  color: #8a9ba8;
}

.bp3-light .rm-jump-date-picker .DayPicker-Day.DayPicker-Day--dateHasNoPage {
  color: #8a9ba8;
}

.bp3-dark .rm-jump-date-picker .DayPicker-Day.DayPicker-Day--dateHasNoPage {
  color: #8a9ba8;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-jump-date-picker .DayPicker-Day.DayPicker-Day--dateHasNoPage {
    color: #8a9ba8;
  }
}
.react-flow__controls-button:active {
  background-color: #d8e1e8;
  background-image: none;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 1px 2px rgba(16, 22, 26, 0.2);
  color: #5c7080;
}

.bp3-light .react-flow__controls-button:active {
  background-color: #d8e1e8;
  background-image: none;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 1px 2px rgba(16, 22, 26, 0.2);
  color: #5c7080;
}

.bp3-dark .react-flow__controls-button:active {
  background-color: #202b33;
  background-image: none;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.6), inset 0 1px 2px rgba(16, 22, 26, 0.2);
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .react-flow__controls-button:active {
    background-color: #202b33;
    background-image: none;
    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.6), inset 0 1px 2px rgba(16, 22, 26, 0.2);
    color: rgb(245, 248, 250);
  }
}
.react-flow__controls-button:disabled {
  background-color: rgba(206, 217, 224, 0.5);
  background-image: none;
  box-shadow: none;
  color: rgba(92, 112, 128, 0.6);
}

.bp3-light .react-flow__controls-button:disabled {
  background-color: rgba(206, 217, 224, 0.5);
  background-image: none;
  box-shadow: none;
  color: rgba(92, 112, 128, 0.6);
}

.bp3-dark .react-flow__controls-button:disabled {
  background-color: rgba(57, 75, 89, 0.5);
  background-image: none;
  box-shadow: none;
  color: rgba(167, 182, 194, 0.6);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .react-flow__controls-button:disabled {
    background-color: rgba(57, 75, 89, 0.5);
    background-image: none;
    box-shadow: none;
    color: rgba(167, 182, 194, 0.6);
  }
}
.react-flow__controls-button:disabled:active {
  background-color: rgba(206, 217, 224, 0.7);
}

.bp3-light .react-flow__controls-button:disabled:active {
  background-color: rgba(206, 217, 224, 0.7);
}

.bp3-dark .react-flow__controls-button:disabled:active {
  background-color: rgba(57, 75, 89, 0.7);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .react-flow__controls-button:disabled:active {
    background-color: rgba(57, 75, 89, 0.7);
  }
}
.react-flow__controls-button:hover {
  background-color: #ebf1f5;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
  color: #5c7080;
}

.bp3-light .react-flow__controls-button:hover {
  background-color: #ebf1f5;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
  color: #5c7080;
}

.bp3-dark .react-flow__controls-button:hover {
  background-color: #293742;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .react-flow__controls-button:hover {
    background-color: #293742;
    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
    color: rgb(245, 248, 250);
  }
}
.react-flow__controls-button {
  background-color: rgb(245, 248, 250);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  fill: #5c7080;
  border-bottom: none;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
  color: #5c7080;
}

.bp3-light .react-flow__controls-button {
  background-color: rgb(245, 248, 250);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  fill: #5c7080;
  border-bottom: none;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
  color: #5c7080;
}

.bp3-dark .react-flow__controls-button {
  background-color: #30404d;
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.05), hsla(0, 0%, 100%, 0));
  fill: #bfccd6;
  border-bottom: none;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
  color: #bfccd6;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .react-flow__controls-button {
    background-color: #30404d;
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.05), hsla(0, 0%, 100%, 0));
    fill: #bfccd6;
    border-bottom: none;
    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
    color: #bfccd6;
  }
}
.rm-diagram .react-flow__controls {
  box-shadow: none;
}

.bp3-light .rm-diagram .react-flow__controls {
  box-shadow: none;
}

.bp3-dark .rm-diagram .react-flow__controls {
  box-shadow: none;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-diagram .react-flow__controls {
    box-shadow: none;
  }
}
.rm-diagram .react-flow__minimap {
  background-color: rgb(245, 248, 250);
}

.bp3-light .rm-diagram .react-flow__minimap {
  background-color: rgb(245, 248, 250);
}

.bp3-dark .rm-diagram .react-flow__minimap {
  background-color: #202b33;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-diagram .react-flow__minimap {
    background-color: #202b33;
  }
}
.rm-diagram .react-flow__minimap-node {
  fill: #5c7080;
  opacity: 0.5;
}

.bp3-light .rm-diagram .react-flow__minimap-node {
  fill: #5c7080;
  opacity: 0.5;
}

.bp3-dark .rm-diagram .react-flow__minimap-node {
  fill: #bfccd6;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-diagram .react-flow__minimap-node {
    fill: #bfccd6;
  }
}
.rm-diagram .rm-diagram-helper-panel .rm-diagram-properties-panel__content {
  color: #182026;
  font-size: 1rem;
}

.bp3-light .rm-diagram .rm-diagram-helper-panel .rm-diagram-properties-panel__content {
  color: #182026;
  font-size: 1rem;
}

.bp3-dark .rm-diagram .rm-diagram-helper-panel .rm-diagram-properties-panel__content {
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-diagram .rm-diagram-helper-panel .rm-diagram-properties-panel__content {
    color: rgb(245, 248, 250);
  }
}
.rm-diagram .rm-diagram-properties-panel {
  background-color: #ffffff;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.15), 0 0 0 rgba(16, 22, 26, 0), 0 0 0 rgba(16, 22, 26, 0);
  color: #182026;
}

.bp3-light .rm-diagram .rm-diagram-properties-panel {
  background-color: #ffffff;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.15), 0 0 0 rgba(16, 22, 26, 0), 0 0 0 rgba(16, 22, 26, 0);
  color: #182026;
}

.bp3-dark .rm-diagram .rm-diagram-properties-panel {
  background-color: #30404d;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.15), 0 0 0 rgba(16, 22, 26, 0), 0 0 0 rgba(16, 22, 26, 0);
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-diagram .rm-diagram-properties-panel {
    background-color: #30404d;
    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.15), 0 0 0 rgba(16, 22, 26, 0), 0 0 0 rgba(16, 22, 26, 0);
    color: rgb(245, 248, 250);
  }
}
.rm-diagram .rm-diagram-node__resize-control {
  background-color: hsl(203, 82%, 41%);
  border-top: 1px solid #47aff0;
  border-right: 1px solid #47aff0;
  border-bottom: 1px solid #47aff0;
  border-left: 1px solid #47aff0;
}

.bp3-light .rm-diagram .rm-diagram-node__resize-control {
  background-color: hsl(203, 82%, 41%);
  border-top: 1px solid #47aff0;
  border-right: 1px solid #47aff0;
  border-bottom: 1px solid #47aff0;
  border-left: 1px solid #47aff0;
}

.bp3-dark .rm-diagram .rm-diagram-node__resize-control {
  background-color: #48aff0;
  border-top: 1px solid #0e5b8b;
  border-right: 1px solid #0e5b8b;
  border-bottom: 1px solid #0e5b8b;
  border-left: 1px solid #0e5b8b;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-diagram .rm-diagram-node__resize-control {
    background-color: #48aff0;
    border-top: 1px solid #0e5b8b;
    border-right: 1px solid #0e5b8b;
    border-bottom: 1px solid #0e5b8b;
    border-left: 1px solid #0e5b8b;
  }
}
.rm-diagram-title-panel {
  background-color: transparent;
  box-shadow: none;
  color: #182026;
}

.bp3-light .rm-diagram-title-panel {
  background-color: transparent;
  box-shadow: none;
  color: #182026;
}

.bp3-dark .rm-diagram-title-panel {
  background-color: transparent;
  box-shadow: none;
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-diagram-title-panel {
    background-color: transparent;
    box-shadow: none;
    color: rgb(245, 248, 250);
  }
}
.rm-diagram .react-flow__node-toolbar {
  background-color: #ffffff;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 2px 4px rgba(16, 22, 26, 0.2), 0 8px 24px rgba(16, 22, 26, 0.2);
}

.bp3-light .rm-diagram .react-flow__node-toolbar {
  background-color: #ffffff;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 2px 4px rgba(16, 22, 26, 0.2), 0 8px 24px rgba(16, 22, 26, 0.2);
}

.bp3-dark .rm-diagram .react-flow__node-toolbar {
  background-color: #293742;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 2px 4px rgba(16, 22, 26, 0.4), 0 8px 24px rgba(16, 22, 26, 0.4);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-diagram .react-flow__node-toolbar {
    background-color: #293742;
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 2px 4px rgba(16, 22, 26, 0.4), 0 8px 24px rgba(16, 22, 26, 0.4);
  }
}
.rm-diagram-xparser {
  border-top: 1px solid #ced9e0;
  border-right: 1px solid #ced9e0;
  border-bottom: 1px solid #ced9e0;
  border-left: 1px solid #ced9e0;
}

.bp3-light .rm-diagram-xparser {
  border-top: 1px solid #ced9e0;
  border-right: 1px solid #ced9e0;
  border-bottom: 1px solid #ced9e0;
  border-left: 1px solid #ced9e0;
}

.bp3-dark .rm-diagram-xparser {
  border-top: 1px solid #394b59;
  border-right: 1px solid #394b59;
  border-bottom: 1px solid #394b59;
  border-left: 1px solid #394b59;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-diagram-xparser {
    border-top: 1px solid #394b59;
    border-right: 1px solid #394b59;
    border-bottom: 1px solid #394b59;
    border-left: 1px solid #394b59;
  }
}
.confirmation-content-dialog .confirmation-content-buttons .confirm-button {
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
}

.bp3-light .confirmation-content-dialog .confirmation-content-buttons .confirm-button {
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
}

.bp3-dark .confirmation-content-dialog .confirmation-content-buttons .confirm-button {
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .confirmation-content-dialog .confirmation-content-buttons .confirm-button {
    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
  }
}
.confirmation-content-dialog .confirmation-content-buttons .cancel-button:active, .confirmation-content-dialog .confirmation-content-buttons .cancel-button:active:hover {
  background-color: rgba(115, 134, 148, 0.3);
  box-shadow: none;
  color: #182026;
}

.bp3-light .confirmation-content-dialog .confirmation-content-buttons .cancel-button:active, .bp3-light .confirmation-content-dialog .confirmation-content-buttons .cancel-button:active:hover {
  background-color: rgba(115, 134, 148, 0.3);
  box-shadow: none;
  color: #182026;
}

.bp3-dark .confirmation-content-dialog .confirmation-content-buttons .cancel-button:active, .bp3-dark .confirmation-content-dialog .confirmation-content-buttons .cancel-button:active:hover {
  background-color: rgba(138, 155, 168, 0.3);
  box-shadow: none;
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .confirmation-content-dialog .confirmation-content-buttons .cancel-button:active, :where(:root:not(.bp3-light)) .confirmation-content-dialog .confirmation-content-buttons .cancel-button:active:hover {
    background-color: rgba(138, 155, 168, 0.3);
    box-shadow: none;
    color: rgb(245, 248, 250);
  }
}
.confirmation-content-dialog .confirmation-content-buttons .cancel-button:hover {
  background-color: rgba(167, 182, 194, 0.3);
  box-shadow: none;
}

.bp3-light .confirmation-content-dialog .confirmation-content-buttons .cancel-button:hover {
  background-color: rgba(167, 182, 194, 0.3);
  box-shadow: none;
}

.bp3-dark .confirmation-content-dialog .confirmation-content-buttons .cancel-button:hover {
  background-color: rgba(138, 155, 168, 0.15);
  box-shadow: none;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .confirmation-content-dialog .confirmation-content-buttons .cancel-button:hover {
    background-color: rgba(138, 155, 168, 0.15);
    box-shadow: none;
  }
}
.confirmation-content-dialog .confirmation-content-buttons .cancel-button {
  background-color: transparent;
  border-top: 1px solid rgba(24, 32, 38, 0.2);
  border-right: 1px solid rgba(24, 32, 38, 0.2);
  border-bottom: 1px solid rgba(24, 32, 38, 0.2);
  border-left: 1px solid rgba(24, 32, 38, 0.2);
  box-shadow: none;
  color: #182026;
}

.bp3-light .confirmation-content-dialog .confirmation-content-buttons .cancel-button {
  background-color: transparent;
  border-top: 1px solid rgba(24, 32, 38, 0.2);
  border-right: 1px solid rgba(24, 32, 38, 0.2);
  border-bottom: 1px solid rgba(24, 32, 38, 0.2);
  border-left: 1px solid rgba(24, 32, 38, 0.2);
  box-shadow: none;
  color: #182026;
}

.bp3-dark .confirmation-content-dialog .confirmation-content-buttons .cancel-button {
  background-color: transparent;
  border-top: 1px solid hsla(0, 0%, 100%, 0.4);
  border-right: 1px solid hsla(0, 0%, 100%, 0.4);
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.4);
  border-left: 1px solid hsla(0, 0%, 100%, 0.4);
  box-shadow: none;
  color: inherit;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .confirmation-content-dialog .confirmation-content-buttons .cancel-button {
    background-color: transparent;
    border-top: 1px solid hsla(0, 0%, 100%, 0.4);
    border-right: 1px solid hsla(0, 0%, 100%, 0.4);
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.4);
    border-left: 1px solid hsla(0, 0%, 100%, 0.4);
    box-shadow: none;
    color: inherit;
  }
}
button.emoji-mart-anchor:hover {
  background-color: rgba(167, 182, 194, 0.3) !important;
  background-image: none;
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-left: none !important;
  border-radius: 0px;
  box-shadow: none;
  color: #182026;
}

.bp3-light button.emoji-mart-anchor:hover {
  background-color: rgba(167, 182, 194, 0.3) !important;
  background-image: none;
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-left: none !important;
  border-radius: 0px;
  box-shadow: none;
  color: #182026;
}

.bp3-dark button.emoji-mart-anchor:hover {
  background-color: rgba(138, 155, 168, 0.15) !important;
  background-image: none;
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-left: none !important;
  box-shadow: none;
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) button.emoji-mart-anchor:hover {
    background-color: rgba(138, 155, 168, 0.15) !important;
    background-image: none;
    border-top: none !important;
    border-right: none !important;
    border-bottom: none !important;
    border-left: none !important;
    box-shadow: none;
    color: rgb(245, 248, 250);
  }
}
button.emoji-mart-anchor-selected svg, button.emoji-mart-anchor-selected img {
  fill: #0e5b8b;
}

.bp3-light button.emoji-mart-anchor-selected svg, .bp3-light button.emoji-mart-anchor-selected img {
  fill: #0e5b8b;
}

.bp3-dark button.emoji-mart-anchor-selected svg, .bp3-dark button.emoji-mart-anchor-selected img {
  fill: #47aff0;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) button.emoji-mart-anchor-selected svg, :where(:root:not(.bp3-light)) button.emoji-mart-anchor-selected img {
    fill: #47aff0;
  }
}
button.emoji-mart-anchor {
  background-color: transparent !important;
  background-image: none;
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-left: none !important;
  border-radius: 0px;
  box-shadow: none;
  color: #182026;
}

.bp3-light button.emoji-mart-anchor {
  background-color: transparent !important;
  background-image: none;
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-left: none !important;
  border-radius: 0px;
  box-shadow: none;
  color: #182026;
}

.bp3-dark button.emoji-mart-anchor {
  background-color: transparent !important;
  background-image: none;
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-left: none !important;
  box-shadow: none;
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) button.emoji-mart-anchor {
    background-color: transparent !important;
    background-image: none;
    border-top: none !important;
    border-right: none !important;
    border-bottom: none !important;
    border-left: none !important;
    box-shadow: none;
    color: rgb(245, 248, 250);
  }
}
button.emoji-mart-anchor-selected .emoji-mart-anchor-bar {
  background-color: #0e5a8a !important;
}

.bp3-light button.emoji-mart-anchor-selected .emoji-mart-anchor-bar {
  background-color: #0e5a8a !important;
}

.bp3-dark button.emoji-mart-anchor-selected .emoji-mart-anchor-bar {
  background-color: #48aff0 !important;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) button.emoji-mart-anchor-selected .emoji-mart-anchor-bar {
    background-color: #48aff0 !important;
  }
}
.emoji-mart-anchors svg, .emoji-mart-anchors img {
  fill: #5c7080;
}

.bp3-light .emoji-mart-anchors svg, .bp3-light .emoji-mart-anchors img {
  fill: #5c7080;
}

.bp3-dark .emoji-mart-anchors svg, .bp3-dark .emoji-mart-anchors img {
  fill: #a7b6c2;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .emoji-mart-anchors svg, :where(:root:not(.bp3-light)) .emoji-mart-anchors img {
    fill: #a7b6c2;
  }
}
.emoji-mart-bar:first-child {
  border-bottom: 1px solid rgba(16, 22, 26, 0.15);
}

.bp3-light .emoji-mart-bar:first-child {
  border-bottom: 1px solid rgba(16, 22, 26, 0.15);
}

.bp3-dark .emoji-mart-bar:first-child {
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.15);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .emoji-mart-bar:first-child {
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.15);
  }
}
.emoji-mart-bar:not(:first-child) {
  border-top: 1px solid rgba(16, 22, 26, 0.15);
}

.bp3-light .emoji-mart-bar:not(:first-child) {
  border-top: 1px solid rgba(16, 22, 26, 0.15);
}

.bp3-dark .emoji-mart-bar:not(:first-child) {
  border-top: 1px solid hsla(0, 0%, 100%, 0.15);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .emoji-mart-bar:not(:first-child) {
    border-top: 1px solid hsla(0, 0%, 100%, 0.15);
  }
}
.emoji-mart-category-label span {
  background-color: #ffffff;
  font-size: 1rem;
}

.bp3-light .emoji-mart-category-label span {
  background-color: #ffffff;
  font-size: 1rem;
}

.bp3-dark .emoji-mart-category-label span {
  background-color: #293742;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .emoji-mart-category-label span {
    background-color: #293742;
  }
}
.emoji-mart .emoji-mart-emoji:hover {
  background-color: rgba(167, 182, 194, 0.3) !important;
  background-image: none;
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-left: none !important;
  border-radius: 3px;
  box-shadow: none;
  color: #182026;
}

.bp3-light .emoji-mart .emoji-mart-emoji:hover {
  background-color: rgba(167, 182, 194, 0.3) !important;
  background-image: none;
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-left: none !important;
  border-radius: 3px;
  box-shadow: none;
  color: #182026;
}

.bp3-dark .emoji-mart .emoji-mart-emoji:hover {
  background-color: rgba(138, 155, 168, 0.15) !important;
  background-image: none;
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-left: none !important;
  box-shadow: none;
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .emoji-mart .emoji-mart-emoji:hover {
    background-color: rgba(138, 155, 168, 0.15) !important;
    background-image: none;
    border-top: none !important;
    border-right: none !important;
    border-bottom: none !important;
    border-left: none !important;
    box-shadow: none;
    color: rgb(245, 248, 250);
  }
}
.emoji-mart .emoji-mart-emoji {
  background-color: transparent !important;
  background-image: none;
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-left: none !important;
  border-radius: 3px;
  box-shadow: none;
  color: #182026;
}

.bp3-light .emoji-mart .emoji-mart-emoji {
  background-color: transparent !important;
  background-image: none;
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-left: none !important;
  border-radius: 3px;
  box-shadow: none;
  color: #182026;
}

.bp3-dark .emoji-mart .emoji-mart-emoji {
  background-color: transparent !important;
  background-image: none;
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-left: none !important;
  box-shadow: none;
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .emoji-mart .emoji-mart-emoji {
    background-color: transparent !important;
    background-image: none;
    border-top: none !important;
    border-right: none !important;
    border-bottom: none !important;
    border-left: none !important;
    box-shadow: none;
    color: rgb(245, 248, 250);
  }
}
.emoji-mart .emoji-mart-emoji:hover:before {
  background-color: transparent;
}

.bp3-light .emoji-mart .emoji-mart-emoji:hover:before {
  background-color: transparent;
}

.bp3-dark .emoji-mart .emoji-mart-emoji:hover:before {
  background-color: transparent;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .emoji-mart .emoji-mart-emoji:hover:before {
    background-color: transparent;
  }
}
button.emoji-mart-search-icon {
  background-color: transparent !important;
  background-image: none;
  fill: #5c7080;
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-left: none !important;
  border-radius: 3px;
  box-shadow: none;
  color: #182026;
}

.bp3-light button.emoji-mart-search-icon {
  background-color: transparent !important;
  background-image: none;
  fill: #5c7080;
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-left: none !important;
  border-radius: 3px;
  box-shadow: none;
  color: #182026;
}

.bp3-dark button.emoji-mart-search-icon {
  background-color: transparent !important;
  background-image: none;
  fill: #a7b6c2;
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-left: none !important;
  box-shadow: none;
  color: #a7b6c2;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) button.emoji-mart-search-icon {
    background-color: transparent !important;
    background-image: none;
    fill: #a7b6c2;
    border-top: none !important;
    border-right: none !important;
    border-bottom: none !important;
    border-left: none !important;
    box-shadow: none;
    color: #a7b6c2;
  }
}
.emoji-mart-search input:focus {
  box-shadow: 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
}

.bp3-light .emoji-mart-search input:focus {
  box-shadow: 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
}

.bp3-dark .emoji-mart-search input:focus {
  box-shadow: 0 0 0 1px hsl(203, 82%, 41%), 0 0 0 1px hsl(203, 82%, 41%), 0 0 0 3px rgba(18.819, 124.5539, 190.281, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .emoji-mart-search input:focus {
    box-shadow: 0 0 0 1px hsl(203, 82%, 41%), 0 0 0 1px hsl(203, 82%, 41%), 0 0 0 3px rgba(18.819, 124.5539, 190.281, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
  }
}
.emoji-mart-search input {
  background-color: #ffffff;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  border-radius: 30px;
  box-shadow: 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2);
  color: #182026;
  font-size: 1rem;
  font-weight: 400;
}

.bp3-light .emoji-mart-search input {
  background-color: #ffffff;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  border-radius: 30px;
  box-shadow: 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2);
  color: #182026;
  font-size: 1rem;
  font-weight: 400;
}

.bp3-dark .emoji-mart-search input {
  background-color: rgba(16, 22, 26, 0.3);
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  box-shadow: 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .emoji-mart-search input {
    background-color: rgba(16, 22, 26, 0.3);
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
    box-shadow: 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
    color: rgb(245, 248, 250);
  }
}
.emoji-mart-search input::placeholder {
  color: rgba(92, 112, 128, 0.6);
}

.bp3-light .emoji-mart-search input::placeholder {
  color: rgba(92, 112, 128, 0.6);
}

.bp3-dark .emoji-mart-search input::placeholder {
  color: rgba(167, 182, 194, 0.6);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .emoji-mart-search input::placeholder {
    color: rgba(167, 182, 194, 0.6);
  }
}
.em-emoji-picker {
  border-radius: 3px !important;
  box-shadow: none !important;
}

.bp3-light .em-emoji-picker {
  border-radius: 3px !important;
  box-shadow: none !important;
}

.bp3-dark .em-emoji-picker {
  box-shadow: none !important;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .em-emoji-picker {
    box-shadow: none !important;
  }
}
.emoji-mart {
  background-color: transparent;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  border-radius: 3px;
  color: unset;
}

.bp3-light .emoji-mart {
  background-color: transparent;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  border-radius: 3px;
  color: unset;
}

.bp3-dark .emoji-mart {
  background-color: transparent;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  color: unset;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .emoji-mart {
    background-color: transparent;
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
    color: unset;
  }
}
.rm-extensions-marketplace .rm-extension-small:hover {
  background-color: rgba(167, 182, 194, 0.3);
}

.bp3-light .rm-extensions-marketplace .rm-extension-small:hover {
  background-color: rgba(167, 182, 194, 0.3);
}

.bp3-dark .rm-extensions-marketplace .rm-extension-small:hover {
  background-color: rgba(138, 155, 168, 0.15);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-extensions-marketplace .rm-extension-small:hover {
    background-color: rgba(138, 155, 168, 0.15);
  }
}
.rm-extensions-marketplace .rm-extension-small__desc {
  color: #30404d;
}

.bp3-light .rm-extensions-marketplace .rm-extension-small__desc {
  color: #30404d;
}

.bp3-dark .rm-extensions-marketplace .rm-extension-small__desc {
  color: #ced9e0;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-extensions-marketplace .rm-extension-small__desc {
    color: #ced9e0;
  }
}
.rm-extensions-marketplace .rm-extension-small__downloads {
  color: #5c7080;
}

.bp3-light .rm-extensions-marketplace .rm-extension-small__downloads {
  color: #5c7080;
}

.bp3-dark .rm-extensions-marketplace .rm-extension-small__downloads {
  color: #8a9ba8;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-extensions-marketplace .rm-extension-small__downloads {
    color: #8a9ba8;
  }
}
.rm-extensions-marketplace .rm-extension-full__desc {
  color: #30404d;
}

.bp3-light .rm-extensions-marketplace .rm-extension-full__desc {
  color: #30404d;
}

.bp3-dark .rm-extensions-marketplace .rm-extension-full__desc {
  color: #ced9e0;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-extensions-marketplace .rm-extension-full__desc {
    color: #ced9e0;
  }
}
.rm-extensions-marketplace .rm-extension-full__downloads {
  color: #5c7080;
}

.bp3-light .rm-extensions-marketplace .rm-extension-full__downloads {
  color: #5c7080;
}

.bp3-dark .rm-extensions-marketplace .rm-extension-full__downloads {
  color: #8a9ba8;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-extensions-marketplace .rm-extension-full__downloads {
    color: #8a9ba8;
  }
}
.rm-extensions-marketplace .rm-extension-full__stats dt {
  color: #30404d;
}

.bp3-light .rm-extensions-marketplace .rm-extension-full__stats dt {
  color: #30404d;
}

.bp3-dark .rm-extensions-marketplace .rm-extension-full__stats dt {
  color: #ced9e0;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-extensions-marketplace .rm-extension-full__stats dt {
    color: #ced9e0;
  }
}
.rm-extensions-marketplace .rm-extensions-marketplace-search__settings input:focus {
  background-color: #ffffff;
  box-shadow: 0 0 0 1px hsl(203, 82%, 41%), 0 0 0 3px rgba(18.819, 124.5539, 190.281, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.2);
}

.bp3-light .rm-extensions-marketplace .rm-extensions-marketplace-search__settings input:focus {
  background-color: #ffffff;
  box-shadow: 0 0 0 1px hsl(203, 82%, 41%), 0 0 0 3px rgba(18.819, 124.5539, 190.281, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.2);
}

.bp3-dark .rm-extensions-marketplace .rm-extensions-marketplace-search__settings input:focus {
  background-color: rgba(16, 22, 26, 0.3);
  box-shadow: 0 0 0 1px hsl(203, 82%, 41%), 0 0 0 1px hsl(203, 82%, 41%), 0 0 0 3px rgba(18.819, 124.5539, 190.281, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-extensions-marketplace .rm-extensions-marketplace-search__settings input:focus {
    background-color: rgba(16, 22, 26, 0.3);
    box-shadow: 0 0 0 1px hsl(203, 82%, 41%), 0 0 0 1px hsl(203, 82%, 41%), 0 0 0 3px rgba(18.819, 124.5539, 190.281, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
  }
}
.rm-extensions-marketplace .rm-extensions-marketplace-search__settings input {
  background-color: #ffffff;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  border-radius: 3px;
  box-shadow: 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2);
  color: #182026;
  font-size: 1rem;
  font-weight: 400;
}

.bp3-light .rm-extensions-marketplace .rm-extensions-marketplace-search__settings input {
  background-color: #ffffff;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  border-radius: 3px;
  box-shadow: 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2);
  color: #182026;
  font-size: 1rem;
  font-weight: 400;
}

.bp3-dark .rm-extensions-marketplace .rm-extensions-marketplace-search__settings input {
  background-color: rgba(16, 22, 26, 0.3);
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  box-shadow: 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-extensions-marketplace .rm-extensions-marketplace-search__settings input {
    background-color: rgba(16, 22, 26, 0.3);
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
    box-shadow: 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
    color: rgb(245, 248, 250);
  }
}
.rm-extensions-marketplace .rm-extensions-marketplace-search__settings input::placeholder {
  color: rgba(92, 112, 128, 0.6);
}

.bp3-light .rm-extensions-marketplace .rm-extensions-marketplace-search__settings input::placeholder {
  color: rgba(92, 112, 128, 0.6);
}

.bp3-dark .rm-extensions-marketplace .rm-extensions-marketplace-search__settings input::placeholder {
  color: rgba(167, 182, 194, 0.6);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-extensions-marketplace .rm-extensions-marketplace-search__settings input::placeholder {
    color: rgba(167, 182, 194, 0.6);
  }
}
.rm-extensions-marketplace {
  background-color: #ffffff;
  border-radius: 6px;
  color: #182026;
}

.bp3-light .rm-extensions-marketplace {
  background-color: #ffffff;
  border-radius: 6px;
  color: #182026;
}

.bp3-dark .rm-extensions-marketplace {
  background-color: #293742;
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-extensions-marketplace {
    background-color: #293742;
    color: rgb(245, 248, 250);
  }
}
.rm-extensions-marketplace .rm-extensions-marketplace-details {
  background-color: #ffffff;
}

.bp3-light .rm-extensions-marketplace .rm-extensions-marketplace-details {
  background-color: #ffffff;
}

.bp3-dark .rm-extensions-marketplace .rm-extensions-marketplace-details {
  background-color: #293742;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-extensions-marketplace .rm-extensions-marketplace-details {
    background-color: #293742;
  }
}
.rm-extensions-marketplace .rm-extensions-marketplace-details::-webkit-scrollbar-thumb {
  background-color: #8a9ba8;
}

.bp3-light .rm-extensions-marketplace .rm-extensions-marketplace-details::-webkit-scrollbar-thumb {
  background-color: #8a9ba8;
}

.bp3-dark .rm-extensions-marketplace .rm-extensions-marketplace-details::-webkit-scrollbar-thumb {
  background-color: #8a9ba8;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-extensions-marketplace .rm-extensions-marketplace-details::-webkit-scrollbar-thumb {
    background-color: #8a9ba8;
  }
}
.rm-extensions-marketplace .rm-extensions-marketplace-details::-webkit-scrollbar-track {
  background-color: #ffffff;
}

.bp3-light .rm-extensions-marketplace .rm-extensions-marketplace-details::-webkit-scrollbar-track {
  background-color: #ffffff;
}

.bp3-dark .rm-extensions-marketplace .rm-extensions-marketplace-details::-webkit-scrollbar-track {
  background-color: #293742;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-extensions-marketplace .rm-extensions-marketplace-details::-webkit-scrollbar-track {
    background-color: #293742;
  }
}
.rm-extensions-marketplace .rm-extensions-marketplace-search {
  background-color: #ebf1f5;
}

.bp3-light .rm-extensions-marketplace .rm-extensions-marketplace-search {
  background-color: #ebf1f5;
}

.bp3-dark .rm-extensions-marketplace .rm-extensions-marketplace-search {
  background-color: #202b33;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-extensions-marketplace .rm-extensions-marketplace-search {
    background-color: #202b33;
  }
}
.rm-extensions-settings .bp3-popover-content .bp3-menu {
  background-color: #ffffff;
}

.bp3-light .rm-extensions-settings .bp3-popover-content .bp3-menu {
  background-color: #ffffff;
}

.bp3-dark .rm-extensions-settings .bp3-popover-content .bp3-menu {
  background-color: #293742;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-extensions-settings .bp3-popover-content .bp3-menu {
    background-color: #293742;
  }
}
.rm-extensions-marketplace .rm-extensions-marketplace-search__results::-webkit-scrollbar-thumb {
  background-color: #8a9ba8;
}

.bp3-light .rm-extensions-marketplace .rm-extensions-marketplace-search__results::-webkit-scrollbar-thumb {
  background-color: #8a9ba8;
}

.bp3-dark .rm-extensions-marketplace .rm-extensions-marketplace-search__results::-webkit-scrollbar-thumb {
  background-color: #8a9ba8;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-extensions-marketplace .rm-extensions-marketplace-search__results::-webkit-scrollbar-thumb {
    background-color: #8a9ba8;
  }
}
.rm-extensions-marketplace .rm-extensions-marketplace-search__results::-webkit-scrollbar-track {
  background-color: #ebf1f5;
}

.bp3-light .rm-extensions-marketplace .rm-extensions-marketplace-search__results::-webkit-scrollbar-track {
  background-color: #ebf1f5;
}

.bp3-dark .rm-extensions-marketplace .rm-extensions-marketplace-search__results::-webkit-scrollbar-track {
  background-color: #202b33;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-extensions-marketplace .rm-extensions-marketplace-search__results::-webkit-scrollbar-track {
    background-color: #202b33;
  }
}
.rm-choose-filter__helper-text {
  color: #8a9ba8;
}

.bp3-light .rm-choose-filter__helper-text {
  color: #8a9ba8;
}

.bp3-dark .rm-choose-filter__helper-text {
  color: #8a9ba8;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-choose-filter__helper-text {
    color: #8a9ba8;
  }
}
.rm-find-or-create-wrapper span[style="background-color: yellow;"] {
  background-color: #ffc940 !important;
  color: #182026;
}

.bp3-light .rm-find-or-create-wrapper span[style="background-color: yellow;"] {
  background-color: #ffc940 !important;
  color: #182026;
}

.bp3-dark .rm-find-or-create-wrapper span[style="background-color: yellow;"] {
  background-color: #d99e0b !important;
  color: #ffffff;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-find-or-create-wrapper span[style="background-color: yellow;"] {
    background-color: #d99e0b !important;
    color: #ffffff;
  }
}
.rm-find-or-create-wrapper .rm-menu-item[style*="background-color: rgb(213, 218, 223);"] .rm-search-title .rm-label {
  color: #0a6640;
}

.bp3-light .rm-find-or-create-wrapper .rm-menu-item[style*="background-color: rgb(213, 218, 223);"] .rm-search-title .rm-label {
  color: #0a6640;
}

.bp3-dark .rm-find-or-create-wrapper .rm-menu-item[style*="background-color: rgb(213, 218, 223);"] .rm-search-title .rm-label {
  color: #3dcc91;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-find-or-create-wrapper .rm-menu-item[style*="background-color: rgb(213, 218, 223);"] .rm-search-title .rm-label {
    color: #3dcc91;
  }
}
.rm-find-or-create-wrapper .rm-menu-item .rm-search-title .rm-label {
  color: #0d8050;
}

.bp3-light .rm-find-or-create-wrapper .rm-menu-item .rm-search-title .rm-label {
  color: #0d8050;
}

.bp3-dark .rm-find-or-create-wrapper .rm-menu-item .rm-search-title .rm-label {
  color: #15b371;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-find-or-create-wrapper .rm-menu-item .rm-search-title .rm-label {
    color: #15b371;
  }
}
.rm-find-or-create-wrapper .rm-menu-item[style*="background-color: rgb(213, 218, 223);"] {
  background-color: rgba(115, 134, 148, 0.3) !important;
  color: #182026;
}

.bp3-light .rm-find-or-create-wrapper .rm-menu-item[style*="background-color: rgb(213, 218, 223);"] {
  background-color: rgba(115, 134, 148, 0.3) !important;
  color: #182026;
}

.bp3-dark .rm-find-or-create-wrapper .rm-menu-item[style*="background-color: rgb(213, 218, 223);"] {
  background-color: rgba(138, 155, 168, 0.3) !important;
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-find-or-create-wrapper .rm-menu-item[style*="background-color: rgb(213, 218, 223);"] {
    background-color: rgba(138, 155, 168, 0.3) !important;
    color: rgb(245, 248, 250);
  }
}
.rm-find-or-create__menu > div[style*="color: rgb(206, 217, 224);"] {
  color: #8a9ba8 !important;
}

.bp3-light .rm-find-or-create__menu > div[style*="color: rgb(206, 217, 224);"] {
  color: #8a9ba8 !important;
}

.bp3-dark .rm-find-or-create__menu > div[style*="color: rgb(206, 217, 224);"] {
  color: #8a9ba8 !important;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-find-or-create__menu > div[style*="color: rgb(206, 217, 224);"] {
    color: #8a9ba8 !important;
  }
}
.rm-find-or-create-wrapper .rm-menu-item[style*="background-color: rgb(213, 218, 223);"] .rm-search-list-item {
  color: #5c7080;
}

.bp3-light .rm-find-or-create-wrapper .rm-menu-item[style*="background-color: rgb(213, 218, 223);"] .rm-search-list-item {
  color: #5c7080;
}

.bp3-dark .rm-find-or-create-wrapper .rm-menu-item[style*="background-color: rgb(213, 218, 223);"] .rm-search-list-item {
  color: #ced9e0;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-find-or-create-wrapper .rm-menu-item[style*="background-color: rgb(213, 218, 223);"] .rm-search-list-item {
    color: #ced9e0;
  }
}
.rm-find-or-create-wrapper .rm-menu-item .rm-search-list-item {
  color: #5c7080;
}

.bp3-light .rm-find-or-create-wrapper .rm-menu-item .rm-search-list-item {
  color: #5c7080;
}

.bp3-dark .rm-find-or-create-wrapper .rm-menu-item .rm-search-list-item {
  color: #ced9e0;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-find-or-create-wrapper .rm-menu-item .rm-search-list-item {
    color: #ced9e0;
  }
}
#find-or-create-input {
  font-family: Inter, sans-serif;
}

.bp3-light #find-or-create-input {
  font-family: Inter, sans-serif;
}

.rm-graph-view-control-panel {
  background-color: #ffffff;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 2px 4px rgba(16, 22, 26, 0.2), 0 8px 24px rgba(16, 22, 26, 0.2);
  color: #182026;
}

.bp3-light .rm-graph-view-control-panel {
  background-color: #ffffff;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 2px 4px rgba(16, 22, 26, 0.2), 0 8px 24px rgba(16, 22, 26, 0.2);
  color: #182026;
}

.bp3-dark .rm-graph-view-control-panel {
  background-color: #293742;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 2px 4px rgba(16, 22, 26, 0.4), 0 8px 24px rgba(16, 22, 26, 0.4);
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-graph-view-control-panel {
    background-color: #293742;
    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 2px 4px rgba(16, 22, 26, 0.4), 0 8px 24px rgba(16, 22, 26, 0.4);
    color: rgb(245, 248, 250);
  }
}
.rm-help-results .rm-help-categories .rm-help-category-menu-item:hover {
  background-color: rgba(167, 182, 194, 0.3);
}

.bp3-light .rm-help-results .rm-help-categories .rm-help-category-menu-item:hover {
  background-color: rgba(167, 182, 194, 0.3);
}

.bp3-dark .rm-help-results .rm-help-categories .rm-help-category-menu-item:hover {
  background-color: rgba(138, 155, 168, 0.15);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-help-results .rm-help-categories .rm-help-category-menu-item:hover {
    background-color: rgba(138, 155, 168, 0.15);
  }
}
.rm-help-results .rm-help-categories .rm-help-category-menu-item--selected, .rm-help-results .rm-help-categories .rm-help-category-menu-item.rm-help-category-menu-item--selected:hover {
  background-color: rgba(115, 134, 148, 0.3);
  color: #182026;
}

.bp3-light .rm-help-results .rm-help-categories .rm-help-category-menu-item--selected, .bp3-light .rm-help-results .rm-help-categories .rm-help-category-menu-item.rm-help-category-menu-item--selected:hover {
  background-color: rgba(115, 134, 148, 0.3);
  color: #182026;
}

.bp3-dark .rm-help-results .rm-help-categories .rm-help-category-menu-item--selected, .bp3-dark .rm-help-results .rm-help-categories .rm-help-category-menu-item.rm-help-category-menu-item--selected:hover {
  background-color: rgba(138, 155, 168, 0.3);
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-help-results .rm-help-categories .rm-help-category-menu-item--selected, :where(:root:not(.bp3-light)) .rm-help-results .rm-help-categories .rm-help-category-menu-item.rm-help-category-menu-item--selected:hover {
    background-color: rgba(138, 155, 168, 0.3);
    color: rgb(245, 248, 250);
  }
}
.rm-help-results .rm-help-categories .rm-help-category-menu-item {
  border-radius: 3px;
}

.bp3-light .rm-help-results .rm-help-categories .rm-help-category-menu-item {
  border-radius: 3px;
}

.rm-help-results .rm-help-functions .rm-help-category__name {
  color: #182026;
  font-size: 1rem;
  text-transform: none;
}

.bp3-light .rm-help-results .rm-help-functions .rm-help-category__name {
  color: #182026;
  font-size: 1rem;
  text-transform: none;
}

.bp3-dark .rm-help-results .rm-help-functions .rm-help-category__name {
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-help-results .rm-help-functions .rm-help-category__name {
    color: rgb(245, 248, 250);
  }
}
.rm-help-component__description {
  color: #182026;
}

.bp3-light .rm-help-component__description {
  color: #182026;
}

.bp3-dark .rm-help-component__description {
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-help-component__description {
    color: rgb(245, 248, 250);
  }
}
.rm-help-component__notation {
  background-color: hsla(0, 0%, 100%, 0.7);
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.15);
  color: #182026;
}

.bp3-light .rm-help-component__notation {
  background-color: hsla(0, 0%, 100%, 0.7);
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.15);
  color: #182026;
}

.bp3-dark .rm-help-component__notation {
  background-color: rgba(16, 22, 26, 0.3);
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4);
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-help-component__notation {
    background-color: rgba(16, 22, 26, 0.3);
    box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4);
    color: rgb(245, 248, 250);
  }
}
.rm-help-component__title {
  color: #182026;
}

.bp3-light .rm-help-component__title {
  color: #182026;
}

.bp3-dark .rm-help-component__title {
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-help-component__title {
    color: rgb(245, 248, 250);
  }
}
.rm-help-results .rm-help-functions .rm-help-markdown-function__markdown {
  color: #182026;
}

.bp3-light .rm-help-results .rm-help-functions .rm-help-markdown-function__markdown {
  color: #182026;
}

.bp3-dark .rm-help-results .rm-help-functions .rm-help-markdown-function__markdown {
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-help-results .rm-help-functions .rm-help-markdown-function__markdown {
    color: rgb(245, 248, 250);
  }
}
.rm-help-results .rm-help-functions .rm-help-function__name {
  color: #182026;
  font-size: 1rem;
}

.bp3-light .rm-help-results .rm-help-functions .rm-help-function__name {
  color: #182026;
  font-size: 1rem;
}

.bp3-dark .rm-help-results .rm-help-functions .rm-help-function__name {
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-help-results .rm-help-functions .rm-help-function__name {
    color: rgb(245, 248, 250);
  }
}
.rm-help-results .rm-help-functions hr {
  border-top: 1px solid rgba(16, 22, 26, 0.15);
}

.bp3-light .rm-help-results .rm-help-functions hr {
  border-top: 1px solid rgba(16, 22, 26, 0.15);
}

.bp3-dark .rm-help-results .rm-help-functions hr {
  border-top: 1px solid rgba(16, 22, 26, 0.4);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-help-results .rm-help-functions hr {
    border-top: 1px solid rgba(16, 22, 26, 0.4);
  }
}
.rm-help-results .rm-help-functions .rm-help-markdown-function__style {
  color: #182026;
}

.bp3-light .rm-help-results .rm-help-functions .rm-help-markdown-function__style {
  color: #182026;
}

.bp3-dark .rm-help-results .rm-help-functions .rm-help-markdown-function__style {
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-help-results .rm-help-functions .rm-help-markdown-function__style {
    color: rgb(245, 248, 250);
  }
}
.rm-help-resource:hover {
  background-color: rgba(167, 182, 194, 0.3);
}

.bp3-light .rm-help-resource:hover {
  background-color: rgba(167, 182, 194, 0.3);
}

.bp3-dark .rm-help-resource:hover {
  background-color: rgba(138, 155, 168, 0.15);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-help-resource:hover {
    background-color: rgba(138, 155, 168, 0.15);
  }
}
.rm-help-resource {
  border-radius: 3px;
}

.bp3-light .rm-help-resource {
  border-radius: 3px;
}

.rm-help-resource__description {
  color: #182026;
  font-size: 1rem;
}

.bp3-light .rm-help-resource__description {
  color: #182026;
  font-size: 1rem;
}

.bp3-dark .rm-help-resource__description {
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-help-resource__description {
    color: rgb(245, 248, 250);
  }
}
.rm-help-resource__icon {
  background-color: #d8e1e8;
  color: #0e5a8a;
}

.bp3-light .rm-help-resource__icon {
  background-color: #d8e1e8;
  color: #0e5a8a;
}

.bp3-dark .rm-help-resource__icon {
  background-color: #202b33;
  color: #48aff0;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-help-resource__icon {
    background-color: #202b33;
    color: #48aff0;
  }
}
.rm-help-resource__title {
  color: #182026;
  font-size: 1rem;
}

.bp3-light .rm-help-resource__title {
  color: #182026;
  font-size: 1rem;
}

.bp3-dark .rm-help-resource__title {
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-help-resource__title {
    color: rgb(245, 248, 250);
  }
}
.rm-help-search__icon-container .bp3-icon-large {
  color: #5c7080;
}

.bp3-light .rm-help-search__icon-container .bp3-icon-large {
  color: #5c7080;
}

.bp3-dark .rm-help-search__icon-container .bp3-icon-large {
  color: #a7b6c2;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-help-search__icon-container .bp3-icon-large {
    color: #a7b6c2;
  }
}
.rm-help-search__icon-container {
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
}

.bp3-light .rm-help-search__icon-container {
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
}

.bp3-dark .rm-help-search__icon-container {
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-help-search__icon-container {
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
  }
}
.rm-help-search__input:focus {
  background-color: #ffffff;
  box-shadow: 0 0 0 1px hsl(203, 82%, 41%), 0 0 0 3px rgba(18.819, 124.5539, 190.281, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.2);
}

.bp3-light .rm-help-search__input:focus {
  background-color: #ffffff;
  box-shadow: 0 0 0 1px hsl(203, 82%, 41%), 0 0 0 3px rgba(18.819, 124.5539, 190.281, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.2);
}

.bp3-dark .rm-help-search__input:focus {
  background-color: rgba(16, 22, 26, 0.3);
  box-shadow: 0 0 0 1px hsl(203, 82%, 41%), 0 0 0 1px hsl(203, 82%, 41%), 0 0 0 3px rgba(18.819, 124.5539, 190.281, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-help-search__input:focus {
    background-color: rgba(16, 22, 26, 0.3);
    box-shadow: 0 0 0 1px hsl(203, 82%, 41%), 0 0 0 1px hsl(203, 82%, 41%), 0 0 0 3px rgba(18.819, 124.5539, 190.281, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
  }
}
.rm-help-search__input {
  background-color: #ffffff;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  border-radius: 3px;
  box-shadow: 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2);
  color: #182026;
  font-size: 1rem;
  font-weight: 400;
}

.bp3-light .rm-help-search__input {
  background-color: #ffffff;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  border-radius: 3px;
  box-shadow: 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2);
  color: #182026;
  font-size: 1rem;
  font-weight: 400;
}

.bp3-dark .rm-help-search__input {
  background-color: rgba(16, 22, 26, 0.3);
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  box-shadow: 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-help-search__input {
    background-color: rgba(16, 22, 26, 0.3);
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
    box-shadow: 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
    color: rgb(245, 248, 250);
  }
}
.rm-help-search__input::placeholder {
  color: rgba(92, 112, 128, 0.6);
}

.bp3-light .rm-help-search__input::placeholder {
  color: rgba(92, 112, 128, 0.6);
}

.bp3-dark .rm-help-search__input::placeholder {
  color: rgba(167, 182, 194, 0.6);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-help-search__input::placeholder {
    color: rgba(167, 182, 194, 0.6);
  }
}
.rm-help-title {
  color: #182026;
}

.bp3-light .rm-help-title {
  color: #182026;
}

.bp3-dark .rm-help-title {
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-help-title {
    color: rgb(245, 248, 250);
  }
}
a:focus {
  border-bottom: none;
  color: #106ba3;
  text-decoration: none;
}

.bp3-light a:focus {
  border-bottom: none;
  color: #106ba3;
  text-decoration: none;
}

.bp3-dark a:focus {
  border-bottom: none;
  color: #48aff0;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) a:focus {
    border-bottom: none;
    color: #48aff0;
  }
}
a:hover {
  border-bottom: none;
  color: #106ba3;
  text-decoration: underline;
}

.bp3-light a:hover {
  border-bottom: none;
  color: #106ba3;
  text-decoration: underline;
}

.bp3-dark a:hover {
  border-bottom: none;
  color: #48aff0;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) a:hover {
    border-bottom: none;
    color: #48aff0;
  }
}
a {
  border-bottom: none;
  color: #106ba3;
  text-decoration: none;
}

.bp3-light a {
  border-bottom: none;
  color: #106ba3;
  text-decoration: none;
}

.bp3-dark a {
  border-bottom: none;
  color: #48aff0;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) a {
    border-bottom: none;
    color: #48aff0;
  }
}
body, html {
  background-color: rgb(245, 248, 250);
  color: #30404d;
  font-family: Inter, sans-serif;
  font-size: 15px;
}

.bp3-light body, .bp3-light html {
  background-color: rgb(245, 248, 250);
  color: #30404d;
  font-family: Inter, sans-serif;
  font-size: 15px;
}

.bp3-dark body, .bp3-dark html {
  background-color: #202b33;
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) body, html:where(:not(.bp3-light)) {
    background-color: #202b33;
    color: rgb(245, 248, 250);
  }
}
div {
  font-family: unset;
}

.bp3-light div {
  font-family: unset;
}

span[style*="background-color: yellow;"] {
  background-color: #ffc940 !important;
  color: #182026;
}

.bp3-light span[style*="background-color: yellow;"] {
  background-color: #ffc940 !important;
  color: #182026;
}

.bp3-dark span[style*="background-color: yellow;"] {
  background-color: #ffc940 !important;
  color: #182026;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) span[style*="background-color: yellow;"] {
    background-color: #ffc940 !important;
    color: #182026;
  }
}
input:focus {
  box-shadow: 0 0 0 1px hsl(203, 82%, 41%), 0 0 0 3px rgba(18.819, 124.5539, 190.281, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.2);
}

.bp3-light input:focus {
  box-shadow: 0 0 0 1px hsl(203, 82%, 41%), 0 0 0 3px rgba(18.819, 124.5539, 190.281, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.2);
}

.bp3-dark input:focus {
  box-shadow: 0 0 0 1px hsl(203, 82%, 41%), 0 0 0 1px hsl(203, 82%, 41%), 0 0 0 3px rgba(18.819, 124.5539, 190.281, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) input:focus {
    box-shadow: 0 0 0 1px hsl(203, 82%, 41%), 0 0 0 1px hsl(203, 82%, 41%), 0 0 0 3px rgba(18.819, 124.5539, 190.281, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
  }
}
input {
  background-color: #ffffff;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  border-radius: 3px;
  box-shadow: 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2);
  color: #182026;
  font-size: 1rem;
  font-weight: 400;
}

.bp3-light input {
  background-color: #ffffff;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  border-radius: 3px;
  box-shadow: 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2);
  color: #182026;
  font-size: 1rem;
  font-weight: 400;
}

.bp3-dark input {
  background-color: rgba(16, 22, 26, 0.3);
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  box-shadow: 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) input {
    background-color: rgba(16, 22, 26, 0.3);
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
    box-shadow: 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
    color: rgb(245, 248, 250);
  }
}
pre code {
  box-shadow: none;
}

.bp3-light pre code {
  box-shadow: none;
}

.bp3-dark pre code {
  box-shadow: none;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) pre code {
    box-shadow: none;
  }
}
pre {
  background-color: hsla(0, 0%, 100%, 0.7);
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  border-radius: 3px;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.15);
  color: #182026;
  font-size: 0.9rem;
}

.bp3-light pre {
  background-color: hsla(0, 0%, 100%, 0.7);
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  border-radius: 3px;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.15);
  color: #182026;
  font-size: 0.9rem;
}

.bp3-dark pre {
  background-color: rgba(16, 22, 26, 0.3);
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4);
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) pre {
    background-color: rgba(16, 22, 26, 0.3);
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
    box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4);
    color: rgb(245, 248, 250);
  }
}
::selection {
  background-color: rgba(125, 188, 255, 0.6);
}

.bp3-light ::selection {
  background-color: rgba(125, 188, 255, 0.6);
}

.bp3-dark ::selection {
  background-color: rgba(125, 188, 255, 0.4);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) ::selection {
    background-color: rgba(125, 188, 255, 0.4);
  }
}
.roam-sidebar-container .rm-db-title-container .rm-db-title {
  color: #182026;
  font-family: Inter, sans-serif;
  font-weight: normal;
}

.bp3-light .roam-sidebar-container .rm-db-title-container .rm-db-title {
  color: #182026;
  font-family: Inter, sans-serif;
  font-weight: normal;
}

.bp3-dark .roam-sidebar-container .rm-db-title-container .rm-db-title {
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .roam-sidebar-container .rm-db-title-container .rm-db-title {
    color: rgb(245, 248, 250);
  }
}
.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .rm-db-title .expand-icon {
  color: #5c7080;
}

.bp3-light .roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .rm-db-title .expand-icon {
  color: #5c7080;
}

.bp3-dark .roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .rm-db-title .expand-icon {
  color: #a7b6c2;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .rm-db-title .expand-icon {
    color: #a7b6c2;
  }
}
.roam-body .roam-app .roam-sidebar-container .rm-graph-dropdown {
  box-shadow: none;
  font-size: 1rem;
  font-weight: normal;
  opacity: 1;
}

.bp3-light .roam-body .roam-app .roam-sidebar-container .rm-graph-dropdown {
  box-shadow: none;
  font-size: 1rem;
  font-weight: normal;
  opacity: 1;
}

.bp3-dark .roam-body .roam-app .roam-sidebar-container .rm-graph-dropdown {
  box-shadow: none;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .roam-body .roam-app .roam-sidebar-container .rm-graph-dropdown {
    box-shadow: none;
  }
}
.roam-body .roam-app .roam-sidebar-container .rm-graph-dropdown a:hover {
  color: #182026;
}

.bp3-light .roam-body .roam-app .roam-sidebar-container .rm-graph-dropdown a:hover {
  color: #182026;
}

.bp3-dark .roam-body .roam-app .roam-sidebar-container .rm-graph-dropdown a:hover {
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .roam-body .roam-app .roam-sidebar-container .rm-graph-dropdown a:hover {
    color: rgb(245, 248, 250);
  }
}
.roam-body .roam-app .roam-sidebar-container .rm-graph-dropdown a {
  color: #182026;
}

.bp3-light .roam-body .roam-app .roam-sidebar-container .rm-graph-dropdown a {
  color: #182026;
}

.bp3-dark .roam-body .roam-app .roam-sidebar-container .rm-graph-dropdown a {
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .roam-body .roam-app .roam-sidebar-container .rm-graph-dropdown a {
    color: rgb(245, 248, 250);
  }
}
.roam-body .roam-app .roam-sidebar-container .rm-graph-dropdown .menu-title {
  color: #8a9ba8;
  font-size: 1rem;
}

.bp3-light .roam-body .roam-app .roam-sidebar-container .rm-graph-dropdown .menu-title {
  color: #8a9ba8;
  font-size: 1rem;
}

.bp3-dark .roam-body .roam-app .roam-sidebar-container .rm-graph-dropdown .menu-title {
  color: #a7b6c2;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .roam-body .roam-app .roam-sidebar-container .rm-graph-dropdown .menu-title {
    color: #a7b6c2;
  }
}
.roam-body .roam-app .roam-sidebar-container .rm-graph-dropdown .setting:hover {
  background-color: rgba(167, 182, 194, 0.3);
  color: #182026;
}

.bp3-light .roam-body .roam-app .roam-sidebar-container .rm-graph-dropdown .setting:hover {
  background-color: rgba(167, 182, 194, 0.3);
  color: #182026;
}

.bp3-dark .roam-body .roam-app .roam-sidebar-container .rm-graph-dropdown .setting:hover {
  background-color: rgba(138, 155, 168, 0.15);
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .roam-body .roam-app .roam-sidebar-container .rm-graph-dropdown .setting:hover {
    background-color: rgba(138, 155, 168, 0.15);
    color: rgb(245, 248, 250);
  }
}
.roam-body .roam-app .roam-sidebar-container .rm-graph-dropdown .setting {
  background-color: transparent;
}

.bp3-light .roam-body .roam-app .roam-sidebar-container .rm-graph-dropdown .setting {
  background-color: transparent;
}

.bp3-dark .roam-body .roam-app .roam-sidebar-container .rm-graph-dropdown .setting {
  background-color: transparent;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .roam-body .roam-app .roam-sidebar-container .rm-graph-dropdown .setting {
    background-color: transparent;
  }
}
.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .bp3-menu-item:hover .icon.settings {
  color: #5c7080;
}

.bp3-light .roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .bp3-menu-item:hover .icon.settings {
  color: #5c7080;
}

.bp3-dark .roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .bp3-menu-item:hover .icon.settings {
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .bp3-menu-item:hover .icon.settings {
    color: rgb(245, 248, 250);
  }
}
.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .icon.settings {
  color: #5c7080;
}

.bp3-light .roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .icon.settings {
  color: #5c7080;
}

.bp3-dark .roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .icon.settings {
  color: #bfccd6;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .icon.settings {
    color: #bfccd6;
  }
}
.roam-body .roam-app .roam-sidebar-container .rm-graph-dropdown .signout {
  font-size: 1rem;
  opacity: 1;
}

.bp3-light .roam-body .roam-app .roam-sidebar-container .rm-graph-dropdown .signout {
  font-size: 1rem;
  opacity: 1;
}

.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .log-button:hover .icon, .roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .log-button:hover .bp3-icon {
  color: #182026;
}

.bp3-light .roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .log-button:hover .icon, .bp3-light .roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .log-button:hover .bp3-icon {
  color: #182026;
}

.bp3-dark .roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .log-button:hover .icon, .bp3-dark .roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .log-button:hover .bp3-icon {
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .log-button:hover .icon, :where(:root:not(.bp3-light)) .roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .log-button:hover .bp3-icon {
    color: rgb(245, 248, 250);
  }
}
.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .icon {
  color: #5c7080;
  font-size: 1rem;
}

.bp3-light .roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .icon {
  color: #5c7080;
  font-size: 1rem;
}

.bp3-dark .roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .icon {
  color: #bfccd6;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .icon {
    color: #bfccd6;
  }
}
.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .log-button:hover {
  background-color: rgb(245, 248, 250);
  background-image: none;
  color: #182026;
}

.bp3-light .roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .log-button:hover {
  background-color: rgb(245, 248, 250);
  background-image: none;
  color: #182026;
}

.bp3-dark .roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .log-button:hover {
  background-color: #202b33;
  background-image: none;
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .log-button:hover {
    background-color: #202b33;
    background-image: none;
    color: rgb(245, 248, 250);
  }
}
.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .log-button {
  border-radius: 0px;
  color: #5c7080;
  font-family: Inter, sans-serif;
  font-size: 0.95rem;
  font-weight: 500;
}

.bp3-light .roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .log-button {
  border-radius: 0px;
  color: #5c7080;
  font-family: Inter, sans-serif;
  font-size: 0.95rem;
  font-weight: 500;
}

.bp3-dark .roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .log-button {
  color: #bfccd6;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .log-button {
    color: #bfccd6;
  }
}
#roam-sidebar-logo:hover {
  background-color: transparent;
}

.bp3-light #roam-sidebar-logo:hover {
  background-color: transparent;
}

.bp3-dark #roam-sidebar-logo:hover {
  background-color: transparent;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) #roam-sidebar-logo:hover {
    background-color: transparent;
  }
}
#roam-sidebar-logo span {
  color: #5c7080 !important;
}

.bp3-light #roam-sidebar-logo span {
  color: #5c7080 !important;
}

.bp3-dark #roam-sidebar-logo span {
  color: #bfccd6 !important;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) #roam-sidebar-logo span {
    color: #bfccd6 !important;
  }
}
.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .starred-pages-wrapper .title {
  color: #182026;
  font-family: Inter, sans-serif;
}

.bp3-light .roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .starred-pages-wrapper .title {
  color: #182026;
  font-family: Inter, sans-serif;
}

.bp3-dark .roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .starred-pages-wrapper .title {
  color: #bfccd6;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .starred-pages-wrapper .title {
    color: #bfccd6;
  }
}
.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .starred-pages-wrapper .starred-pages .page:hover {
  background-color: rgb(245, 248, 250);
  color: #182026;
  font-weight: 400;
}

.bp3-light .roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .starred-pages-wrapper .starred-pages .page:hover {
  background-color: rgb(245, 248, 250);
  color: #182026;
  font-weight: 400;
}

.bp3-dark .roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .starred-pages-wrapper .starred-pages .page:hover {
  background-color: #202b33;
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .starred-pages-wrapper .starred-pages .page:hover {
    background-color: #202b33;
    color: rgb(245, 248, 250);
  }
}
.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .starred-pages-wrapper .starred-pages .page {
  border-radius: 0px;
  color: #182026;
  font-family: Inter, sans-serif;
  font-size: 0.95rem;
  font-weight: 400;
}

.bp3-light .roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .starred-pages-wrapper .starred-pages .page {
  border-radius: 0px;
  color: #182026;
  font-family: Inter, sans-serif;
  font-size: 0.95rem;
  font-weight: 400;
}

.bp3-dark .roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .starred-pages-wrapper .starred-pages .page {
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .starred-pages-wrapper .starred-pages .page {
    color: rgb(245, 248, 250);
  }
}
.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .top-row:hover {
  background-color: #ffffff;
}

.bp3-light .roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .top-row:hover {
  background-color: #ffffff;
}

.bp3-dark .roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .top-row:hover {
  background-color: #30404d;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .top-row:hover {
    background-color: #30404d;
  }
}
.roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .top-row {
  background-color: #ffffff;
  border-bottom: none;
}

.bp3-light .roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .top-row {
  background-color: #ffffff;
  border-bottom: none;
}

.bp3-dark .roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .top-row {
  background-color: #30404d;
  border-bottom: none;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .roam-body .roam-app .roam-sidebar-container .roam-sidebar-content .top-row {
    background-color: #30404d;
    border-bottom: none;
  }
}
.roam-body .roam-app .roam-sidebar-container {
  background-color: #ffffff;
  border-right: none;
  box-shadow: 1px 0 0 rgba(16, 22, 26, 0.15);
}

.bp3-light .roam-body .roam-app .roam-sidebar-container {
  background-color: #ffffff;
  border-right: none;
  box-shadow: 1px 0 0 rgba(16, 22, 26, 0.15);
}

.bp3-dark .roam-body .roam-app .roam-sidebar-container {
  background-color: #30404d;
  border-right: none;
  box-shadow: 1px 0 0 rgba(16, 22, 26, 0.4);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .roam-body .roam-app .roam-sidebar-container {
    background-color: #30404d;
    border-right: none;
    box-shadow: 1px 0 0 rgba(16, 22, 26, 0.4);
  }
}
.rm-alias-block:hover {
  border-bottom: none;
  color: #106ba3;
  text-decoration: underline;
}

.bp3-light .rm-alias-block:hover {
  border-bottom: none;
  color: #106ba3;
  text-decoration: underline;
}

.bp3-dark .rm-alias-block:hover {
  border-bottom: none;
  color: #48aff0;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-alias-block:hover {
    border-bottom: none;
    color: #48aff0;
  }
}
.rm-alias-block {
  border-bottom: none;
  color: #106ba3;
}

.bp3-light .rm-alias-block {
  border-bottom: none;
  color: #106ba3;
}

.bp3-dark .rm-alias-block {
  border-bottom: none;
  color: #48aff0;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-alias-block {
    border-bottom: none;
    color: #48aff0;
  }
}
.rm-alias-external:hover {
  border-bottom: none;
  color: #106ba3;
  text-decoration: underline;
}

.bp3-light .rm-alias-external:hover {
  border-bottom: none;
  color: #106ba3;
  text-decoration: underline;
}

.bp3-dark .rm-alias-external:hover {
  border-bottom: none;
  color: #48aff0;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-alias-external:hover {
    border-bottom: none;
    color: #48aff0;
  }
}
.rm-alias-external {
  border-bottom: none;
  color: #106ba3;
}

.bp3-light .rm-alias-external {
  border-bottom: none;
  color: #106ba3;
}

.bp3-dark .rm-alias-external {
  border-bottom: none;
  color: #48aff0;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-alias-external {
    border-bottom: none;
    color: #48aff0;
  }
}
.rm-alias-page:hover {
  border-bottom: none;
  color: #106ba3;
  text-decoration: underline;
}

.bp3-light .rm-alias-page:hover {
  border-bottom: none;
  color: #106ba3;
  text-decoration: underline;
}

.bp3-dark .rm-alias-page:hover {
  border-bottom: none;
  color: #48aff0;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-alias-page:hover {
    border-bottom: none;
    color: #48aff0;
  }
}
.rm-alias-page {
  border-bottom: none;
  color: #106ba3;
}

.bp3-light .rm-alias-page {
  border-bottom: none;
  color: #106ba3;
}

.bp3-dark .rm-alias-page {
  border-bottom: none;
  color: #48aff0;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-alias-page {
    border-bottom: none;
    color: #48aff0;
  }
}
.rm-alias-tooltip__content .rm-bq {
  border-left: 4px solid rgba(167, 182, 194, 0.5);
  color: inherit;
}

.bp3-light .rm-alias-tooltip__content .rm-bq {
  border-left: 4px solid rgba(167, 182, 194, 0.5);
  color: inherit;
}

.bp3-dark .rm-alias-tooltip__content .rm-bq {
  border-left: 4px solid rgba(115, 134, 148, 0.5);
  color: inherit;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-alias-tooltip__content .rm-bq {
    border-left: 4px solid rgba(115, 134, 148, 0.5);
    color: inherit;
  }
}
.rm-block {
  color: #182026;
}

.bp3-light .rm-block {
  color: #182026;
}

.bp3-dark .rm-block {
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-block {
    color: rgb(245, 248, 250);
  }
}
#block-input-ghost > span {
  color: #8a9ba8 !important;
}

.bp3-light #block-input-ghost > span {
  color: #8a9ba8 !important;
}

.bp3-dark #block-input-ghost > span {
  color: #8a9ba8 !important;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) #block-input-ghost > span {
    color: #8a9ba8 !important;
  }
}
.rm-block-ref:hover {
  background-color: rgba(167, 182, 194, 0.3);
}

.bp3-light .rm-block-ref:hover {
  background-color: rgba(167, 182, 194, 0.3);
}

.bp3-dark .rm-block-ref:hover {
  background-color: rgba(138, 155, 168, 0.15);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-block-ref:hover {
    background-color: rgba(138, 155, 168, 0.15);
  }
}
.rm-block-ref {
  border-bottom: 1px dotted #8a9ba8;
}

.bp3-light .rm-block-ref {
  border-bottom: 1px dotted #8a9ba8;
}

.bp3-dark .rm-block-ref {
  border-bottom: 1px dotted #8a9ba8;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-block-ref {
    border-bottom: 1px dotted #8a9ba8;
  }
}
.rm-block--comment-card .rm-element--user__display-name {
  color: #30404d;
}

.bp3-light .rm-block--comment-card .rm-element--user__display-name {
  color: #30404d;
}

.bp3-dark .rm-block--comment-card .rm-element--user__display-name {
  color: #ced9e0;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-block--comment-card .rm-element--user__display-name {
    color: #ced9e0;
  }
}
.rm-block--comment-card .rm-element--time__edit-time {
  color: #8a9ba8;
}

.bp3-light .rm-block--comment-card .rm-element--time__edit-time {
  color: #8a9ba8;
}

.bp3-dark .rm-block--comment-card .rm-element--time__edit-time {
  color: #8a9ba8;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-block--comment-card .rm-element--time__edit-time {
    color: #8a9ba8;
  }
}
.rm-g.rm-not-focused .rm-block {
  background-color: transparent;
}

.bp3-light .rm-g.rm-not-focused .rm-block {
  background-color: transparent;
}

.bp3-dark .rm-g.rm-not-focused .rm-block {
  background-color: transparent;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-g.rm-not-focused .rm-block {
    background-color: transparent;
  }
}
.rm-g.rm-not-focused.rm-block--open.rm-not-focused > .rm-block__self {
  border-left: 2px solid #8a9ba8;
}

.bp3-light .rm-g.rm-not-focused.rm-block--open.rm-not-focused > .rm-block__self {
  border-left: 2px solid #8a9ba8;
}

.bp3-dark .rm-g.rm-not-focused.rm-block--open.rm-not-focused > .rm-block__self {
  border-left: 2px solid #5c7080;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-g.rm-not-focused.rm-block--open.rm-not-focused > .rm-block__self {
    border-left: 2px solid #5c7080;
  }
}
.rm-g.rm-not-focused.rm-block--open.rm-not-focused > .rm-block__self > .rm-block__input--view {
  background-color: transparent;
  color: transparent;
  font-size: 1rem;
}

.bp3-light .rm-g.rm-not-focused.rm-block--open.rm-not-focused > .rm-block__self > .rm-block__input--view {
  background-color: transparent;
  color: transparent;
  font-size: 1rem;
}

.bp3-dark .rm-g.rm-not-focused.rm-block--open.rm-not-focused > .rm-block__self > .rm-block__input--view {
  background-color: transparent;
  color: transparent;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-g.rm-not-focused.rm-block--open.rm-not-focused > .rm-block__self > .rm-block__input--view {
    background-color: transparent;
    color: transparent;
  }
}
.roam-article .rm-level-horizontal-outline__child {
  background-color: transparent;
}

.bp3-light .roam-article .rm-level-horizontal-outline__child {
  background-color: transparent;
}

.bp3-dark .roam-article .rm-level-horizontal-outline__child {
  background-color: transparent;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .roam-article .rm-level-horizontal-outline__child {
    background-color: transparent;
  }
}
.rm-block--side {
  background-color: transparent;
}

.bp3-light .rm-block--side {
  background-color: transparent;
}

.bp3-dark .rm-block--side {
  background-color: transparent;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-block--side {
    background-color: transparent;
  }
}
.rm-block--side .rm-block--side__children {
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
}

.bp3-light .rm-block--side .rm-block--side__children {
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
}

.bp3-dark .rm-block--side .rm-block--side__children {
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-block--side .rm-block--side__children {
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
  }
}
.rm-block--v {
  border-top: 1px solid #8a9ba8;
  border-right: 8px solid #8a9ba8;
  border-bottom: 1px solid #8a9ba8;
  border-left: none;
}

.bp3-light .rm-block--v {
  border-top: 1px solid #8a9ba8;
  border-right: 8px solid #8a9ba8;
  border-bottom: 1px solid #8a9ba8;
  border-left: none;
}

.bp3-dark .rm-block--v {
  border-top: 1px solid #30404d;
  border-right: 8px solid #30404d;
  border-bottom: 1px solid #30404d;
  border-left: none;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-block--v {
    border-top: 1px solid #30404d;
    border-right: 8px solid #30404d;
    border-bottom: 1px solid #30404d;
    border-left: none;
  }
}
.rm-bq {
  background-color: transparent;
  border-left: 4px solid rgba(167, 182, 194, 0.5);
  color: #182026;
  font-size: 1rem;
}

.bp3-light .rm-bq {
  background-color: transparent;
  border-left: 4px solid rgba(167, 182, 194, 0.5);
  color: #182026;
  font-size: 1rem;
}

.bp3-dark .rm-bq {
  background-color: transparent;
  border-left: 4px solid rgba(115, 134, 148, 0.5);
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-bq {
    background-color: transparent;
    border-left: 4px solid rgba(115, 134, 148, 0.5);
    color: rgb(245, 248, 250);
  }
}
.rm-page-ref__brackets {
  color: #8a9ba8;
}

.bp3-light .rm-page-ref__brackets {
  color: #8a9ba8;
}

.bp3-dark .rm-page-ref__brackets {
  color: #8a9ba8;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-page-ref__brackets {
    color: #8a9ba8;
  }
}
.check-container input:checked ~ .checkmark {
  background-color: hsl(203, 82%, 41%);
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0));
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
}

.bp3-light .check-container input:checked ~ .checkmark {
  background-color: hsl(203, 82%, 41%);
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0));
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
}

.bp3-dark .check-container input:checked ~ .checkmark {
  background-color: hsl(203, 82%, 41%);
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0));
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .check-container input:checked ~ .checkmark {
    background-color: hsl(203, 82%, 41%);
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0));
    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
  }
}
.checkmark {
  background-color: rgb(245, 248, 250);
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.8), hsla(0, 0%, 100%, 0));
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
}

.bp3-light .checkmark {
  background-color: rgb(245, 248, 250);
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.8), hsla(0, 0%, 100%, 0));
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
}

.bp3-dark .checkmark {
  background-color: #394b59;
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.05), hsla(0, 0%, 100%, 0));
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .checkmark {
    background-color: #394b59;
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.05), hsla(0, 0%, 100%, 0));
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
  }
}
code {
  background-color: hsla(0, 0%, 100%, 0.7);
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  border-radius: 3px;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2);
  color: #5c7080;
}

.bp3-light code {
  background-color: hsla(0, 0%, 100%, 0.7);
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  border-radius: 3px;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2);
  color: #5c7080;
}

.bp3-dark code {
  background-color: rgba(16, 22, 26, 0.3);
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4);
  color: #a7b6c2;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) code {
    background-color: rgba(16, 22, 26, 0.3);
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
    box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4);
    color: #a7b6c2;
  }
}
.dnd-separator .dnd-drop-bar {
  background-color: #5c7080;
}

.bp3-light .dnd-separator .dnd-drop-bar {
  background-color: #5c7080;
}

.bp3-dark .dnd-separator .dnd-drop-bar {
  background-color: #bfccd6;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .dnd-separator .dnd-drop-bar {
    background-color: #bfccd6;
  }
}
.rm-embed-children__container {
  background-color: #ebf1f5;
}

.bp3-light .rm-embed-children__container {
  background-color: #ebf1f5;
}

.bp3-dark .rm-embed-children__container {
  background-color: #30404d;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-embed-children__container {
    background-color: #30404d;
  }
}
.rm-embed-container--block {
  background-color: #ebf1f5;
}

.bp3-light .rm-embed-container--block {
  background-color: #ebf1f5;
}

.bp3-dark .rm-embed-container--block {
  background-color: #30404d;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-embed-container--block {
    background-color: #30404d;
  }
}
.rm-embed-container .rm-embed-container {
  background-color: #d8e1e8;
}

.bp3-light .rm-embed-container .rm-embed-container {
  background-color: #d8e1e8;
}

.bp3-dark .rm-embed-container .rm-embed-container {
  background-color: #5c7080;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-embed-container .rm-embed-container {
    background-color: #5c7080;
  }
}
.rm-embed-container .rm-embed-container .rm-embed-container {
  background-color: #e1e8ed;
}

.bp3-light .rm-embed-container .rm-embed-container .rm-embed-container {
  background-color: #e1e8ed;
}

.bp3-dark .rm-embed-container .rm-embed-container .rm-embed-container {
  background-color: #30404d;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-embed-container .rm-embed-container .rm-embed-container {
    background-color: #30404d;
  }
}
.rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container {
  background-color: #ebf1f5;
}

.bp3-light .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container {
  background-color: #ebf1f5;
}

.bp3-dark .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container {
  background-color: #293742;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container {
    background-color: #293742;
  }
}
.rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container {
  background-color: rgb(245, 248, 250);
}

.bp3-light .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container {
  background-color: rgb(245, 248, 250);
}

.bp3-dark .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container {
  background-color: #202b33;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container {
    background-color: #202b33;
  }
}
.rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container {
  background-color: #d8e1e8;
}

.bp3-light .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container {
  background-color: #d8e1e8;
}

.bp3-dark .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container {
  background-color: #182026;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container {
    background-color: #182026;
  }
}
.rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container {
  background-color: #d8e1e8;
}

.bp3-light .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container {
  background-color: #d8e1e8;
}

.bp3-dark .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container {
  background-color: #8a9ba8;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container {
    background-color: #8a9ba8;
  }
}
.rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container {
  background-color: #e1e8ed;
}

.bp3-light .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container {
  background-color: #e1e8ed;
}

.bp3-dark .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container {
  background-color: #5c7080;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container {
    background-color: #5c7080;
  }
}
.rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container {
  background-color: #ebf1f5;
}

.bp3-light .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container {
  background-color: #ebf1f5;
}

.bp3-dark .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container {
  background-color: #30404d;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container {
    background-color: #30404d;
  }
}
.rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container {
  background-color: rgb(245, 248, 250);
}

.bp3-light .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container {
  background-color: rgb(245, 248, 250);
}

.bp3-dark .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container {
  background-color: #202b33;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container .rm-embed-container {
    background-color: #202b33;
  }
}
.rm-embed__content .rm-reference-main {
  border-top: none;
}

.bp3-light .rm-embed__content .rm-reference-main {
  border-top: none;
}

.bp3-dark .rm-embed__content .rm-reference-main {
  border-top: none;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-embed__content .rm-reference-main {
    border-top: none;
  }
}
.rm-embed--page {
  background-color: #ebf1f5;
}

.bp3-light .rm-embed--page {
  background-color: #ebf1f5;
}

.bp3-dark .rm-embed--page {
  background-color: #202b33;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-embed--page {
    background-color: #202b33;
  }
}
.rm-embed--page > .rm-embed-margin-action {
  background-color: #5c7080;
  opacity: 0.5;
}

.bp3-light .rm-embed--page > .rm-embed-margin-action {
  background-color: #5c7080;
  opacity: 0.5;
}

.bp3-dark .rm-embed--page > .rm-embed-margin-action {
  background-color: #8a9ba8;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-embed--page > .rm-embed-margin-action {
    background-color: #8a9ba8;
  }
}
.rm-embed-path {
  background-color: #ebf1f5;
}

.bp3-light .rm-embed-path {
  background-color: #ebf1f5;
}

.bp3-dark .rm-embed-path {
  background-color: #202b33;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-embed-path {
    background-color: #202b33;
  }
}
.rm-encrypted-block {
  background-color: #e1e8ed;
  color: #8a9ba8;
  font-size: 1rem;
}

.bp3-light .rm-encrypted-block {
  background-color: #e1e8ed;
  color: #8a9ba8;
  font-size: 1rem;
}

.bp3-dark .rm-encrypted-block {
  background-color: #293742;
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-encrypted-block {
    background-color: #293742;
    color: rgb(245, 248, 250);
  }
}
.rm-level1, .rm-heading-level-1 > .rm-block__self .rm-block__input {
  color: #182026;
  font-family: Inter, sans-serif;
  font-size: 28px;
  font-weight: 600;
}

.bp3-light .rm-level1, .bp3-light .rm-heading-level-1 > .rm-block__self .rm-block__input {
  color: #182026;
  font-family: Inter, sans-serif;
  font-size: 28px;
  font-weight: 600;
}

.bp3-dark .rm-level1, .bp3-dark .rm-heading-level-1 > .rm-block__self .rm-block__input {
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-level1, :where(:root:not(.bp3-light)) .rm-heading-level-1 > .rm-block__self .rm-block__input {
    color: rgb(245, 248, 250);
  }
}
.level2, .rm-level2, .rm-heading-level-2 > .rm-block__self .rm-block__input {
  color: #182026;
  font-family: Inter, sans-serif !important;
  font-size: 22px;
  font-weight: 600;
}

.bp3-light .level2, .bp3-light .rm-level2, .bp3-light .rm-heading-level-2 > .rm-block__self .rm-block__input {
  color: #182026;
  font-family: Inter, sans-serif !important;
  font-size: 22px;
  font-weight: 600;
}

.bp3-dark .level2, .bp3-dark .rm-level2, .bp3-dark .rm-heading-level-2 > .rm-block__self .rm-block__input {
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .level2, :where(:root:not(.bp3-light)) .rm-level2, :where(:root:not(.bp3-light)) .rm-heading-level-2 > .rm-block__self .rm-block__input {
    color: rgb(245, 248, 250);
  }
}
.rm-level3, .rm-heading-level-3 > .rm-block__self .rm-block__input {
  color: #182026;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 600;
}

.bp3-light .rm-level3, .bp3-light .rm-heading-level-3 > .rm-block__self .rm-block__input {
  color: #182026;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 600;
}

.bp3-dark .rm-level3, .bp3-dark .rm-heading-level-3 > .rm-block__self .rm-block__input {
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-level3, :where(:root:not(.bp3-light)) .rm-heading-level-3 > .rm-block__self .rm-block__input {
    color: rgb(245, 248, 250);
  }
}
.rm-help-popup {
  background-color: #ffffff;
}

.bp3-light .rm-help-popup {
  background-color: #ffffff;
}

.bp3-dark .rm-help-popup {
  background-color: #293742;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-help-popup {
    background-color: #293742;
  }
}
.rm-highlight {
  background-color: rgba(255, 201, 64, 0.5);
  color: #182026;
}

.bp3-light .rm-highlight {
  background-color: rgba(255, 201, 64, 0.5);
  color: #182026;
}

.bp3-dark .rm-highlight {
  background-color: rgb(166, 121, 8);
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-highlight {
    background-color: rgb(166, 121, 8);
    color: rgb(245, 248, 250);
  }
}
.rm-hr {
  border-top: 1px solid rgba(16, 22, 26, 0.15);
  border-right: 1px solid rgba(16, 22, 26, 0.15);
  border-bottom: 1px solid rgba(16, 22, 26, 0.15);
  border-left: 1px solid rgba(16, 22, 26, 0.15);
}

.bp3-light .rm-hr {
  border-top: 1px solid rgba(16, 22, 26, 0.15);
  border-right: 1px solid rgba(16, 22, 26, 0.15);
  border-bottom: 1px solid rgba(16, 22, 26, 0.15);
  border-left: 1px solid rgba(16, 22, 26, 0.15);
}

.bp3-dark .rm-hr {
  border-top: 1px solid hsla(0, 0%, 100%, 0.15);
  border-right: 1px solid hsla(0, 0%, 100%, 0.15);
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.15);
  border-left: 1px solid hsla(0, 0%, 100%, 0.15);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-hr {
    border-top: 1px solid hsla(0, 0%, 100%, 0.15);
    border-right: 1px solid hsla(0, 0%, 100%, 0.15);
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.15);
    border-left: 1px solid hsla(0, 0%, 100%, 0.15);
  }
}
.rm-inline-references {
  background-color: #ebf1f5;
}

.bp3-light .rm-inline-references {
  background-color: #ebf1f5;
}

.bp3-dark .rm-inline-references {
  background-color: #202b33;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-inline-references {
    background-color: #202b33;
  }
}
.kanban-board {
  background-color: transparent;
}

.bp3-light .kanban-board {
  background-color: transparent;
}

.bp3-dark .kanban-board {
  background-color: transparent;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .kanban-board {
    background-color: transparent;
  }
}
.kanban-card {
  background-color: #ffffff;
}

.bp3-light .kanban-card {
  background-color: #ffffff;
}

.bp3-dark .kanban-card {
  background-color: #5c7080;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .kanban-card {
    background-color: #5c7080;
  }
}
.kanban-column {
  background-color: #e1e8ed;
}

.bp3-light .kanban-column {
  background-color: #e1e8ed;
}

.bp3-dark .kanban-column {
  background-color: #293742;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .kanban-column {
    background-color: #293742;
  }
}
.kanban-column .rm-dnd-separator .rm-dnd-drop-area .rm-dnd-drop-bar {
  background-color: #106ba3;
}

.bp3-light .kanban-column .rm-dnd-separator .rm-dnd-drop-area .rm-dnd-drop-bar {
  background-color: #106ba3;
}

.bp3-dark .kanban-column .rm-dnd-separator .rm-dnd-drop-area .rm-dnd-drop-bar {
  background-color: #48aff0;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .kanban-column .rm-dnd-separator .rm-dnd-drop-area .rm-dnd-drop-bar {
    background-color: #48aff0;
  }
}
.kanban-title {
  border-bottom: 1px solid transparent;
}

.bp3-light .kanban-title {
  border-bottom: 1px solid transparent;
}

.bp3-dark .kanban-title {
  border-bottom: 1px solid transparent;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .kanban-title {
    border-bottom: 1px solid transparent;
  }
}
.rm-page-ref--namespace {
  color: #106ba3;
  font-style: italic;
}

.bp3-light .rm-page-ref--namespace {
  color: #106ba3;
  font-style: italic;
}

.bp3-dark .rm-page-ref--namespace {
  color: #48aff0;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-page-ref--namespace {
    color: #48aff0;
  }
}
.rm-option:hover {
  background-color: #e1e8ed;
  box-shadow: none;
  color: #182026;
}

.bp3-light .rm-option:hover {
  background-color: #e1e8ed;
  box-shadow: none;
  color: #182026;
}

.bp3-dark .rm-option:hover {
  background-color: #5c7080;
  box-shadow: none;
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-option:hover {
    background-color: #5c7080;
    box-shadow: none;
    color: rgb(245, 248, 250);
  }
}
.rm-option {
  background-color: transparent;
  background-image: none;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  border-radius: 3px;
  box-shadow: none;
  color: #182026;
}

.bp3-light .rm-option {
  background-color: transparent;
  background-image: none;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  border-radius: 3px;
  box-shadow: none;
  color: #182026;
}

.bp3-dark .rm-option {
  background-color: transparent;
  background-image: none;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  box-shadow: none;
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-option {
    background-color: transparent;
    background-image: none;
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
    box-shadow: none;
    color: rgb(245, 248, 250);
  }
}
.rm-option:after:hover {
  border-top: 4px solid #5c7080;
}

.bp3-light .rm-option:after:hover {
  border-top: 4px solid #5c7080;
}

.bp3-dark .rm-option:after:hover {
  border-top: 4px solid rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-option:after:hover {
    border-top: 4px solid rgb(245, 248, 250);
  }
}
.rm-option:after {
  border-top: 4px solid #5c7080;
}

.bp3-light .rm-option:after {
  border-top: 4px solid #5c7080;
}

.bp3-dark .rm-option:after {
  border-top: 4px solid #bfccd6;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-option:after {
    border-top: 4px solid #bfccd6;
  }
}
.rm-page-ref--link {
  border-bottom: none;
  color: #106ba3;
}

.bp3-light .rm-page-ref--link {
  border-bottom: none;
  color: #106ba3;
}

.bp3-dark .rm-page-ref--link {
  border-bottom: none;
  color: #48aff0;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-page-ref--link {
    border-bottom: none;
    color: #48aff0;
  }
}
.rm-paren:hover {
  background-color: #e1e8ed;
}

.bp3-light .rm-paren:hover {
  background-color: #e1e8ed;
}

.bp3-dark .rm-paren:hover {
  background-color: #202b33;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-paren:hover {
    background-color: #202b33;
  }
}
.rm-paren {
  background-color: #d8e1e8;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  border-radius: 5px;
}

.bp3-light .rm-paren {
  background-color: #d8e1e8;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  border-radius: 5px;
}

.bp3-dark .rm-paren {
  background-color: #182026;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-paren {
    background-color: #182026;
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
  }
}
.rm-pomodoro {
  background-color: #e1e8ed;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  border-radius: 0px;
  color: #182026;
}

.bp3-light .rm-pomodoro {
  background-color: #e1e8ed;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  border-radius: 0px;
  color: #182026;
}

.bp3-dark .rm-pomodoro {
  background-color: #182026;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-pomodoro {
    background-color: #182026;
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
    color: rgb(245, 248, 250);
  }
}
.rm-query, .rm-search-query {
  border-top: 0.5px solid #bfccd6;
  border-right: 0.5px solid #bfccd6;
  border-bottom: 0.5px solid #bfccd6;
  border-left: 0.5px solid #bfccd6;
}

.bp3-light .rm-query, .bp3-light .rm-search-query {
  border-top: 0.5px solid #bfccd6;
  border-right: 0.5px solid #bfccd6;
  border-bottom: 0.5px solid #bfccd6;
  border-left: 0.5px solid #bfccd6;
}

.bp3-dark .rm-query, .bp3-dark .rm-search-query {
  border-top: 0.5px solid #5c7080;
  border-right: 0.5px solid #5c7080;
  border-bottom: 0.5px solid #5c7080;
  border-left: 0.5px solid #5c7080;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-query, :where(:root:not(.bp3-light)) .rm-search-query {
    border-top: 0.5px solid #5c7080;
    border-right: 0.5px solid #5c7080;
    border-bottom: 0.5px solid #5c7080;
    border-left: 0.5px solid #5c7080;
  }
}
.rm-query div[style="color: red;"] {
  color: rgb(219, 57, 57) !important;
}

.bp3-light .rm-query div[style="color: red;"] {
  color: rgb(219, 57, 57) !important;
}

.bp3-dark .rm-query div[style="color: red;"] {
  color: #ff7373 !important;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-query div[style="color: red;"] {
    color: #ff7373 !important;
  }
}
.rm-query .rm-query-title, .rm-search-query .rm-query-title, .rm-query .rm-search-query-title, .rm-search-query .rm-search-query-title {
  background-color: transparent;
  border-bottom: 0.5px solid #bfccd6;
  color: #182026;
}

.bp3-light .rm-query .rm-query-title, .bp3-light .rm-search-query .rm-query-title, .bp3-light .rm-query .rm-search-query-title, .bp3-light .rm-search-query .rm-search-query-title {
  background-color: transparent;
  border-bottom: 0.5px solid #bfccd6;
  color: #182026;
}

.bp3-dark .rm-query .rm-query-title, .bp3-dark .rm-search-query .rm-query-title, .bp3-dark .rm-query .rm-search-query-title, .bp3-dark .rm-search-query .rm-search-query-title {
  background-color: transparent;
  border-bottom: 0.5px solid #5c7080;
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-query .rm-query-title, :where(:root:not(.bp3-light)) .rm-search-query .rm-query-title, :where(:root:not(.bp3-light)) .rm-query .rm-search-query-title, :where(:root:not(.bp3-light)) .rm-search-query .rm-search-query-title {
    background-color: transparent;
    border-bottom: 0.5px solid #5c7080;
    color: rgb(245, 248, 250);
  }
}
.rm-block__self .rm-block__ref-count.rm-active {
  background-color: #e1e8ed;
  color: #8a9ba8;
}

.bp3-light .rm-block__self .rm-block__ref-count.rm-active {
  background-color: #e1e8ed;
  color: #8a9ba8;
}

.bp3-dark .rm-block__self .rm-block__ref-count.rm-active {
  background-color: #293742;
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-block__self .rm-block__ref-count.rm-active {
    background-color: #293742;
    color: rgb(245, 248, 250);
  }
}
.rm-icon-key-prompt {
  color: #8a9ba8 !important;
  font-size: 0.8rem !important;
  opacity: 1 !important;
}

.bp3-light .rm-icon-key-prompt {
  color: #8a9ba8 !important;
  font-size: 0.8rem !important;
  opacity: 1 !important;
}

.bp3-dark .rm-icon-key-prompt {
  color: #8a9ba8 !important;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-icon-key-prompt {
    color: #8a9ba8 !important;
  }
}
.roam-table th, .roam-table td, .roam-table tr {
  border-top: 1px solid #d4d8de;
  border-right: 1px solid #d4d8de;
  border-bottom: 1px solid #d4d8de;
  border-left: 1px solid #d4d8de;
  font-size: 1rem;
}

.bp3-light .roam-table th, .bp3-light .roam-table td, .bp3-light .roam-table tr {
  border-top: 1px solid #d4d8de;
  border-right: 1px solid #d4d8de;
  border-bottom: 1px solid #d4d8de;
  border-left: 1px solid #d4d8de;
  font-size: 1rem;
}

.bp3-dark .roam-table th, .bp3-dark .roam-table td, .bp3-dark .roam-table tr {
  border-top: 1px solid #30404d;
  border-right: 1px solid #30404d;
  border-bottom: 1px solid #30404d;
  border-left: 1px solid #30404d;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .roam-table th, :where(:root:not(.bp3-light)) .roam-table td, :where(:root:not(.bp3-light)) .roam-table tr {
    border-top: 1px solid #30404d;
    border-right: 1px solid #30404d;
    border-bottom: 1px solid #30404d;
    border-left: 1px solid #30404d;
  }
}
.rm-streak__day-0 {
  background-color: #e1e8ed;
}

.bp3-light .rm-streak__day-0 {
  background-color: #e1e8ed;
}

.bp3-dark .rm-streak__day-0 {
  background-color: #182026;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-streak__day-0 {
    background-color: #182026;
  }
}
.rm-streak__day-1 {
  background-color: #0e5a8a;
}

.bp3-light .rm-streak__day-1 {
  background-color: #0e5a8a;
}

.bp3-dark .rm-streak__day-1 {
  background-color: #0e5a8a;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-streak__day-1 {
    background-color: #0e5a8a;
  }
}
.rm-streak__day-2 {
  background-color: #106ba3;
}

.bp3-light .rm-streak__day-2 {
  background-color: #106ba3;
}

.bp3-dark .rm-streak__day-2 {
  background-color: #106ba3;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-streak__day-2 {
    background-color: #106ba3;
  }
}
.rm-streak__day-3 {
  background-color: hsl(203, 82%, 41%);
}

.bp3-light .rm-streak__day-3 {
  background-color: hsl(203, 82%, 41%);
}

.bp3-dark .rm-streak__day-3 {
  background-color: hsl(203, 82%, 41%);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-streak__day-3 {
    background-color: hsl(203, 82%, 41%);
  }
}
.rm-streak__day-4 {
  background-color: #2b95d6;
}

.bp3-light .rm-streak__day-4 {
  background-color: #2b95d6;
}

.bp3-dark .rm-streak__day-4 {
  background-color: #2b95d6;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-streak__day-4 {
    background-color: #2b95d6;
  }
}
.rm-streak__error {
  background-color: #ff7373;
}

.bp3-light .rm-streak__error {
  background-color: #ff7373;
}

.bp3-dark .rm-streak__error {
  background-color: #ff7373;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-streak__error {
    background-color: #ff7373;
  }
}
.rm-streak__month {
  color: #8a9ba8;
}

.bp3-light .rm-streak__month {
  color: #8a9ba8;
}

.bp3-dark .rm-streak__month {
  color: #8a9ba8;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-streak__month {
    color: #8a9ba8;
  }
}
.rm-streak__weekday {
  color: #8a9ba8;
}

.bp3-light .rm-streak__weekday {
  color: #8a9ba8;
}

.bp3-dark .rm-streak__weekday {
  color: #8a9ba8;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-streak__weekday {
    color: #8a9ba8;
  }
}
.rm-level-tabs__children .bp3-tab-list {
  border-bottom: none;
}

.bp3-light .rm-level-tabs__children .bp3-tab-list {
  border-bottom: none;
}

.bp3-dark .rm-level-tabs__children .bp3-tab-list {
  border-bottom: none;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-level-tabs__children .bp3-tab-list {
    border-bottom: none;
  }
}
.rm-page-ref--tag {
  color: #8a9ba8;
}

.bp3-light .rm-page-ref--tag {
  color: #8a9ba8;
}

.bp3-dark .rm-page-ref--tag {
  color: #8a9ba8;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-page-ref--tag {
    color: #8a9ba8;
  }
}
.rm-title-display, .rm-title-editing-display {
  font-size: 2.25rem;
  font-weight: 600;
}

.bp3-light .rm-title-display, .bp3-light .rm-title-editing-display {
  font-size: 2.25rem;
  font-weight: 600;
}

.roam-body .roam-app h1 {
  color: #182026;
}

.bp3-light .roam-body .roam-app h1 {
  color: #182026;
}

.bp3-dark .roam-body .roam-app h1 {
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .roam-body .roam-app h1 {
    color: rgb(245, 248, 250);
  }
}
.roam-block-container .rm-block-main .rm-version-choice-wrapper .rm-version-choice .rm-button-selected {
  border-bottom: none;
  box-shadow: inset 0 -3px 0 #106ba3;
}

.bp3-light .roam-block-container .rm-block-main .rm-version-choice-wrapper .rm-version-choice .rm-button-selected {
  border-bottom: none;
  box-shadow: inset 0 -3px 0 #106ba3;
}

.bp3-dark .roam-block-container .rm-block-main .rm-version-choice-wrapper .rm-version-choice .rm-button-selected {
  border-bottom: none;
  box-shadow: inset 0 -3px 0 #48aff0;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .roam-block-container .rm-block-main .rm-version-choice-wrapper .rm-version-choice .rm-button-selected {
    border-bottom: none;
    box-shadow: inset 0 -3px 0 #48aff0;
  }
}
.version-bullet {
  background-color: #48aff0 !important;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
}

.bp3-light .version-bullet {
  background-color: #48aff0 !important;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
}

.bp3-dark .version-bullet {
  background-color: #48aff0 !important;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .version-bullet {
    background-color: #48aff0 !important;
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
  }
}
.roam-block-container .rm-block-main .rm-version-choice-wrapper .rm-version-choice {
  border-bottom: 1px solid #e1e8ed;
}

.bp3-light .roam-block-container .rm-block-main .rm-version-choice-wrapper .rm-version-choice {
  border-bottom: 1px solid #e1e8ed;
}

.bp3-dark .roam-block-container .rm-block-main .rm-version-choice-wrapper .rm-version-choice {
  border-bottom: 1px solid #182026;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .roam-block-container .rm-block-main .rm-version-choice-wrapper .rm-version-choice {
    border-bottom: 1px solid #182026;
  }
}
.rm-video-player__comment-button {
  opacity: 0;
}

.bp3-light .rm-video-player__comment-button {
  opacity: 0;
}

.roam-block sub ~ button:active, .roam-block sub ~ button:active:hover {
  background-color: #d8e1e8;
  background-image: none;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 1px 2px rgba(16, 22, 26, 0.2);
}

.bp3-light .roam-block sub ~ button:active, .bp3-light .roam-block sub ~ button:active:hover {
  background-color: #d8e1e8;
  background-image: none;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 1px 2px rgba(16, 22, 26, 0.2);
}

.bp3-dark .roam-block sub ~ button:active, .bp3-dark .roam-block sub ~ button:active:hover {
  background-color: #202b33;
  background-image: none;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.6), inset 0 1px 2px rgba(16, 22, 26, 0.2);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .roam-block sub ~ button:active, :where(:root:not(.bp3-light)) .roam-block sub ~ button:active:hover {
    background-color: #202b33;
    background-image: none;
    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.6), inset 0 1px 2px rgba(16, 22, 26, 0.2);
  }
}
.roam-block sub ~ button:hover {
  background-color: #ebf1f5;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
}

.bp3-light .roam-block sub ~ button:hover {
  background-color: #ebf1f5;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
}

.bp3-dark .roam-block sub ~ button:hover {
  background-color: #293742;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .roam-block sub ~ button:hover {
    background-color: #293742;
    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
  }
}
.roam-block sub ~ button {
  background-color: rgb(245, 248, 250);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  border-radius: 3px;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
  color: #182026;
}

.bp3-light .roam-block sub ~ button {
  background-color: rgb(245, 248, 250);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  border-radius: 3px;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
  color: #182026;
}

.bp3-dark .roam-block sub ~ button {
  background-color: #30404d;
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.05), hsla(0, 0%, 100%, 0));
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .roam-block sub ~ button {
    background-color: #30404d;
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.05), hsla(0, 0%, 100%, 0));
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
    color: rgb(245, 248, 250);
  }
}
.rm-zoom .rm-zoom-item {
  color: #5c7080;
}

.bp3-light .rm-zoom .rm-zoom-item {
  color: #5c7080;
}

.bp3-dark .rm-zoom .rm-zoom-item {
  color: #a7b6c2;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-zoom .rm-zoom-item {
    color: #a7b6c2;
  }
}
.rm-zoom.zoom-path-view .rm-zoom-mask {
  background-color: transparent;
}

.bp3-light .rm-zoom.zoom-path-view .rm-zoom-mask {
  background-color: transparent;
}

.bp3-dark .rm-zoom.zoom-path-view .rm-zoom-mask {
  background-color: transparent;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-zoom.zoom-path-view .rm-zoom-mask {
    background-color: transparent;
  }
}
.rm-zoom-path {
  font-size: 1rem;
}

.bp3-light .rm-zoom-path {
  font-size: 1rem;
}

.roam-body .roam-app .roam-body-main .roam-article div {
  font-family: Inter, sans-serif;
}

.bp3-light .roam-body .roam-app .roam-body-main .roam-article div {
  font-family: Inter, sans-serif;
}

.roam-body .roam-app .roam-body-main {
  background-color: rgb(245, 248, 250);
  font-size: 1rem;
}

.bp3-light .roam-body .roam-app .roam-body-main {
  background-color: rgb(245, 248, 250);
  font-size: 1rem;
}

.bp3-dark .roam-body .roam-app .roam-body-main {
  background-color: #202b33;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .roam-body .roam-app .roam-body-main {
    background-color: #202b33;
  }
}
.bp3-menu .bp3-menu-divider ~ .flex-h-box button[style*="background-color: rgba(72, 176, 240, 0.5);"], .bp3-menu .bp3-menu-divider ~ .flex-h-box button[style*="background-color: rgba(72, 176, 240, 0.5);"]:hover {
  background-color: #d8e1e8 !important;
  background-image: none;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 1px 2px rgba(16, 22, 26, 0.2);
}

.bp3-light .bp3-menu .bp3-menu-divider ~ .flex-h-box button[style*="background-color: rgba(72, 176, 240, 0.5);"], .bp3-light .bp3-menu .bp3-menu-divider ~ .flex-h-box button[style*="background-color: rgba(72, 176, 240, 0.5);"]:hover {
  background-color: #d8e1e8 !important;
  background-image: none;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 1px 2px rgba(16, 22, 26, 0.2);
}

.bp3-dark .bp3-menu .bp3-menu-divider ~ .flex-h-box button[style*="background-color: rgba(72, 176, 240, 0.5);"], .bp3-dark .bp3-menu .bp3-menu-divider ~ .flex-h-box button[style*="background-color: rgba(72, 176, 240, 0.5);"]:hover {
  background-color: #202b33 !important;
  background-image: none;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.6), inset 0 1px 2px rgba(16, 22, 26, 0.2);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-menu .bp3-menu-divider ~ .flex-h-box button[style*="background-color: rgba(72, 176, 240, 0.5);"], :where(:root:not(.bp3-light)) .bp3-menu .bp3-menu-divider ~ .flex-h-box button[style*="background-color: rgba(72, 176, 240, 0.5);"]:hover {
    background-color: #202b33 !important;
    background-image: none;
    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.6), inset 0 1px 2px rgba(16, 22, 26, 0.2);
  }
}
.bp3-menu .bp3-menu-divider ~ .flex-h-box button:hover {
  background-color: #e1e8ed !important;
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.8), hsla(0, 0%, 100%, 0));
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
  color: #182026;
}

.bp3-light .bp3-menu .bp3-menu-divider ~ .flex-h-box button:hover {
  background-color: #e1e8ed !important;
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.8), hsla(0, 0%, 100%, 0));
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
  color: #182026;
}

.bp3-dark .bp3-menu .bp3-menu-divider ~ .flex-h-box button:hover {
  background-color: #293742 !important;
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.05), hsla(0, 0%, 100%, 0));
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-menu .bp3-menu-divider ~ .flex-h-box button:hover {
    background-color: #293742 !important;
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.05), hsla(0, 0%, 100%, 0));
    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
    color: rgb(245, 248, 250);
  }
}
.bp3-menu .bp3-menu-divider ~ .flex-h-box button {
  background-color: rgb(245, 248, 250) !important;
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.8), hsla(0, 0%, 100%, 0));
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-left: none !important;
  border-radius: 3px;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
  color: #182026;
}

.bp3-light .bp3-menu .bp3-menu-divider ~ .flex-h-box button {
  background-color: rgb(245, 248, 250) !important;
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.8), hsla(0, 0%, 100%, 0));
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-left: none !important;
  border-radius: 3px;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
  color: #182026;
}

.bp3-dark .bp3-menu .bp3-menu-divider ~ .flex-h-box button {
  background-color: #30404d !important;
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.05), hsla(0, 0%, 100%, 0));
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-left: none !important;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-menu .bp3-menu-divider ~ .flex-h-box button {
    background-color: #30404d !important;
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.05), hsla(0, 0%, 100%, 0));
    border-top: none !important;
    border-right: none !important;
    border-bottom: none !important;
    border-left: none !important;
    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
    color: rgb(245, 248, 250);
  }
}
.bp3-menu .bp3-menu-divider ~ .flex-h-box .bp3-icon-standard[style="color: rgb(92, 112, 128);"] {
  color: #5c7080 !important;
}

.bp3-light .bp3-menu .bp3-menu-divider ~ .flex-h-box .bp3-icon-standard[style="color: rgb(92, 112, 128);"] {
  color: #5c7080 !important;
}

.bp3-dark .bp3-menu .bp3-menu-divider ~ .flex-h-box .bp3-icon-standard[style="color: rgb(92, 112, 128);"] {
  color: #a7b6c2 !important;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-menu .bp3-menu-divider ~ .flex-h-box .bp3-icon-standard[style="color: rgb(92, 112, 128);"] {
    color: #a7b6c2 !important;
  }
}
#rm-mobile-bar .rm-mobile-button .bp3-icon, #rm-mobile-bar .rm-mobile-button i {
  color: #182026 !important;
}

.bp3-light #rm-mobile-bar .rm-mobile-button .bp3-icon, .bp3-light #rm-mobile-bar .rm-mobile-button i {
  color: #182026 !important;
}

.bp3-dark #rm-mobile-bar .rm-mobile-button .bp3-icon, .bp3-dark #rm-mobile-bar .rm-mobile-button i {
  color: rgb(245, 248, 250) !important;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) #rm-mobile-bar .rm-mobile-button .bp3-icon, :where(:root:not(.bp3-light)) #rm-mobile-bar .rm-mobile-button i {
    color: rgb(245, 248, 250) !important;
  }
}
#rm-mobile-bar {
  background-color: #ffffff;
}

.bp3-light #rm-mobile-bar {
  background-color: #ffffff;
}

.bp3-dark #rm-mobile-bar {
  background-color: #10161a;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) #rm-mobile-bar {
    background-color: #10161a;
  }
}
.bp3-popover-content div[style="padding: 8px; border-left: 1px solid red;"] {
  border-left: 1px solid #8a9ba8 !important;
}

.bp3-light .bp3-popover-content div[style="padding: 8px; border-left: 1px solid red;"] {
  border-left: 1px solid #8a9ba8 !important;
}

.bp3-dark .bp3-popover-content div[style="padding: 8px; border-left: 1px solid red;"] {
  border-left: 1px solid #8a9ba8 !important;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-popover-content div[style="padding: 8px; border-left: 1px solid red;"] {
    border-left: 1px solid #8a9ba8 !important;
  }
}
.bp3-icon[style="color: rgb(168, 42, 42);"] {
  color: hsl(203, 82%, 41%) !important;
}

.bp3-light .bp3-icon[style="color: rgb(168, 42, 42);"] {
  color: hsl(203, 82%, 41%) !important;
}

.bp3-dark .bp3-icon[style="color: rgb(168, 42, 42);"] {
  color: #48aff0 !important;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-icon[style="color: rgb(168, 42, 42);"] {
    color: #48aff0 !important;
  }
}
.rm-reference-item {
  background-color: #ebf1f5;
}

.bp3-light .rm-reference-item {
  background-color: #ebf1f5;
}

.bp3-dark .rm-reference-item {
  background-color: #293742;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-reference-item {
    background-color: #293742;
  }
}
.rm-reference-main .rm-reference-container:has(> .flex-h-box > .rm-caret-closed) div[style="color: rgb(206, 217, 224);"] strong, .rm-reference-main .rm-unlinked-reference-container:has(> .flex-h-box > .rm-caret-closed) strong[style="color: rgb(206, 217, 224);"] {
  color: #8a9ba8 !important;
}

.bp3-light .rm-reference-main .rm-reference-container:has(> .flex-h-box > .rm-caret-closed) div[style="color: rgb(206, 217, 224);"] strong, .bp3-light .rm-reference-main .rm-unlinked-reference-container:has(> .flex-h-box > .rm-caret-closed) strong[style="color: rgb(206, 217, 224);"] {
  color: #8a9ba8 !important;
}

.bp3-dark .rm-reference-main .rm-reference-container:has(> .flex-h-box > .rm-caret-closed) div[style="color: rgb(206, 217, 224);"] strong, .bp3-dark .rm-reference-main .rm-unlinked-reference-container:has(> .flex-h-box > .rm-caret-closed) strong[style="color: rgb(206, 217, 224);"] {
  color: #8a9ba8 !important;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-reference-main .rm-reference-container:has(> .flex-h-box > .rm-caret-closed) div[style="color: rgb(206, 217, 224);"] strong, :where(:root:not(.bp3-light)) .rm-reference-main .rm-unlinked-reference-container:has(> .flex-h-box > .rm-caret-closed) strong[style="color: rgb(206, 217, 224);"] {
    color: #8a9ba8 !important;
  }
}
.rm-reference-main div[style="color: rgb(206, 217, 224);"] strong, .rm-reference-main strong[style="color: rgb(206, 217, 224);"] {
  color: #182026 !important;
  font-weight: 500 !important;
}

.bp3-light .rm-reference-main div[style="color: rgb(206, 217, 224);"] strong, .bp3-light .rm-reference-main strong[style="color: rgb(206, 217, 224);"] {
  color: #182026 !important;
  font-weight: 500 !important;
}

.bp3-dark .rm-reference-main div[style="color: rgb(206, 217, 224);"] strong, .bp3-dark .rm-reference-main strong[style="color: rgb(206, 217, 224);"] {
  color: #8a9ba8 !important;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-reference-main div[style="color: rgb(206, 217, 224);"] strong, :where(:root:not(.bp3-light)) .rm-reference-main strong[style="color: rgb(206, 217, 224);"] {
    color: #8a9ba8 !important;
  }
}
.rm-nested-refs {
  background-color: transparent;
  border-radius: 5px;
  box-shadow: inset 0px 0px 0px 2px #d99e0b;
}

.bp3-light .rm-nested-refs {
  background-color: transparent;
  border-radius: 5px;
  box-shadow: inset 0px 0px 0px 2px #d99e0b;
}

.bp3-dark .rm-nested-refs {
  background-color: transparent;
  box-shadow: inset 0px 0px 0px 2px #d99e0b;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-nested-refs {
    background-color: transparent;
    box-shadow: inset 0px 0px 0px 2px #d99e0b;
  }
}
.rm-mentions .rm-ref-page-view .rm-ref-page-view-title:hover {
  text-decoration: none !important;
}

.bp3-light .rm-mentions .rm-ref-page-view .rm-ref-page-view-title:hover {
  text-decoration: none !important;
}

.rm-mentions .rm-ref-page-view .rm-ref-page-view-title {
  font-weight: 500;
}

.bp3-light .rm-mentions .rm-ref-page-view .rm-ref-page-view-title {
  font-weight: 500;
}

.rm-mentions-search__input:focus {
  background-color: #ffffff;
}

.bp3-light .rm-mentions-search__input:focus {
  background-color: #ffffff;
}

.bp3-dark .rm-mentions-search__input:focus {
  background-color: rgba(16, 22, 26, 0.3);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-mentions-search__input:focus {
    background-color: rgba(16, 22, 26, 0.3);
  }
}
.rm-mentions-search__input {
  background-color: transparent;
  box-shadow: none;
}

.bp3-light .rm-mentions-search__input {
  background-color: transparent;
  box-shadow: none;
}

.bp3-dark .rm-mentions-search__input {
  background-color: transparent;
  box-shadow: none;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-mentions-search__input {
    background-color: transparent;
    box-shadow: none;
  }
}
.sidebar-content .rm-dnd-separator .rm-dnd-drop-bar {
  background-color: #5c7080;
}

.bp3-light .sidebar-content .rm-dnd-separator .rm-dnd-drop-bar {
  background-color: #5c7080;
}

.bp3-dark .sidebar-content .rm-dnd-separator .rm-dnd-drop-bar {
  background-color: #bfccd6;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .sidebar-content .rm-dnd-separator .rm-dnd-drop-bar {
    background-color: #bfccd6;
  }
}
.rm-right-sidebar__helper-text {
  color: #8a9ba8;
  font-family: Inter, sans-serif;
}

.bp3-light .rm-right-sidebar__helper-text {
  color: #8a9ba8;
  font-family: Inter, sans-serif;
}

.bp3-dark .rm-right-sidebar__helper-text {
  color: #8a9ba8;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-right-sidebar__helper-text {
    color: #8a9ba8;
  }
}
.rm-sidebar-search .rm-reference-item {
  border-top: 1px solid #d4d8de;
}

.bp3-light .rm-sidebar-search .rm-reference-item {
  border-top: 1px solid #d4d8de;
}

.bp3-dark .rm-sidebar-search .rm-reference-item {
  border-top: 1px solid #182026;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-sidebar-search .rm-reference-item {
    border-top: 1px solid #182026;
  }
}
.rm-sidebar-search > div {
  background-color: transparent !important;
}

.bp3-light .rm-sidebar-search > div {
  background-color: transparent !important;
}

.bp3-dark .rm-sidebar-search > div {
  background-color: transparent !important;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-sidebar-search > div {
    background-color: transparent !important;
  }
}
#right-sidebar .rm-sidebar-outline .rm-title-display, #right-sidebar .rm-sidebar-outline .rm-title-editing-display {
  font-size: 1rem;
  font-weight: 600;
}

.bp3-light #right-sidebar .rm-sidebar-outline .rm-title-display, .bp3-light #right-sidebar .rm-sidebar-outline .rm-title-editing-display {
  font-size: 1rem;
  font-weight: 600;
}

#right-sidebar .rm-sidebar-window {
  border-bottom: 1px solid #d4d8de !important;
}

.bp3-light #right-sidebar .rm-sidebar-window {
  border-bottom: 1px solid #d4d8de !important;
}

.bp3-dark #right-sidebar .rm-sidebar-window {
  border-bottom: 1px solid #182026 !important;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) #right-sidebar .rm-sidebar-window {
    border-bottom: 1px solid #182026 !important;
  }
}
#right-sidebar {
  background-color: #ebf1f5;
  border-left: none;
  box-shadow: -1px 0 0 rgba(16, 22, 26, 0.15);
  font-family: Inter, sans-serif;
}

.bp3-light #right-sidebar {
  background-color: #ebf1f5;
  border-left: none;
  box-shadow: -1px 0 0 rgba(16, 22, 26, 0.15);
  font-family: Inter, sans-serif;
}

.bp3-dark #right-sidebar {
  background-color: #293742;
  border-left: none;
  box-shadow: -1px 0 0 rgba(16, 22, 26, 0.4);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) #right-sidebar {
    background-color: #293742;
    border-left: none;
    box-shadow: -1px 0 0 rgba(16, 22, 26, 0.4);
  }
}
.rm-jump-date-picker .bp3-datepicker .DayPicker-Day.DayPicker-Day--dateHasNoPage {
  color: #182026;
}

.bp3-light .rm-jump-date-picker .bp3-datepicker .DayPicker-Day.DayPicker-Day--dateHasNoPage {
  color: #182026;
}

.bp3-dark .rm-jump-date-picker .bp3-datepicker .DayPicker-Day.DayPicker-Day--dateHasNoPage {
  color: #ffffff;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-jump-date-picker .bp3-datepicker .DayPicker-Day.DayPicker-Day--dateHasNoPage {
    color: #ffffff;
  }
}
.rm-jump-date-picker .bp3-datepicker .DayPicker-Day.DayPicker-Day--today {
  color: #182026;
}

.bp3-light .rm-jump-date-picker .bp3-datepicker .DayPicker-Day.DayPicker-Day--today {
  color: #182026;
}

.bp3-dark .rm-jump-date-picker .bp3-datepicker .DayPicker-Day.DayPicker-Day--today {
  color: #ffffff;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-jump-date-picker .bp3-datepicker .DayPicker-Day.DayPicker-Day--today {
    color: #ffffff;
  }
}
.rm-jump-date-picker .bp3-datepicker .DayPicker-Day.DayPicker-Day--selected.DayPicker-Day--today {
  color: #ffffff;
}

.bp3-light .rm-jump-date-picker .bp3-datepicker .DayPicker-Day.DayPicker-Day--selected.DayPicker-Day--today {
  color: #ffffff;
}

.bp3-dark .rm-jump-date-picker .bp3-datepicker .DayPicker-Day.DayPicker-Day--selected.DayPicker-Day--today {
  color: #ffffff;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-jump-date-picker .bp3-datepicker .DayPicker-Day.DayPicker-Day--selected.DayPicker-Day--today {
    color: #ffffff;
  }
}
.rm-install-menu-item.bp3-menu-item.bp3-intent-primary:hover {
  background-color: rgba(18.819, 124.5539, 190.281, 0.15);
  color: #106ba3;
}

.bp3-light .rm-install-menu-item.bp3-menu-item.bp3-intent-primary:hover {
  background-color: rgba(18.819, 124.5539, 190.281, 0.15);
  color: #106ba3;
}

.bp3-dark .rm-install-menu-item.bp3-menu-item.bp3-intent-primary:hover {
  background-color: rgba(18.819, 124.5539, 190.281, 0.2);
  color: #48aff0;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-install-menu-item.bp3-menu-item.bp3-intent-primary:hover {
    background-color: rgba(18.819, 124.5539, 190.281, 0.2);
    color: #48aff0;
  }
}
.rm-install-menu-item.bp3-menu-item.bp3-intent-primary {
  background-color: transparent;
  border-top: 1px solid rgba(16, 107, 163, 0.6);
  border-right: 1px solid rgba(16, 107, 163, 0.6);
  border-bottom: 1px solid rgba(16, 107, 163, 0.6);
  border-left: 1px solid rgba(16, 107, 163, 0.6);
  color: #106ba3;
}

.bp3-light .rm-install-menu-item.bp3-menu-item.bp3-intent-primary {
  background-color: transparent;
  border-top: 1px solid rgba(16, 107, 163, 0.6);
  border-right: 1px solid rgba(16, 107, 163, 0.6);
  border-bottom: 1px solid rgba(16, 107, 163, 0.6);
  border-left: 1px solid rgba(16, 107, 163, 0.6);
  color: #106ba3;
}

.bp3-dark .rm-install-menu-item.bp3-menu-item.bp3-intent-primary {
  background-color: transparent;
  border-top: 1px solid rgba(72, 175, 240, 0.6);
  border-right: 1px solid rgba(72, 175, 240, 0.6);
  border-bottom: 1px solid rgba(72, 175, 240, 0.6);
  border-left: 1px solid rgba(72, 175, 240, 0.6);
  color: #48aff0;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-install-menu-item.bp3-menu-item.bp3-intent-primary {
    background-color: transparent;
    border-top: 1px solid rgba(72, 175, 240, 0.6);
    border-right: 1px solid rgba(72, 175, 240, 0.6);
    border-bottom: 1px solid rgba(72, 175, 240, 0.6);
    border-left: 1px solid rgba(72, 175, 240, 0.6);
    color: #48aff0;
  }
}
.rm-modal-dialog {
  background-color: #ebf1f5;
}

.bp3-light .rm-modal-dialog {
  background-color: #ebf1f5;
}

.bp3-dark .rm-modal-dialog {
  background-color: #202b33;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-modal-dialog {
    background-color: #202b33;
  }
}
.rm-roam-css--active, .rm-code-warning--active {
  background-color: rgba(217.515, 130.05, 42.585, 0.15);
  color: #182026;
}

.bp3-light .rm-roam-css--active, .bp3-light .rm-code-warning--active {
  background-color: rgba(217.515, 130.05, 42.585, 0.15);
  color: #182026;
}

.bp3-dark .rm-roam-css--active, .bp3-dark .rm-code-warning--active {
  background-color: rgba(217.515, 130.05, 42.585, 0.25);
  color: #ffffff;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-roam-css--active, :where(:root:not(.bp3-light)) .rm-code-warning--active {
    background-color: rgba(217.515, 130.05, 42.585, 0.25);
    color: #ffffff;
  }
}
.rm-roam-css--active .bp3-button:hover, .rm-code-warning--active .bp3-button:hover {
  background-color: #bf7326;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
  color: #ffffff;
}

.bp3-light .rm-roam-css--active .bp3-button:hover, .bp3-light .rm-code-warning--active .bp3-button:hover {
  background-color: #bf7326;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
  color: #ffffff;
}

.bp3-dark .rm-roam-css--active .bp3-button:hover, .bp3-dark .rm-code-warning--active .bp3-button:hover {
  background-color: #bf7326;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
  color: #ffffff;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-roam-css--active .bp3-button:hover, :where(:root:not(.bp3-light)) .rm-code-warning--active .bp3-button:hover {
    background-color: #bf7326;
    box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
    color: #ffffff;
  }
}
.rm-roam-css--active .bp3-button, .rm-code-warning--active .bp3-button {
  background-color: hsl(30, 70%, 51%);
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0));
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
  color: #ffffff;
}

.bp3-light .rm-roam-css--active .bp3-button, .bp3-light .rm-code-warning--active .bp3-button {
  background-color: hsl(30, 70%, 51%);
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0));
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
  color: #ffffff;
}

.bp3-dark .rm-roam-css--active .bp3-button, .bp3-dark .rm-code-warning--active .bp3-button {
  background-color: hsl(30, 70%, 51%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
  color: #ffffff;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-roam-css--active .bp3-button, :where(:root:not(.bp3-light)) .rm-code-warning--active .bp3-button {
    background-color: hsl(30, 70%, 51%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
    box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
    color: #ffffff;
  }
}
.rm-roam-css--active .rm-roam-css__description:first-child, .rm-code-warning--active .rm-code-warning__description:first-child, .rm-roam-css--active .rm-roam-css__description:first-child a, .rm-code-warning--active .rm-code-warning__description:first-child a {
  color: #bf7326;
  font-size: 1rem;
  font-weight: 700;
}

.bp3-light .rm-roam-css--active .rm-roam-css__description:first-child, .bp3-light .rm-code-warning--active .rm-code-warning__description:first-child, .bp3-light .rm-roam-css--active .rm-roam-css__description:first-child a, .bp3-light .rm-code-warning--active .rm-code-warning__description:first-child a {
  color: #bf7326;
  font-size: 1rem;
  font-weight: 700;
}

.bp3-dark .rm-roam-css--active .rm-roam-css__description:first-child, .bp3-dark .rm-code-warning--active .rm-code-warning__description:first-child, .bp3-dark .rm-roam-css--active .rm-roam-css__description:first-child a, .bp3-dark .rm-code-warning--active .rm-code-warning__description:first-child a {
  color: #ffb366;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-roam-css--active .rm-roam-css__description:first-child, :where(:root:not(.bp3-light)) .rm-code-warning--active .rm-code-warning__description:first-child, :where(:root:not(.bp3-light)) .rm-roam-css--active .rm-roam-css__description:first-child a, :where(:root:not(.bp3-light)) .rm-code-warning--active .rm-code-warning__description:first-child a {
    color: #ffb366;
  }
}
.rm-roam-css--inactive, .rm-code-warning--inactive {
  background-color: rgba(219, 57, 57, 0.15);
  color: #182026;
}

.bp3-light .rm-roam-css--inactive, .bp3-light .rm-code-warning--inactive {
  background-color: rgba(219, 57, 57, 0.15);
  color: #182026;
}

.bp3-dark .rm-roam-css--inactive, .bp3-dark .rm-code-warning--inactive {
  background-color: rgba(219, 57, 57, 0.25);
  color: #ffffff;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-roam-css--inactive, :where(:root:not(.bp3-light)) .rm-code-warning--inactive {
    background-color: rgba(219, 57, 57, 0.25);
    color: #ffffff;
  }
}
.rm-roam-css--inactive .bp3-button:hover, .rm-code-warning--inactive .bp3-button:hover {
  background-color: #c23030;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
  color: #ffffff;
}

.bp3-light .rm-roam-css--inactive .bp3-button:hover, .bp3-light .rm-code-warning--inactive .bp3-button:hover {
  background-color: #c23030;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
  color: #ffffff;
}

.bp3-dark .rm-roam-css--inactive .bp3-button:hover, .bp3-dark .rm-code-warning--inactive .bp3-button:hover {
  background-color: #c23030;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
  color: #ffffff;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-roam-css--inactive .bp3-button:hover, :where(:root:not(.bp3-light)) .rm-code-warning--inactive .bp3-button:hover {
    background-color: #c23030;
    box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
    color: #ffffff;
  }
}
.rm-roam-css--inactive .bp3-button, .rm-code-warning--inactive .bp3-button {
  background-color: rgb(219, 57, 57);
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0));
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
  color: #ffffff;
}

.bp3-light .rm-roam-css--inactive .bp3-button, .bp3-light .rm-code-warning--inactive .bp3-button {
  background-color: rgb(219, 57, 57);
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0));
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
  color: #ffffff;
}

.bp3-dark .rm-roam-css--inactive .bp3-button, .bp3-dark .rm-code-warning--inactive .bp3-button {
  background-color: rgb(219, 57, 57);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
  color: #ffffff;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-roam-css--inactive .bp3-button, :where(:root:not(.bp3-light)) .rm-code-warning--inactive .bp3-button {
    background-color: rgb(219, 57, 57);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
    box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
    color: #ffffff;
  }
}
.rm-roam-css--inactive .rm-roam-css__description:first-child, .rm-code-warning--inactive .rm-code-warning__description:first-child, .rm-roam-css--inactive .rm-roam-css__description:first-child a, .rm-code-warning--inactive .rm-code-warning__description:first-child a {
  color: #c23030;
  font-size: 1rem;
  font-weight: 700;
}

.bp3-light .rm-roam-css--inactive .rm-roam-css__description:first-child, .bp3-light .rm-code-warning--inactive .rm-code-warning__description:first-child, .bp3-light .rm-roam-css--inactive .rm-roam-css__description:first-child a, .bp3-light .rm-code-warning--inactive .rm-code-warning__description:first-child a {
  color: #c23030;
  font-size: 1rem;
  font-weight: 700;
}

.bp3-dark .rm-roam-css--inactive .rm-roam-css__description:first-child, .bp3-dark .rm-code-warning--inactive .rm-code-warning__description:first-child, .bp3-dark .rm-roam-css--inactive .rm-roam-css__description:first-child a, .bp3-dark .rm-code-warning--inactive .rm-code-warning__description:first-child a {
  color: #ff7373;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-roam-css--inactive .rm-roam-css__description:first-child, :where(:root:not(.bp3-light)) .rm-code-warning--inactive .rm-code-warning__description:first-child, :where(:root:not(.bp3-light)) .rm-roam-css--inactive .rm-roam-css__description:first-child a, :where(:root:not(.bp3-light)) .rm-code-warning--inactive .rm-code-warning__description:first-child a {
    color: #ff7373;
  }
}
.advanced-search-el .result-item-container .date {
  color: #8a9ba8;
}

.bp3-light .advanced-search-el .result-item-container .date {
  color: #8a9ba8;
}

.bp3-dark .advanced-search-el .result-item-container .date {
  color: #8a9ba8;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .advanced-search-el .result-item-container .date {
    color: #8a9ba8;
  }
}
.advanced-search-el .sidebar {
  background-color: #ebf1f5;
  color: #182026;
}

.bp3-light .advanced-search-el .sidebar {
  background-color: #ebf1f5;
  color: #182026;
}

.bp3-dark .advanced-search-el .sidebar {
  background-color: #202b33;
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .advanced-search-el .sidebar {
    background-color: #202b33;
    color: rgb(245, 248, 250);
  }
}
.advanced-search-el .sidebar .bp3-button-text {
  color: #8a9ba8;
}

.bp3-light .advanced-search-el .sidebar .bp3-button-text {
  color: #8a9ba8;
}

.bp3-dark .advanced-search-el .sidebar .bp3-button-text {
  color: #8a9ba8;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .advanced-search-el .sidebar .bp3-button-text {
    color: #8a9ba8;
  }
}
.rm-settings .rm-settings-panel #rm-graph-api-tokens-settings {
  border-bottom: 1px solid rgba(16, 22, 26, 0.15);
}

.bp3-light .rm-settings .rm-settings-panel #rm-graph-api-tokens-settings {
  border-bottom: 1px solid rgba(16, 22, 26, 0.15);
}

.bp3-dark .rm-settings .rm-settings-panel #rm-graph-api-tokens-settings {
  border-bottom: 1px solid rgba(16, 22, 26, 0.4);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-settings .rm-settings-panel #rm-graph-api-tokens-settings {
    border-bottom: 1px solid rgba(16, 22, 26, 0.4);
  }
}
.rm-settings .rm-settings-panel .rm-settings-panel__description {
  color: #30404d;
}

.bp3-light .rm-settings .rm-settings-panel .rm-settings-panel__description {
  color: #30404d;
}

.bp3-dark .rm-settings .rm-settings-panel .rm-settings-panel__description {
  color: #ced9e0;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-settings .rm-settings-panel .rm-settings-panel__description {
    color: #ced9e0;
  }
}
.rm-settings--desktop .rm-extension-settings-heading {
  color: inherit;
  font-size: 0.9rem;
  font-weight: 700;
  text-transform: none;
}

.bp3-light .rm-settings--desktop .rm-extension-settings-heading {
  color: inherit;
  font-size: 0.9rem;
  font-weight: 700;
  text-transform: none;
}

.bp3-dark .rm-settings--desktop .rm-extension-settings-heading {
  color: inherit;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-settings--desktop .rm-extension-settings-heading {
    color: inherit;
  }
}
.rm-extensions-settings {
  background-color: transparent;
  color: #182026;
}

.bp3-light .rm-extensions-settings {
  background-color: transparent;
  color: #182026;
}

.bp3-dark .rm-extensions-settings {
  background-color: transparent;
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-extensions-settings {
    background-color: transparent;
    color: rgb(245, 248, 250);
  }
}
.rm-file-list-item__description a:hover {
  color: #106ba3 !important;
  text-decoration: underline;
}

.bp3-light .rm-file-list-item__description a:hover {
  color: #106ba3 !important;
  text-decoration: underline;
}

.bp3-dark .rm-file-list-item__description a:hover {
  color: #48aff0 !important;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-file-list-item__description a:hover {
    color: #48aff0 !important;
  }
}
.rm-file-list-item__description a {
  color: #106ba3 !important;
  text-decoration: none;
}

.bp3-light .rm-file-list-item__description a {
  color: #106ba3 !important;
  text-decoration: none;
}

.bp3-dark .rm-file-list-item__description a {
  color: #48aff0 !important;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-file-list-item__description a {
    color: #48aff0 !important;
  }
}
#rm-graph-graph-history-settings .bp3-button:not([class*=bp3-intent-]):active {
  background-color: #d8e1e8;
  background-image: none;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 1px 2px rgba(16, 22, 26, 0.2);
}

.bp3-light #rm-graph-graph-history-settings .bp3-button:not([class*=bp3-intent-]):active {
  background-color: #d8e1e8;
  background-image: none;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 1px 2px rgba(16, 22, 26, 0.2);
}

.bp3-dark #rm-graph-graph-history-settings .bp3-button:not([class*=bp3-intent-]):active {
  background-color: #202b33;
  background-image: none;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.6), inset 0 1px 2px rgba(16, 22, 26, 0.2);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) #rm-graph-graph-history-settings .bp3-button:not([class*=bp3-intent-]):active {
    background-color: #202b33;
    background-image: none;
    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.6), inset 0 1px 2px rgba(16, 22, 26, 0.2);
  }
}
#rm-graph-graph-history-settings .bp3-button:not([class*=bp3-intent-]):disabled {
  background-color: rgba(206, 217, 224, 0.5);
  background-image: none;
  box-shadow: none;
  color: rgba(92, 112, 128, 0.6);
}

.bp3-light #rm-graph-graph-history-settings .bp3-button:not([class*=bp3-intent-]):disabled {
  background-color: rgba(206, 217, 224, 0.5);
  background-image: none;
  box-shadow: none;
  color: rgba(92, 112, 128, 0.6);
}

.bp3-dark #rm-graph-graph-history-settings .bp3-button:not([class*=bp3-intent-]):disabled {
  background-color: rgba(57, 75, 89, 0.5);
  background-image: none;
  box-shadow: none;
  color: rgba(167, 182, 194, 0.6);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) #rm-graph-graph-history-settings .bp3-button:not([class*=bp3-intent-]):disabled {
    background-color: rgba(57, 75, 89, 0.5);
    background-image: none;
    box-shadow: none;
    color: rgba(167, 182, 194, 0.6);
  }
}
#rm-graph-graph-history-settings .bp3-button:not([class*=bp3-intent-]):disabled:active {
  background-color: rgba(206, 217, 224, 0.7);
}

.bp3-light #rm-graph-graph-history-settings .bp3-button:not([class*=bp3-intent-]):disabled:active {
  background-color: rgba(206, 217, 224, 0.7);
}

.bp3-dark #rm-graph-graph-history-settings .bp3-button:not([class*=bp3-intent-]):disabled:active {
  background-color: rgba(57, 75, 89, 0.7);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) #rm-graph-graph-history-settings .bp3-button:not([class*=bp3-intent-]):disabled:active {
    background-color: rgba(57, 75, 89, 0.7);
  }
}
#rm-graph-graph-history-settings .bp3-button:not([class*=bp3-intent-]):hover {
  background-color: #ebf1f5;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
}

.bp3-light #rm-graph-graph-history-settings .bp3-button:not([class*=bp3-intent-]):hover {
  background-color: #ebf1f5;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
}

.bp3-dark #rm-graph-graph-history-settings .bp3-button:not([class*=bp3-intent-]):hover {
  background-color: #293742;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) #rm-graph-graph-history-settings .bp3-button:not([class*=bp3-intent-]):hover {
    background-color: #293742;
    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
  }
}
#rm-graph-graph-history-settings .bp3-button:not([class*=bp3-intent-]) {
  background-color: rgb(245, 248, 250);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
  color: #182026;
}

.bp3-light #rm-graph-graph-history-settings .bp3-button:not([class*=bp3-intent-]) {
  background-color: rgb(245, 248, 250);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
  color: #182026;
}

.bp3-dark #rm-graph-graph-history-settings .bp3-button:not([class*=bp3-intent-]) {
  background-color: #30404d;
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.05), hsla(0, 0%, 100%, 0));
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) #rm-graph-graph-history-settings .bp3-button:not([class*=bp3-intent-]) {
    background-color: #30404d;
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.05), hsla(0, 0%, 100%, 0));
    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
    color: rgb(245, 248, 250);
  }
}
.rm-settings--desktop .rm-settings-heading {
  color: #182026;
  font-size: 16px;
  font-weight: 600;
  text-transform: none;
}

.bp3-light .rm-settings--desktop .rm-settings-heading {
  color: #182026;
  font-size: 16px;
  font-weight: 600;
  text-transform: none;
}

.bp3-dark .rm-settings--desktop .rm-settings-heading {
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-settings--desktop .rm-settings-heading {
    color: rgb(245, 248, 250);
  }
}
.rm-hotkeys-settings .rm-hotkeys-group .rm-hotkeys-action .rm-hotkeys-hotkey__part {
  background-color: #5c7080;
  color: rgb(245, 248, 250);
}

.bp3-light .rm-hotkeys-settings .rm-hotkeys-group .rm-hotkeys-action .rm-hotkeys-hotkey__part {
  background-color: #5c7080;
  color: rgb(245, 248, 250);
}

.bp3-dark .rm-hotkeys-settings .rm-hotkeys-group .rm-hotkeys-action .rm-hotkeys-hotkey__part {
  background-color: #bfccd6;
  color: #182026;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-hotkeys-settings .rm-hotkeys-group .rm-hotkeys-action .rm-hotkeys-hotkey__part {
    background-color: #bfccd6;
    color: #182026;
  }
}
.rm-hotkeys-settings .rm-hotkeys-group__hr {
  border-top: 1px solid rgba(16, 22, 26, 0.15);
}

.bp3-light .rm-hotkeys-settings .rm-hotkeys-group__hr {
  border-top: 1px solid rgba(16, 22, 26, 0.15);
}

.bp3-dark .rm-hotkeys-settings .rm-hotkeys-group__hr {
  border-top: 1px solid rgba(16, 22, 26, 0.4);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-hotkeys-settings .rm-hotkeys-group__hr {
    border-top: 1px solid rgba(16, 22, 26, 0.4);
  }
}
.rm-hotkeys-settings .rm-hotkeys-group__section-hr {
  border-top: 2px solid rgba(16, 22, 26, 0.15);
}

.bp3-light .rm-hotkeys-settings .rm-hotkeys-group__section-hr {
  border-top: 2px solid rgba(16, 22, 26, 0.15);
}

.bp3-dark .rm-hotkeys-settings .rm-hotkeys-group__section-hr {
  border-top: 2px solid rgba(16, 22, 26, 0.4);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-hotkeys-settings .rm-hotkeys-group__section-hr {
    border-top: 2px solid rgba(16, 22, 26, 0.4);
  }
}
.rm-settings input[type=text]:focus, .rm-settings .rm-settings-panel .rm-settings-panel__small-numeric-input input[type=text]:focus, .rm-settings input[type=password]:focus {
  background-color: #ffffff;
  box-shadow: 0 0 0 1px hsl(203, 82%, 41%), 0 0 0 3px rgba(18.819, 124.5539, 190.281, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.2);
}

.bp3-light .rm-settings input[type=text]:focus, .bp3-light .rm-settings .rm-settings-panel .rm-settings-panel__small-numeric-input input[type=text]:focus, .bp3-light .rm-settings input[type=password]:focus {
  background-color: #ffffff;
  box-shadow: 0 0 0 1px hsl(203, 82%, 41%), 0 0 0 3px rgba(18.819, 124.5539, 190.281, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.2);
}

.bp3-dark .rm-settings input[type=text]:focus, .bp3-dark .rm-settings .rm-settings-panel .rm-settings-panel__small-numeric-input input[type=text]:focus, .bp3-dark .rm-settings input[type=password]:focus {
  background-color: rgba(16, 22, 26, 0.3);
  box-shadow: 0 0 0 1px hsl(203, 82%, 41%), 0 0 0 1px hsl(203, 82%, 41%), 0 0 0 3px rgba(18.819, 124.5539, 190.281, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-settings input[type=text]:focus, :where(:root:not(.bp3-light)) .rm-settings .rm-settings-panel .rm-settings-panel__small-numeric-input input[type=text]:focus, :where(:root:not(.bp3-light)) .rm-settings input[type=password]:focus {
    background-color: rgba(16, 22, 26, 0.3);
    box-shadow: 0 0 0 1px hsl(203, 82%, 41%), 0 0 0 1px hsl(203, 82%, 41%), 0 0 0 3px rgba(18.819, 124.5539, 190.281, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
  }
}
.rm-settings input[type=text], .rm-settings .rm-settings-panel .rm-settings-panel__small-numeric-input input[type=text], .rm-settings input[type=password] {
  background-color: #ffffff;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  border-radius: 3px;
  box-shadow: 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2);
  color: #182026;
  font-size: 1rem;
  font-weight: 400;
}

.bp3-light .rm-settings input[type=text], .bp3-light .rm-settings .rm-settings-panel .rm-settings-panel__small-numeric-input input[type=text], .bp3-light .rm-settings input[type=password] {
  background-color: #ffffff;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  border-radius: 3px;
  box-shadow: 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2);
  color: #182026;
  font-size: 1rem;
  font-weight: 400;
}

.bp3-dark .rm-settings input[type=text], .bp3-dark .rm-settings .rm-settings-panel .rm-settings-panel__small-numeric-input input[type=text], .bp3-dark .rm-settings input[type=password] {
  background-color: rgba(16, 22, 26, 0.3);
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  box-shadow: 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-settings input[type=text], :where(:root:not(.bp3-light)) .rm-settings .rm-settings-panel .rm-settings-panel__small-numeric-input input[type=text], :where(:root:not(.bp3-light)) .rm-settings input[type=password] {
    background-color: rgba(16, 22, 26, 0.3);
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
    box-shadow: 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
    color: rgb(245, 248, 250);
  }
}
.rm-settings input[type=text]::placeholder, .rm-settings .rm-settings-panel .rm-settings-panel__small-numeric-input input[type=text]::placeholder, .rm-settings input[type=password]::placeholder {
  color: rgba(92, 112, 128, 0.6);
}

.bp3-light .rm-settings input[type=text]::placeholder, .bp3-light .rm-settings .rm-settings-panel .rm-settings-panel__small-numeric-input input[type=text]::placeholder, .bp3-light .rm-settings input[type=password]::placeholder {
  color: rgba(92, 112, 128, 0.6);
}

.bp3-dark .rm-settings input[type=text]::placeholder, .bp3-dark .rm-settings .rm-settings-panel .rm-settings-panel__small-numeric-input input[type=text]::placeholder, .bp3-dark .rm-settings input[type=password]::placeholder {
  color: rgba(167, 182, 194, 0.6);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-settings input[type=text]::placeholder, :where(:root:not(.bp3-light)) .rm-settings .rm-settings-panel .rm-settings-panel__small-numeric-input input[type=text]::placeholder, :where(:root:not(.bp3-light)) .rm-settings input[type=password]::placeholder {
    color: rgba(167, 182, 194, 0.6);
  }
}
.rm-settings-panel::-webkit-scrollbar-thumb {
  background-color: #8a9ba8;
}

.bp3-light .rm-settings-panel::-webkit-scrollbar-thumb {
  background-color: #8a9ba8;
}

.bp3-dark .rm-settings-panel::-webkit-scrollbar-thumb {
  background-color: #8a9ba8;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-settings-panel::-webkit-scrollbar-thumb {
    background-color: #8a9ba8;
  }
}
.rm-settings-panel::-webkit-scrollbar-track {
  background-color: #ffffff;
}

.bp3-light .rm-settings-panel::-webkit-scrollbar-track {
  background-color: #ffffff;
}

.bp3-dark .rm-settings-panel::-webkit-scrollbar-track {
  background-color: #293742;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-settings-panel::-webkit-scrollbar-track {
    background-color: #293742;
  }
}
.rm-settings .rm-settings-panel__section {
  border-top: 1px solid rgba(16, 22, 26, 0.15);
}

.bp3-light .rm-settings .rm-settings-panel__section {
  border-top: 1px solid rgba(16, 22, 26, 0.15);
}

.bp3-dark .rm-settings .rm-settings-panel__section {
  border-top: 1px solid rgba(16, 22, 26, 0.4);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-settings .rm-settings-panel__section {
    border-top: 1px solid rgba(16, 22, 26, 0.4);
  }
}
.rm-settings .rm-settings-panel__section--top {
  border-top: none;
}

.bp3-light .rm-settings .rm-settings-panel__section--top {
  border-top: none;
}

.bp3-dark .rm-settings .rm-settings-panel__section--top {
  border-top: none;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-settings .rm-settings-panel__section--top {
    border-top: none;
  }
}
.rm-settings .rm-settings-panel .rm-select-wrapper {
  background-color: transparent;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  border-radius: 0;
}

.bp3-light .rm-settings .rm-settings-panel .rm-select-wrapper {
  background-color: transparent;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  border-radius: 0;
}

.bp3-dark .rm-settings .rm-settings-panel .rm-select-wrapper {
  background-color: transparent;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-settings .rm-settings-panel .rm-select-wrapper {
    background-color: transparent;
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
  }
}
.rm-settings .rm-select-wrapper button.bp3-button:hover {
  background-color: #ebf1f5;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
  color: #182026;
}

.bp3-light .rm-settings .rm-select-wrapper button.bp3-button:hover {
  background-color: #ebf1f5;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
  color: #182026;
}

.bp3-dark .rm-settings .rm-select-wrapper button.bp3-button:hover {
  background-color: #30404d;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-settings .rm-select-wrapper button.bp3-button:hover {
    background-color: #30404d;
    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
    color: rgb(245, 248, 250);
  }
}
.rm-settings .rm-select-wrapper button.bp3-button {
  background-color: rgb(245, 248, 250);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
  color: #182026;
}

.bp3-light .rm-settings .rm-select-wrapper button.bp3-button {
  background-color: rgb(245, 248, 250);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
  color: #182026;
}

.bp3-dark .rm-settings .rm-select-wrapper button.bp3-button {
  background-color: #30404d;
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.05), hsla(0, 0%, 100%, 0));
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-settings .rm-select-wrapper button.bp3-button {
    background-color: #30404d;
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.05), hsla(0, 0%, 100%, 0));
    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
    color: rgb(245, 248, 250);
  }
}
.rm-settings .rm-settings-panel table th, .rm-settings .rm-settings-panel table td, .rm-settings .rm-settings-panel table tr {
  border-top: 1px solid rgba(16, 22, 26, 0.15);
  border-right: 1px solid rgba(16, 22, 26, 0.15);
  border-bottom: 1px solid rgba(16, 22, 26, 0.15) !important;
  border-left: 1px solid rgba(16, 22, 26, 0.15);
}

.bp3-light .rm-settings .rm-settings-panel table th, .bp3-light .rm-settings .rm-settings-panel table td, .bp3-light .rm-settings .rm-settings-panel table tr {
  border-top: 1px solid rgba(16, 22, 26, 0.15);
  border-right: 1px solid rgba(16, 22, 26, 0.15);
  border-bottom: 1px solid rgba(16, 22, 26, 0.15) !important;
  border-left: 1px solid rgba(16, 22, 26, 0.15);
}

.bp3-dark .rm-settings .rm-settings-panel table th, .bp3-dark .rm-settings .rm-settings-panel table td, .bp3-dark .rm-settings .rm-settings-panel table tr {
  border-top: 1px solid rgba(16, 22, 26, 0.4);
  border-right: 1px solid rgba(16, 22, 26, 0.4);
  border-bottom: 1px solid rgba(16, 22, 26, 0.4) !important;
  border-left: 1px solid rgba(16, 22, 26, 0.4);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-settings .rm-settings-panel table th, :where(:root:not(.bp3-light)) .rm-settings .rm-settings-panel table td, :where(:root:not(.bp3-light)) .rm-settings .rm-settings-panel table tr {
    border-top: 1px solid rgba(16, 22, 26, 0.4);
    border-right: 1px solid rgba(16, 22, 26, 0.4);
    border-bottom: 1px solid rgba(16, 22, 26, 0.4) !important;
    border-left: 1px solid rgba(16, 22, 26, 0.4);
  }
}
.rm-settings .rm-settings__panel-wrapper {
  background-color: #ffffff;
}

.bp3-light .rm-settings .rm-settings__panel-wrapper {
  background-color: #ffffff;
}

.bp3-dark .rm-settings .rm-settings__panel-wrapper {
  background-color: #293742;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-settings .rm-settings__panel-wrapper {
    background-color: #293742;
  }
}
.rm-settings--desktop .rm-settings__tab:not(.rm-settings__panel-wrapper):hover {
  background-color: transparent;
}

.bp3-light .rm-settings--desktop .rm-settings__tab:not(.rm-settings__panel-wrapper):hover {
  background-color: transparent;
}

.bp3-dark .rm-settings--desktop .rm-settings__tab:not(.rm-settings__panel-wrapper):hover {
  background-color: transparent;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-settings--desktop .rm-settings__tab:not(.rm-settings__panel-wrapper):hover {
    background-color: transparent;
  }
}
.rm-settings--desktop .rm-settings__tab:not(.rm-settings__panel-wrapper)[aria-selected=true] {
  background-color: transparent !important;
  border-radius: 3px !important;
  color: #106ba3 !important;
}

.bp3-light .rm-settings--desktop .rm-settings__tab:not(.rm-settings__panel-wrapper)[aria-selected=true] {
  background-color: transparent !important;
  border-radius: 3px !important;
  color: #106ba3 !important;
}

.bp3-dark .rm-settings--desktop .rm-settings__tab:not(.rm-settings__panel-wrapper)[aria-selected=true] {
  background-color: transparent !important;
  color: #48aff0 !important;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-settings--desktop .rm-settings__tab:not(.rm-settings__panel-wrapper)[aria-selected=true] {
    background-color: transparent !important;
    color: #48aff0 !important;
  }
}
.rm-settings--desktop .rm-settings__tab:not(.rm-settings__panel-wrapper), .rm-settings .rm-settings__tab:not(.rm-settings__panel-wrapper) {
  color: #182026;
}

.bp3-light .rm-settings--desktop .rm-settings__tab:not(.rm-settings__panel-wrapper), .bp3-light .rm-settings .rm-settings__tab:not(.rm-settings__panel-wrapper) {
  color: #182026;
}

.bp3-dark .rm-settings--desktop .rm-settings__tab:not(.rm-settings__panel-wrapper), .bp3-dark .rm-settings .rm-settings__tab:not(.rm-settings__panel-wrapper) {
  color: unset;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-settings--desktop .rm-settings__tab:not(.rm-settings__panel-wrapper), :where(:root:not(.bp3-light)) .rm-settings .rm-settings__tab:not(.rm-settings__panel-wrapper) {
    color: unset;
  }
}
.rm-settings--desktop .rm-settings-tabs .bp3-tab-list {
  background-color: transparent;
  border-right: none;
}

.bp3-light .rm-settings--desktop .rm-settings-tabs .bp3-tab-list {
  background-color: transparent;
  border-right: none;
}

.bp3-dark .rm-settings--desktop .rm-settings-tabs .bp3-tab-list {
  background-color: transparent;
  border-right: none;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-settings--desktop .rm-settings-tabs .bp3-tab-list {
    background-color: transparent;
    border-right: none;
  }
}
.rm-settings--desktop .rm-settings-tabs .bp3-tab-list::-webkit-scrollbar-thumb {
  background-color: #8a9ba8;
}

.bp3-light .rm-settings--desktop .rm-settings-tabs .bp3-tab-list::-webkit-scrollbar-thumb {
  background-color: #8a9ba8;
}

.bp3-dark .rm-settings--desktop .rm-settings-tabs .bp3-tab-list::-webkit-scrollbar-thumb {
  background-color: #8a9ba8;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-settings--desktop .rm-settings-tabs .bp3-tab-list::-webkit-scrollbar-thumb {
    background-color: #8a9ba8;
  }
}
.rm-settings--desktop .rm-settings-tabs .bp3-tab-list::-webkit-scrollbar-track {
  background-color: #ebf1f5;
}

.bp3-light .rm-settings--desktop .rm-settings-tabs .bp3-tab-list::-webkit-scrollbar-track {
  background-color: #ebf1f5;
}

.bp3-dark .rm-settings--desktop .rm-settings-tabs .bp3-tab-list::-webkit-scrollbar-track {
  background-color: #202b33;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-settings--desktop .rm-settings-tabs .bp3-tab-list::-webkit-scrollbar-track {
    background-color: #202b33;
  }
}
.rm-settings--desktop .rm-settings-tabs {
  background-color: #ebf1f5;
}

.bp3-light .rm-settings--desktop .rm-settings-tabs {
  background-color: #ebf1f5;
}

.bp3-dark .rm-settings--desktop .rm-settings-tabs {
  background-color: #202b33;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-settings--desktop .rm-settings-tabs {
    background-color: #202b33;
  }
}
.rm-settings {
  background-color: #ffffff;
  color: #182026;
}

.bp3-light .rm-settings {
  background-color: #ffffff;
  color: #182026;
}

.bp3-dark .rm-settings {
  background-color: #293742;
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-settings {
    background-color: #293742;
    color: rgb(245, 248, 250);
  }
}
.bp3-tab-panel.text-white {
  color: #182026;
}

.bp3-light .bp3-tab-panel.text-white {
  color: #182026;
}

.bp3-dark .bp3-tab-panel.text-white {
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-tab-panel.text-white {
    color: rgb(245, 248, 250);
  }
}
.rm-sync--saving-local {
  background-color: #c23030;
}

.bp3-light .rm-sync--saving-local {
  background-color: #c23030;
}

.bp3-dark .rm-sync--saving-local {
  background-color: #c23030;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-sync--saving-local {
    background-color: #c23030;
  }
}
.rm-sync--saving-remote {
  background-color: hsl(30, 70%, 51%);
}

.bp3-light .rm-sync--saving-remote {
  background-color: hsl(30, 70%, 51%);
}

.bp3-dark .rm-sync--saving-remote {
  background-color: hsl(30, 70%, 51%);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-sync--saving-remote {
    background-color: hsl(30, 70%, 51%);
  }
}
.rm-sync--synced {
  background-color: hsl(155, 82%, 33%);
}

.bp3-light .rm-sync--synced {
  background-color: hsl(155, 82%, 33%);
}

.bp3-dark .rm-sync--synced {
  background-color: hsl(155, 82%, 33%);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-sync--synced {
    background-color: hsl(155, 82%, 33%);
  }
}
.rm-topbar {
  background-color: rgb(245, 248, 250);
  border-bottom: none;
}

.bp3-light .rm-topbar {
  background-color: rgb(245, 248, 250);
  border-bottom: none;
}

.bp3-dark .rm-topbar {
  background-color: #202b33;
  border-bottom: none;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-topbar {
    background-color: #202b33;
    border-bottom: none;
  }
}
.workbench-guide .sectionheaders {
  border-top: none !important;
  border-bottom: none !important;
  color: #182026 !important;
}

.bp3-light .workbench-guide .sectionheaders {
  border-top: none !important;
  border-bottom: none !important;
  color: #182026 !important;
}

.bp3-dark .workbench-guide .sectionheaders {
  border-top: none !important;
  border-bottom: none !important;
  color: rgb(245, 248, 250) !important;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .workbench-guide .sectionheaders {
    border-top: none !important;
    border-bottom: none !important;
    color: rgb(245, 248, 250) !important;
  }
}
.workbench-guide .itemheader {
  border-bottom: none !important;
  color: #182026 !important;
  font-weight: normal !important;
}

.bp3-light .workbench-guide .itemheader {
  border-bottom: none !important;
  color: #182026 !important;
  font-weight: normal !important;
}

.bp3-dark .workbench-guide .itemheader {
  border-bottom: none !important;
  color: rgb(245, 248, 250) !important;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .workbench-guide .itemheader {
    border-bottom: none !important;
    color: rgb(245, 248, 250) !important;
  }
}
.roamjs-workbench-stats-drawer .bp3-drawer-header .bp3-heading {
  color: inherit !important;
}

.bp3-light .roamjs-workbench-stats-drawer .bp3-drawer-header .bp3-heading {
  color: inherit !important;
}

.bp3-dark .roamjs-workbench-stats-drawer .bp3-drawer-header .bp3-heading {
  color: inherit !important;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .roamjs-workbench-stats-drawer .bp3-drawer-header .bp3-heading {
    color: inherit !important;
  }
}
.roamjs-workbench-stats-drawer .bp3-drawer-header, .roamjs-workbench-stats-drawer .bp3-drawer-body {
  background-color: inherit !important;
  color: inherit !important;
}

.bp3-light .roamjs-workbench-stats-drawer .bp3-drawer-header, .bp3-light .roamjs-workbench-stats-drawer .bp3-drawer-body {
  background-color: inherit !important;
  color: inherit !important;
}

.bp3-dark .roamjs-workbench-stats-drawer .bp3-drawer-header, .bp3-dark .roamjs-workbench-stats-drawer .bp3-drawer-body {
  background-color: inherit !important;
  color: inherit !important;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .roamjs-workbench-stats-drawer .bp3-drawer-header, :where(:root:not(.bp3-light)) .roamjs-workbench-stats-drawer .bp3-drawer-body {
    background-color: inherit !important;
    color: inherit !important;
  }
}
.roamjs-workbench-stats-drawer .bp3-drawer-body a {
  color: #106ba3 !important;
}

.bp3-light .roamjs-workbench-stats-drawer .bp3-drawer-body a {
  color: #106ba3 !important;
}

.bp3-dark .roamjs-workbench-stats-drawer .bp3-drawer-body a {
  color: #48aff0 !important;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .roamjs-workbench-stats-drawer .bp3-drawer-body a {
    color: #48aff0 !important;
  }
}
.roamjs-workbench-html-view iframe {
  background-color: #ffffff;
}

.bp3-light .roamjs-workbench-html-view iframe {
  background-color: #ffffff;
}

.bp3-dark .roamjs-workbench-html-view iframe {
  background-color: #ffffff;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .roamjs-workbench-html-view iframe {
    background-color: #ffffff;
  }
}
.bp3-drawer-body textarea {
  background-color: rgb(245, 248, 250);
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  border-radius: 3px;
  box-shadow: 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2);
  color: #182026;
}

.bp3-light .bp3-drawer-body textarea {
  background-color: rgb(245, 248, 250);
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  border-radius: 3px;
  box-shadow: 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2);
  color: #182026;
}

.bp3-dark .bp3-drawer-body textarea {
  background-color: #202b33;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  box-shadow: 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-drawer-body textarea {
    background-color: #202b33;
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
    box-shadow: 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
    color: rgb(245, 248, 250);
  }
}
.absolute.bottom-0[style="background: rgb(86, 92, 112);"] {
  background-color: #ffffff !important;
}

.bp3-light .absolute.bottom-0[style="background: rgb(86, 92, 112);"] {
  background-color: #ffffff !important;
}

.bp3-dark .absolute.bottom-0[style="background: rgb(86, 92, 112);"] {
  background-color: #30404d !important;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .absolute.bottom-0[style="background: rgb(86, 92, 112);"] {
    background-color: #30404d !important;
  }
}
.roamjs-daily-notes-popup .bp3-dialog-header:hover, .roamjs-daily-notes-popup.roamjs-daily-notes-dragging .bp3-dialog-header {
  background-color: #ffffff !important;
  color: #182026 !important;
}

.bp3-light .roamjs-daily-notes-popup .bp3-dialog-header:hover, .bp3-light .roamjs-daily-notes-popup.roamjs-daily-notes-dragging .bp3-dialog-header {
  background-color: #ffffff !important;
  color: #182026 !important;
}

.bp3-dark .roamjs-daily-notes-popup .bp3-dialog-header:hover, .bp3-dark .roamjs-daily-notes-popup.roamjs-daily-notes-dragging .bp3-dialog-header {
  background-color: #30404d !important;
  color: rgb(245, 248, 250) !important;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .roamjs-daily-notes-popup .bp3-dialog-header:hover, :where(:root:not(.bp3-light)) .roamjs-daily-notes-popup.roamjs-daily-notes-dragging .bp3-dialog-header {
    background-color: #30404d !important;
    color: rgb(245, 248, 250) !important;
  }
}
.roamjs-daily-notes-popup .bp3-dialog-header {
  background-color: #ffffff !important;
  color: #182026 !important;
}

.bp3-light .roamjs-daily-notes-popup .bp3-dialog-header {
  background-color: #ffffff !important;
  color: #182026 !important;
}

.bp3-dark .roamjs-daily-notes-popup .bp3-dialog-header {
  background-color: #30404d !important;
  color: rgb(245, 248, 250) !important;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .roamjs-daily-notes-popup .bp3-dialog-header {
    background-color: #30404d !important;
    color: rgb(245, 248, 250) !important;
  }
}
.roamjs-workbench-livepreview-toolip.bp3-tooltip .bp3-popover-content {
  background-color: #ffffff !important;
  color: #182026 !important;
}

.bp3-light .roamjs-workbench-livepreview-toolip.bp3-tooltip .bp3-popover-content {
  background-color: #ffffff !important;
  color: #182026 !important;
}

.bp3-dark .roamjs-workbench-livepreview-toolip.bp3-tooltip .bp3-popover-content {
  background-color: #30404d !important;
  color: rgb(245, 248, 250) !important;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .roamjs-workbench-livepreview-toolip.bp3-tooltip .bp3-popover-content {
    background-color: #30404d !important;
    color: rgb(245, 248, 250) !important;
  }
}
.dnp-content {
  background-color: #ebf1f5 !important;
}

.bp3-light .dnp-content {
  background-color: #ebf1f5 !important;
}

.bp3-dark .dnp-content {
  background-color: #202b33 !important;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .dnp-content {
    background-color: #202b33 !important;
  }
}
.rm-zoom.zoom-mentions-view {
  font-size: 13px !important;
}

.bp3-light .rm-zoom.zoom-mentions-view {
  font-size: 13px !important;
}

.rm-zoom.zoom-mentions-view .rm-bold {
  font-weight: 500;
}

.bp3-light .rm-zoom.zoom-mentions-view .rm-bold {
  font-weight: 500;
}

.rm-zoom-path .rm-zoom-item {
  color: #5c7080;
}

.bp3-light .rm-zoom-path .rm-zoom-item {
  color: #5c7080;
}

.bp3-dark .rm-zoom-path .rm-zoom-item {
  color: #a7b6c2;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-zoom-path .rm-zoom-item {
    color: #a7b6c2;
  }
}
[class*=zr] .bp3-slider-handle:active, [class*=zr] .bp3-slider-handle.bp3-active {
  background-color: #d8e1e8;
  background-image: none;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 1px 2px rgba(16, 22, 26, 0.2);
}

.bp3-light [class*=zr] .bp3-slider-handle:active, .bp3-light [class*=zr] .bp3-slider-handle.bp3-active {
  background-color: #d8e1e8;
  background-image: none;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 1px 2px rgba(16, 22, 26, 0.2);
}

.bp3-dark [class*=zr] .bp3-slider-handle:active, .bp3-dark [class*=zr] .bp3-slider-handle.bp3-active {
  background-color: #202b33;
  background-image: none;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.6), inset 0 1px 2px rgba(16, 22, 26, 0.2);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) [class*=zr] .bp3-slider-handle:active, :where(:root:not(.bp3-light)) [class*=zr] .bp3-slider-handle.bp3-active {
    background-color: #202b33;
    background-image: none;
    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.6), inset 0 1px 2px rgba(16, 22, 26, 0.2);
  }
}
[class*=zr] .bp3-slider-handle:hover {
  background-color: #e1e8ed;
}

.bp3-light [class*=zr] .bp3-slider-handle:hover {
  background-color: #e1e8ed;
}

.bp3-dark [class*=zr] .bp3-slider-handle:hover {
  background-color: #202b33;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) [class*=zr] .bp3-slider-handle:hover {
    background-color: #202b33;
  }
}
[class*=zr] .bp3-slider-handle {
  background-color: rgb(245, 248, 250);
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.8), hsla(0, 0%, 100%, 0));
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 1px 1px rgba(16, 22, 26, 0.2);
  color: #182026;
}

.bp3-light [class*=zr] .bp3-slider-handle {
  background-color: rgb(245, 248, 250);
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.8), hsla(0, 0%, 100%, 0));
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 1px 1px rgba(16, 22, 26, 0.2);
  color: #182026;
}

.bp3-dark [class*=zr] .bp3-slider-handle {
  background-color: #30404d;
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.05), hsla(0, 0%, 100%, 0));
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) [class*=zr] .bp3-slider-handle {
    background-color: #30404d;
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.05), hsla(0, 0%, 100%, 0));
    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
    color: rgb(245, 248, 250);
  }
}
[class*=zr] .bp3-slider-track .bp3-slider-progress[class*=bp3-intent-] {
  background-color: hsl(203, 82%, 41%);
}

.bp3-light [class*=zr] .bp3-slider-track .bp3-slider-progress[class*=bp3-intent-] {
  background-color: hsl(203, 82%, 41%);
}

.bp3-dark [class*=zr] .bp3-slider-track .bp3-slider-progress[class*=bp3-intent-] {
  background-color: hsl(203, 82%, 41%);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) [class*=zr] .bp3-slider-track .bp3-slider-progress[class*=bp3-intent-] {
    background-color: hsl(203, 82%, 41%);
  }
}
.zr-popover .bp3-datepicker {
  background-color: #ffffff;
  border-radius: 3px;
  color: #182026;
  font-size: 1rem;
}

.bp3-light .zr-popover .bp3-datepicker {
  background-color: #ffffff;
  border-radius: 3px;
  color: #182026;
  font-size: 1rem;
}

.bp3-dark .zr-popover .bp3-datepicker {
  background-color: #293742;
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .zr-popover .bp3-datepicker {
    background-color: #293742;
    color: rgb(245, 248, 250);
  }
}
.zr-popover .bp3-menu {
  background-color: #ffffff;
  border-radius: 3px;
  color: #182026;
  font-size: 1rem;
}

.bp3-light .zr-popover .bp3-menu {
  background-color: #ffffff;
  border-radius: 3px;
  color: #182026;
  font-size: 1rem;
}

.bp3-dark .zr-popover .bp3-menu {
  background-color: #293742;
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .zr-popover .bp3-menu {
    background-color: #293742;
    color: rgb(245, 248, 250);
  }
}
.zr-popover:not(.zr-date-picker):not(.bp3-submenu):not(.zr-guide-popover) {
  background-color: #ffffff;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 2px 4px rgba(16, 22, 26, 0.2), 0 8px 24px rgba(16, 22, 26, 0.2);
  color: #182026;
}

.bp3-light .zr-popover:not(.zr-date-picker):not(.bp3-submenu):not(.zr-guide-popover) {
  background-color: #ffffff;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 2px 4px rgba(16, 22, 26, 0.2), 0 8px 24px rgba(16, 22, 26, 0.2);
  color: #182026;
}

.bp3-dark .zr-popover:not(.zr-date-picker):not(.bp3-submenu):not(.zr-guide-popover) {
  background-color: #293742;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 2px 4px rgba(16, 22, 26, 0.4), 0 8px 24px rgba(16, 22, 26, 0.4);
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .zr-popover:not(.zr-date-picker):not(.bp3-submenu):not(.zr-guide-popover) {
    background-color: #293742;
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 2px 4px rgba(16, 22, 26, 0.4), 0 8px 24px rgba(16, 22, 26, 0.4);
    color: rgb(245, 248, 250);
  }
}
.zr-popover.bp3-popover2 .bp3-popover2-arrow-fill {
  fill: #ffffff;
}

.bp3-light .zr-popover.bp3-popover2 .bp3-popover2-arrow-fill {
  fill: #ffffff;
}

.bp3-dark .zr-popover.bp3-popover2 .bp3-popover2-arrow-fill {
  fill: #293742;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .zr-popover.bp3-popover2 .bp3-popover2-arrow-fill {
    fill: #293742;
  }
}
.bp3-dialog[class*=zr-auxiliary-dialog--] {
  background-color: #ebf1f5;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 4px 8px rgba(16, 22, 26, 0.2), 0 18px 46px 6px rgba(16, 22, 26, 0.2);
  color: #182026;
}

.bp3-light .bp3-dialog[class*=zr-auxiliary-dialog--] {
  background-color: #ebf1f5;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 4px 8px rgba(16, 22, 26, 0.2), 0 18px 46px 6px rgba(16, 22, 26, 0.2);
  color: #182026;
}

.bp3-dark .bp3-dialog[class*=zr-auxiliary-dialog--] {
  background-color: #202b33;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 4px 8px rgba(16, 22, 26, 0.4), 0 18px 46px 6px rgba(16, 22, 26, 0.4);
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-dialog[class*=zr-auxiliary-dialog--] {
    background-color: #202b33;
    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 4px 8px rgba(16, 22, 26, 0.4), 0 18px 46px 6px rgba(16, 22, 26, 0.4);
    color: rgb(245, 248, 250);
  }
}
.zr-settings-tabs-wrapper > .bp3-tab-list {
  background-color: transparent;
  border-right: none;
}

.bp3-light .zr-settings-tabs-wrapper > .bp3-tab-list {
  background-color: transparent;
  border-right: none;
}

.bp3-dark .zr-settings-tabs-wrapper > .bp3-tab-list {
  background-color: transparent;
  border-right: none;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .zr-settings-tabs-wrapper > .bp3-tab-list {
    background-color: transparent;
    border-right: none;
  }
}
.zr-settings-panel.bp3-tab-panel {
  background-color: #ffffff;
}

.bp3-light .zr-settings-panel.bp3-tab-panel {
  background-color: #ffffff;
}

.bp3-dark .zr-settings-panel.bp3-tab-panel {
  background-color: #293742;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .zr-settings-panel.bp3-tab-panel {
    background-color: #293742;
  }
}
.zr-auxiliary-dialog--settings.bp3-dialog::-webkit-scrollbar-thumb {
  background-color: #8a9ba8;
}

.bp3-light .zr-auxiliary-dialog--settings.bp3-dialog::-webkit-scrollbar-thumb {
  background-color: #8a9ba8;
}

.bp3-dark .zr-auxiliary-dialog--settings.bp3-dialog::-webkit-scrollbar-thumb {
  background-color: #8a9ba8;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .zr-auxiliary-dialog--settings.bp3-dialog::-webkit-scrollbar-thumb {
    background-color: #8a9ba8;
  }
}
.zr-auxiliary-dialog--settings.bp3-dialog::-webkit-scrollbar-track {
  background-color: #ebf1f5;
}

.bp3-light .zr-auxiliary-dialog--settings.bp3-dialog::-webkit-scrollbar-track {
  background-color: #ebf1f5;
}

.bp3-dark .zr-auxiliary-dialog--settings.bp3-dialog::-webkit-scrollbar-track {
  background-color: #202b33;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .zr-auxiliary-dialog--settings.bp3-dialog::-webkit-scrollbar-track {
    background-color: #202b33;
  }
}
.zr-secondary, .zr-secondarybutton.bp3-button.bp3-minimal:not([class*=bp3-intent-]) .bp3-icon, .zr-secondarybutton.bp3-button:not(.bp3-disabled) {
  color: #30404d;
}

.bp3-light .zr-secondary, .bp3-light .zr-secondarybutton.bp3-button.bp3-minimal:not([class*=bp3-intent-]) .bp3-icon, .bp3-light .zr-secondarybutton.bp3-button:not(.bp3-disabled) {
  color: #30404d;
}

.bp3-dark .zr-secondary, .bp3-dark .zr-secondarybutton.bp3-button.bp3-minimal:not([class*=bp3-intent-]) .bp3-icon, .bp3-dark .zr-secondarybutton.bp3-button:not(.bp3-disabled) {
  color: #ced9e0;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .zr-secondary, :where(:root:not(.bp3-light)) .zr-secondarybutton.bp3-button.bp3-minimal:not([class*=bp3-intent-]) .bp3-icon, :where(:root:not(.bp3-light)) .zr-secondarybutton.bp3-button:not(.bp3-disabled) {
    color: #ced9e0;
  }
}
.zr-settings--card {
  border-top: 1px solid #d8e1e8;
  border-right: 1px solid #d8e1e8;
  border-bottom: 1px solid #d8e1e8;
  border-left: 1px solid #d8e1e8;
}

.bp3-light .zr-settings--card {
  border-top: 1px solid #d8e1e8;
  border-right: 1px solid #d8e1e8;
  border-bottom: 1px solid #d8e1e8;
  border-left: 1px solid #d8e1e8;
}

.bp3-dark .zr-settings--card {
  border-top: 1px solid #394b59;
  border-right: 1px solid #394b59;
  border-bottom: 1px solid #394b59;
  border-left: 1px solid #394b59;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .zr-settings--card {
    border-top: 1px solid #394b59;
    border-right: 1px solid #394b59;
    border-bottom: 1px solid #394b59;
    border-left: 1px solid #394b59;
  }
}
[class*=zr] code.bp3-code, .zr-settings-panel.bp3-tab-panel .zr-definition--item {
  background-color: hsla(0, 0%, 100%, 0.7);
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  border-radius: 3px;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2);
  color: #5c7080;
}

.bp3-light [class*=zr] code.bp3-code, .bp3-light .zr-settings-panel.bp3-tab-panel .zr-definition--item {
  background-color: hsla(0, 0%, 100%, 0.7);
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  border-radius: 3px;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2);
  color: #5c7080;
}

.bp3-dark [class*=zr] code.bp3-code, .bp3-dark .zr-settings-panel.bp3-tab-panel .zr-definition--item {
  background-color: rgba(16, 22, 26, 0.3);
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4);
  color: #a7b6c2;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) [class*=zr] code.bp3-code, :where(:root:not(.bp3-light)) .zr-settings-panel.bp3-tab-panel .zr-definition--item {
    background-color: rgba(16, 22, 26, 0.3);
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
    box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4);
    color: #a7b6c2;
  }
}
[class*=zr] .bp3-code-block {
  background-color: hsla(0, 0%, 100%, 0.7);
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  border-radius: 3px;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.15);
  color: #182026;
  font-size: 0.9rem;
}

.bp3-light [class*=zr] .bp3-code-block {
  background-color: hsla(0, 0%, 100%, 0.7);
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  border-radius: 3px;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.15);
  color: #182026;
  font-size: 0.9rem;
}

.bp3-dark [class*=zr] .bp3-code-block {
  background-color: rgba(16, 22, 26, 0.3);
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4);
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) [class*=zr] .bp3-code-block {
    background-color: rgba(16, 22, 26, 0.3);
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
    box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4);
    color: rgb(245, 248, 250);
  }
}
[class*=zr] textarea.zr-text-input:focus {
  box-shadow: 0 0 0 1px hsl(203, 82%, 41%), 0 0 0 3px rgba(18.819, 124.5539, 190.281, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.2);
}

.bp3-light [class*=zr] textarea.zr-text-input:focus {
  box-shadow: 0 0 0 1px hsl(203, 82%, 41%), 0 0 0 3px rgba(18.819, 124.5539, 190.281, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.2);
}

.bp3-dark [class*=zr] textarea.zr-text-input:focus {
  box-shadow: 0 0 0 1px hsl(203, 82%, 41%), 0 0 0 1px hsl(203, 82%, 41%), 0 0 0 3px rgba(18.819, 124.5539, 190.281, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) [class*=zr] textarea.zr-text-input:focus {
    box-shadow: 0 0 0 1px hsl(203, 82%, 41%), 0 0 0 1px hsl(203, 82%, 41%), 0 0 0 3px rgba(18.819, 124.5539, 190.281, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
  }
}
.zr-input-box input:not(.bp3-input-ghost):focus, .zr-input-box.zr-date-range-input input, [class*=zr] .bp3-numeric-input input.bp3-input:focus, [class*=zr] .bp3-multi-select.bp3-input:focus, [class*=zr] .bp3-multi-select input:focus {
  box-shadow: 0 0 0 1px hsl(203, 82%, 41%), 0 0 0 3px rgba(18.819, 124.5539, 190.281, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.2);
}

.bp3-light .zr-input-box input:not(.bp3-input-ghost):focus, .bp3-light .zr-input-box.zr-date-range-input input, .bp3-light [class*=zr] .bp3-numeric-input input.bp3-input:focus, .bp3-light [class*=zr] .bp3-multi-select.bp3-input:focus, .bp3-light [class*=zr] .bp3-multi-select input:focus {
  box-shadow: 0 0 0 1px hsl(203, 82%, 41%), 0 0 0 3px rgba(18.819, 124.5539, 190.281, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.2);
}

.bp3-dark .zr-input-box input:not(.bp3-input-ghost):focus, .bp3-dark .zr-input-box.zr-date-range-input input, .bp3-dark [class*=zr] .bp3-numeric-input input.bp3-input:focus, .bp3-dark [class*=zr] .bp3-multi-select.bp3-input:focus, .bp3-dark [class*=zr] .bp3-multi-select input:focus {
  box-shadow: 0 0 0 1px hsl(203, 82%, 41%), 0 0 0 1px hsl(203, 82%, 41%), 0 0 0 3px rgba(18.819, 124.5539, 190.281, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .zr-input-box input:not(.bp3-input-ghost):focus, :where(:root:not(.bp3-light)) .zr-input-box.zr-date-range-input input, :where(:root:not(.bp3-light)) [class*=zr] .bp3-numeric-input input.bp3-input:focus, :where(:root:not(.bp3-light)) [class*=zr] .bp3-multi-select.bp3-input:focus, :where(:root:not(.bp3-light)) [class*=zr] .bp3-multi-select input:focus {
    box-shadow: 0 0 0 1px hsl(203, 82%, 41%), 0 0 0 1px hsl(203, 82%, 41%), 0 0 0 3px rgba(18.819, 124.5539, 190.281, 0.3), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
  }
}
.zr-input-box input:not(.bp3-input-ghost)::placeholder, .zr-input-box.zr-date-range-input input::placeholder, [class*=zr] .bp3-numeric-input input.bp3-input::placeholder, [class*=zr] .bp3-multi-select.bp3-input::placeholder, [class*=zr] .bp3-multi-select input::placeholder {
  color: rgba(92, 112, 128, 0.6);
}

.bp3-light .zr-input-box input:not(.bp3-input-ghost)::placeholder, .bp3-light .zr-input-box.zr-date-range-input input::placeholder, .bp3-light [class*=zr] .bp3-numeric-input input.bp3-input::placeholder, .bp3-light [class*=zr] .bp3-multi-select.bp3-input::placeholder, .bp3-light [class*=zr] .bp3-multi-select input::placeholder {
  color: rgba(92, 112, 128, 0.6);
}

.bp3-dark .zr-input-box input:not(.bp3-input-ghost)::placeholder, .bp3-dark .zr-input-box.zr-date-range-input input::placeholder, .bp3-dark [class*=zr] .bp3-numeric-input input.bp3-input::placeholder, .bp3-dark [class*=zr] .bp3-multi-select.bp3-input::placeholder, .bp3-dark [class*=zr] .bp3-multi-select input::placeholder {
  color: rgba(167, 182, 194, 0.6);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .zr-input-box input:not(.bp3-input-ghost)::placeholder, :where(:root:not(.bp3-light)) .zr-input-box.zr-date-range-input input::placeholder, :where(:root:not(.bp3-light)) [class*=zr] .bp3-numeric-input input.bp3-input::placeholder, :where(:root:not(.bp3-light)) [class*=zr] .bp3-multi-select.bp3-input::placeholder, :where(:root:not(.bp3-light)) [class*=zr] .bp3-multi-select input::placeholder {
    color: rgba(167, 182, 194, 0.6);
  }
}
.zr-input-box input:not(.bp3-input-ghost), .zr-input-box.zr-date-range-input input, [class*=zr] .bp3-numeric-input input.bp3-input, [class*=zr] .bp3-multi-select.bp3-input, [class*=zr] .bp3-multi-select input {
  background-color: #ffffff;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  border-radius: 3px;
  box-shadow: 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2);
  color: #182026;
  font-size: 1rem;
  font-weight: 400;
}

.bp3-light .zr-input-box input:not(.bp3-input-ghost), .bp3-light .zr-input-box.zr-date-range-input input, .bp3-light [class*=zr] .bp3-numeric-input input.bp3-input, .bp3-light [class*=zr] .bp3-multi-select.bp3-input, .bp3-light [class*=zr] .bp3-multi-select input {
  background-color: #ffffff;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  border-radius: 3px;
  box-shadow: 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2);
  color: #182026;
  font-size: 1rem;
  font-weight: 400;
}

.bp3-dark .zr-input-box input:not(.bp3-input-ghost), .bp3-dark .zr-input-box.zr-date-range-input input, .bp3-dark [class*=zr] .bp3-numeric-input input.bp3-input, .bp3-dark [class*=zr] .bp3-multi-select.bp3-input, .bp3-dark [class*=zr] .bp3-multi-select input {
  background-color: rgba(16, 22, 26, 0.3);
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  box-shadow: 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .zr-input-box input:not(.bp3-input-ghost), :where(:root:not(.bp3-light)) .zr-input-box.zr-date-range-input input, :where(:root:not(.bp3-light)) [class*=zr] .bp3-numeric-input input.bp3-input, :where(:root:not(.bp3-light)) [class*=zr] .bp3-multi-select.bp3-input, :where(:root:not(.bp3-light)) [class*=zr] .bp3-multi-select input {
    background-color: rgba(16, 22, 26, 0.3);
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
    box-shadow: 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), 0 0 0 0 rgba(18.819, 124.5539, 190.281, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.3), inset 0 1px 1px rgba(16, 22, 26, 0.4);
    color: rgb(245, 248, 250);
  }
}
.zr-popover.bp3-popover .bp3-popover-content, .zr-popover.bp3-popover2 .bp3-popover2-content {
  background-color: #ffffff;
  border-radius: 3px;
}

.bp3-light .zr-popover.bp3-popover .bp3-popover-content, .bp3-light .zr-popover.bp3-popover2 .bp3-popover2-content {
  background-color: #ffffff;
  border-radius: 3px;
}

.bp3-dark .zr-popover.bp3-popover .bp3-popover-content, .bp3-dark .zr-popover.bp3-popover2 .bp3-popover2-content {
  background-color: #293742;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .zr-popover.bp3-popover .bp3-popover-content, :where(:root:not(.bp3-light)) .zr-popover.bp3-popover2 .bp3-popover2-content {
    background-color: #293742;
  }
}
.zr-popover .bp3-menu .bp3-menu-item[aria-selected=false]:hover {
  background-color: rgba(167, 182, 194, 0.3);
  border-bottom: none;
  color: #182026;
  text-decoration: none;
}

.bp3-light .zr-popover .bp3-menu .bp3-menu-item[aria-selected=false]:hover {
  background-color: rgba(167, 182, 194, 0.3);
  border-bottom: none;
  color: #182026;
  text-decoration: none;
}

.bp3-dark .zr-popover .bp3-menu .bp3-menu-item[aria-selected=false]:hover {
  background-color: rgba(138, 155, 168, 0.15);
  border-bottom: none;
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .zr-popover .bp3-menu .bp3-menu-item[aria-selected=false]:hover {
    background-color: rgba(138, 155, 168, 0.15);
    border-bottom: none;
    color: rgb(245, 248, 250);
  }
}
.scite-badge .scite-tally {
  background-color: #ffffff;
  border-top: 1px solid #d8e1e8;
  border-right: 1px solid #d8e1e8;
  border-bottom: 1px solid #d8e1e8;
  border-left: 1px solid #d8e1e8;
  color: #182026;
  font-family: Inter, sans-serif;
}

.bp3-light .scite-badge .scite-tally {
  background-color: #ffffff;
  border-top: 1px solid #d8e1e8;
  border-right: 1px solid #d8e1e8;
  border-bottom: 1px solid #d8e1e8;
  border-left: 1px solid #d8e1e8;
  color: #182026;
  font-family: Inter, sans-serif;
}

.bp3-dark .scite-badge .scite-tally {
  background-color: #293742;
  border-top: 1px solid #394b59;
  border-right: 1px solid #394b59;
  border-bottom: 1px solid #394b59;
  border-left: 1px solid #394b59;
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .scite-badge .scite-tally {
    background-color: #293742;
    border-top: 1px solid #394b59;
    border-right: 1px solid #394b59;
    border-bottom: 1px solid #394b59;
    border-left: 1px solid #394b59;
    color: rgb(245, 248, 250);
  }
}
.Count__horizontal___wp4Sz {
  border-left: 1px solid #d8e1e8;
}

.bp3-light .Count__horizontal___wp4Sz {
  border-left: 1px solid #d8e1e8;
}

.bp3-dark .Count__horizontal___wp4Sz {
  border-left: 1px solid #394b59;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .Count__horizontal___wp4Sz {
    border-left: 1px solid #394b59;
  }
}
[class*=zr] .bp3-multi-select.bp3-input:active, [class*=zr] .bp3-numeric-input .bp3-button:not([class*=bp3-intent-]):active {
  background-color: #d8e1e8;
  background-image: none;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 1px 2px rgba(16, 22, 26, 0.2);
}

.bp3-light [class*=zr] .bp3-multi-select.bp3-input:active, .bp3-light [class*=zr] .bp3-numeric-input .bp3-button:not([class*=bp3-intent-]):active {
  background-color: #d8e1e8;
  background-image: none;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 1px 2px rgba(16, 22, 26, 0.2);
}

.bp3-dark [class*=zr] .bp3-multi-select.bp3-input:active, .bp3-dark [class*=zr] .bp3-numeric-input .bp3-button:not([class*=bp3-intent-]):active {
  background-color: #202b33;
  background-image: none;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.6), inset 0 1px 2px rgba(16, 22, 26, 0.2);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) [class*=zr] .bp3-multi-select.bp3-input:active, :where(:root:not(.bp3-light)) [class*=zr] .bp3-numeric-input .bp3-button:not([class*=bp3-intent-]):active {
    background-color: #202b33;
    background-image: none;
    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.6), inset 0 1px 2px rgba(16, 22, 26, 0.2);
  }
}
[class*=zr] .bp3-multi-select.bp3-input:disabled, [class*=zr] .bp3-numeric-input .bp3-button:not([class*=bp3-intent-]):disabled {
  background-color: rgba(206, 217, 224, 0.5);
  background-image: none;
  box-shadow: none;
  color: rgba(92, 112, 128, 0.6);
}

.bp3-light [class*=zr] .bp3-multi-select.bp3-input:disabled, .bp3-light [class*=zr] .bp3-numeric-input .bp3-button:not([class*=bp3-intent-]):disabled {
  background-color: rgba(206, 217, 224, 0.5);
  background-image: none;
  box-shadow: none;
  color: rgba(92, 112, 128, 0.6);
}

.bp3-dark [class*=zr] .bp3-multi-select.bp3-input:disabled, .bp3-dark [class*=zr] .bp3-numeric-input .bp3-button:not([class*=bp3-intent-]):disabled {
  background-color: rgba(57, 75, 89, 0.5);
  background-image: none;
  box-shadow: none;
  color: rgba(167, 182, 194, 0.6);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) [class*=zr] .bp3-multi-select.bp3-input:disabled, :where(:root:not(.bp3-light)) [class*=zr] .bp3-numeric-input .bp3-button:not([class*=bp3-intent-]):disabled {
    background-color: rgba(57, 75, 89, 0.5);
    background-image: none;
    box-shadow: none;
    color: rgba(167, 182, 194, 0.6);
  }
}
[class*=zr] .bp3-multi-select.bp3-input:disabled:active, [class*=zr] .bp3-numeric-input .bp3-button:not([class*=bp3-intent-]):disabled:active {
  background-color: rgba(206, 217, 224, 0.7);
}

.bp3-light [class*=zr] .bp3-multi-select.bp3-input:disabled:active, .bp3-light [class*=zr] .bp3-numeric-input .bp3-button:not([class*=bp3-intent-]):disabled:active {
  background-color: rgba(206, 217, 224, 0.7);
}

.bp3-dark [class*=zr] .bp3-multi-select.bp3-input:disabled:active, .bp3-dark [class*=zr] .bp3-numeric-input .bp3-button:not([class*=bp3-intent-]):disabled:active {
  background-color: rgba(57, 75, 89, 0.7);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) [class*=zr] .bp3-multi-select.bp3-input:disabled:active, :where(:root:not(.bp3-light)) [class*=zr] .bp3-numeric-input .bp3-button:not([class*=bp3-intent-]):disabled:active {
    background-color: rgba(57, 75, 89, 0.7);
  }
}
[class*=zr] .bp3-multi-select.bp3-input:hover, [class*=zr] .bp3-numeric-input .bp3-button:not([class*=bp3-intent-]):hover {
  background-color: #ebf1f5;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
}

.bp3-light [class*=zr] .bp3-multi-select.bp3-input:hover, .bp3-light [class*=zr] .bp3-numeric-input .bp3-button:not([class*=bp3-intent-]):hover {
  background-color: #ebf1f5;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
}

.bp3-dark [class*=zr] .bp3-multi-select.bp3-input:hover, .bp3-dark [class*=zr] .bp3-numeric-input .bp3-button:not([class*=bp3-intent-]):hover {
  background-color: #293742;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) [class*=zr] .bp3-multi-select.bp3-input:hover, :where(:root:not(.bp3-light)) [class*=zr] .bp3-numeric-input .bp3-button:not([class*=bp3-intent-]):hover {
    background-color: #293742;
    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
  }
}
[class*=zr] .bp3-multi-select.bp3-input, [class*=zr] .bp3-numeric-input .bp3-button:not([class*=bp3-intent-]) {
  background-color: rgb(245, 248, 250);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
  color: #182026;
}

.bp3-light [class*=zr] .bp3-multi-select.bp3-input, .bp3-light [class*=zr] .bp3-numeric-input .bp3-button:not([class*=bp3-intent-]) {
  background-color: rgb(245, 248, 250);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
  color: #182026;
}

.bp3-dark [class*=zr] .bp3-multi-select.bp3-input, .bp3-dark [class*=zr] .bp3-numeric-input .bp3-button:not([class*=bp3-intent-]) {
  background-color: #30404d;
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.05), hsla(0, 0%, 100%, 0));
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) [class*=zr] .bp3-multi-select.bp3-input, :where(:root:not(.bp3-light)) [class*=zr] .bp3-numeric-input .bp3-button:not([class*=bp3-intent-]) {
    background-color: #30404d;
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.05), hsla(0, 0%, 100%, 0));
    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
    color: rgb(245, 248, 250);
  }
}
#zotero-roam-search-autocomplete {
  background-color: #ffffff;
  border-bottom: 1px solid #ffffff;
  color: #182026;
}

.bp3-light #zotero-roam-search-autocomplete {
  background-color: #ffffff;
  border-bottom: 1px solid #ffffff;
  color: #182026;
}

.bp3-dark #zotero-roam-search-autocomplete {
  background-color: rgba(16, 22, 26, 0.3);
  border-bottom: 1px solid rgba(16, 22, 26, 0.3);
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) #zotero-roam-search-autocomplete {
    background-color: rgba(16, 22, 26, 0.3);
    border-bottom: 1px solid rgba(16, 22, 26, 0.3);
    color: rgb(245, 248, 250);
  }
}
.bp3-dialog[class*=zr-dialog-overlay--] {
  background-color: #ebf1f5;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 4px 8px rgba(16, 22, 26, 0.2), 0 18px 46px 6px rgba(16, 22, 26, 0.2);
  color: #182026;
}

.bp3-light .bp3-dialog[class*=zr-dialog-overlay--] {
  background-color: #ebf1f5;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1), 0 4px 8px rgba(16, 22, 26, 0.2), 0 18px 46px 6px rgba(16, 22, 26, 0.2);
  color: #182026;
}

.bp3-dark .bp3-dialog[class*=zr-dialog-overlay--] {
  background-color: #202b33;
  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 4px 8px rgba(16, 22, 26, 0.4), 0 18px 46px 6px rgba(16, 22, 26, 0.4);
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-dialog[class*=zr-dialog-overlay--] {
    background-color: #202b33;
    box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.2), 0 4px 8px rgba(16, 22, 26, 0.4), 0 18px 46px 6px rgba(16, 22, 26, 0.4);
    color: rgb(245, 248, 250);
  }
}
#zr-item-details [zr-role=item-abstract]:not(:empty) {
  background-color: #ffffff;
}

.bp3-light #zr-item-details [zr-role=item-abstract]:not(:empty) {
  background-color: #ffffff;
}

.bp3-dark #zr-item-details [zr-role=item-abstract]:not(:empty) {
  background-color: #30404d;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) #zr-item-details [zr-role=item-abstract]:not(:empty) {
    background-color: #30404d;
  }
}
#zr-item-details [zr-role=item-actions] {
  background-color: #ffffff;
  color: #182026;
}

.bp3-light #zr-item-details [zr-role=item-actions] {
  background-color: #ffffff;
  color: #182026;
}

.bp3-dark #zr-item-details [zr-role=item-actions] {
  background-color: #30404d;
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) #zr-item-details [zr-role=item-actions] {
    background-color: #30404d;
    color: rgb(245, 248, 250);
  }
}
.bp3-multistep-dialog-footer {
  background-color: rgb(245, 248, 250);
  border-top: 1px solid rgba(16, 22, 26, 0.1);
}

.bp3-light .bp3-multistep-dialog-footer {
  background-color: rgb(245, 248, 250);
  border-top: 1px solid rgba(16, 22, 26, 0.1);
}

.bp3-dark .bp3-multistep-dialog-footer {
  background-color: #30404d;
  border-top: 1px solid rgba(16, 22, 26, 0.4);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .bp3-multistep-dialog-footer {
    background-color: #30404d;
    border-top: 1px solid rgba(16, 22, 26, 0.4);
  }
}
.css-1awjeo.bp3-button.bp3-outlined:active, .css-1awjeo.bp3-button.bp3-outlined.bp3-active, .css-1awjeo.bp3-button.bp3-outlined:active:hover, .css-1awjeo.bp3-button.bp3-outlined.bp3-active:hover {
  background-color: rgba(115, 134, 148, 0.3) !important;
  box-shadow: none;
  color: #182026;
}

.bp3-light .css-1awjeo.bp3-button.bp3-outlined:active, .bp3-light .css-1awjeo.bp3-button.bp3-outlined.bp3-active, .bp3-light .css-1awjeo.bp3-button.bp3-outlined:active:hover, .bp3-light .css-1awjeo.bp3-button.bp3-outlined.bp3-active:hover {
  background-color: rgba(115, 134, 148, 0.3) !important;
  box-shadow: none;
  color: #182026;
}

.bp3-dark .css-1awjeo.bp3-button.bp3-outlined:active, .bp3-dark .css-1awjeo.bp3-button.bp3-outlined.bp3-active, .bp3-dark .css-1awjeo.bp3-button.bp3-outlined:active:hover, .bp3-dark .css-1awjeo.bp3-button.bp3-outlined.bp3-active:hover {
  background-color: rgba(138, 155, 168, 0.3) !important;
  box-shadow: none;
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .css-1awjeo.bp3-button.bp3-outlined:active, :where(:root:not(.bp3-light)) .css-1awjeo.bp3-button.bp3-outlined.bp3-active, :where(:root:not(.bp3-light)) .css-1awjeo.bp3-button.bp3-outlined:active:hover, :where(:root:not(.bp3-light)) .css-1awjeo.bp3-button.bp3-outlined.bp3-active:hover {
    background-color: rgba(138, 155, 168, 0.3) !important;
    box-shadow: none;
    color: rgb(245, 248, 250);
  }
}
.css-1awjeo.bp3-dark .bp3-button.bp3-outlined:disabled, .css-1awjeo.bp3-dark .bp3-button.bp3-outlined:disabled:hover, .css-1awjeo.bp3-dark .bp3-button.bp3-outlined.bp3-disabled, .css-1awjeo.bp3-dark .bp3-button.bp3-outlined.bp3-disabled:hover {
  background-color: transparent !important;
  color: rgba(92, 112, 128, 0.6);
}

.bp3-light .css-1awjeo.bp3-dark .bp3-button.bp3-outlined:disabled, .bp3-light .css-1awjeo.bp3-dark .bp3-button.bp3-outlined:disabled:hover, .bp3-light .css-1awjeo.bp3-dark .bp3-button.bp3-outlined.bp3-disabled, .bp3-light .css-1awjeo.bp3-dark .bp3-button.bp3-outlined.bp3-disabled:hover {
  background-color: transparent !important;
  color: rgba(92, 112, 128, 0.6);
}

.bp3-dark .css-1awjeo.bp3-dark .bp3-button.bp3-outlined:disabled, .bp3-dark .css-1awjeo.bp3-dark .bp3-button.bp3-outlined:disabled:hover, .bp3-dark .css-1awjeo.bp3-dark .bp3-button.bp3-outlined.bp3-disabled, .bp3-dark .css-1awjeo.bp3-dark .bp3-button.bp3-outlined.bp3-disabled:hover {
  background-color: transparent !important;
  color: rgba(167, 182, 194, 0.6);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .css-1awjeo.bp3-dark .bp3-button.bp3-outlined:disabled, :where(:root:not(.bp3-light)) .css-1awjeo.bp3-dark .bp3-button.bp3-outlined:disabled:hover, :where(:root:not(.bp3-light)) .css-1awjeo.bp3-dark .bp3-button.bp3-outlined.bp3-disabled, :where(:root:not(.bp3-light)) .css-1awjeo.bp3-dark .bp3-button.bp3-outlined.bp3-disabled:hover {
    background-color: transparent !important;
    color: rgba(167, 182, 194, 0.6);
  }
}
.css-1awjeo.bp3-dark .bp3-button.bp3-outlined:disabled.bp3-active, .css-1awjeo.bp3-dark .bp3-button.bp3-outlined:disabled:hover.bp3-active, .css-1awjeo.bp3-dark .bp3-button.bp3-outlined.bp3-disabled.bp3-active, .css-1awjeo.bp3-dark .bp3-button.bp3-outlined.bp3-disabled:hover.bp3-active {
  background-color: rgba(115, 134, 148, 0.3) !important;
}

.bp3-light .css-1awjeo.bp3-dark .bp3-button.bp3-outlined:disabled.bp3-active, .bp3-light .css-1awjeo.bp3-dark .bp3-button.bp3-outlined:disabled:hover.bp3-active, .bp3-light .css-1awjeo.bp3-dark .bp3-button.bp3-outlined.bp3-disabled.bp3-active, .bp3-light .css-1awjeo.bp3-dark .bp3-button.bp3-outlined.bp3-disabled:hover.bp3-active {
  background-color: rgba(115, 134, 148, 0.3) !important;
}

.bp3-dark .css-1awjeo.bp3-dark .bp3-button.bp3-outlined:disabled.bp3-active, .bp3-dark .css-1awjeo.bp3-dark .bp3-button.bp3-outlined:disabled:hover.bp3-active, .bp3-dark .css-1awjeo.bp3-dark .bp3-button.bp3-outlined.bp3-disabled.bp3-active, .bp3-dark .css-1awjeo.bp3-dark .bp3-button.bp3-outlined.bp3-disabled:hover.bp3-active {
  background-color: rgba(138, 155, 168, 0.3) !important;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .css-1awjeo.bp3-dark .bp3-button.bp3-outlined:disabled.bp3-active, :where(:root:not(.bp3-light)) .css-1awjeo.bp3-dark .bp3-button.bp3-outlined:disabled:hover.bp3-active, :where(:root:not(.bp3-light)) .css-1awjeo.bp3-dark .bp3-button.bp3-outlined.bp3-disabled.bp3-active, :where(:root:not(.bp3-light)) .css-1awjeo.bp3-dark .bp3-button.bp3-outlined.bp3-disabled:hover.bp3-active {
    background-color: rgba(138, 155, 168, 0.3) !important;
  }
}
.css-1awjeo.bp3-button.bp3-outlined:hover {
  background-color: rgba(167, 182, 194, 0.3) !important;
  box-shadow: none;
  color: #182026;
}

.bp3-light .css-1awjeo.bp3-button.bp3-outlined:hover {
  background-color: rgba(167, 182, 194, 0.3) !important;
  box-shadow: none;
  color: #182026;
}

.bp3-dark .css-1awjeo.bp3-button.bp3-outlined:hover {
  background-color: rgba(138, 155, 168, 0.15) !important;
  box-shadow: none;
  color: rgb(245, 248, 250);
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .css-1awjeo.bp3-button.bp3-outlined:hover {
    background-color: rgba(138, 155, 168, 0.15) !important;
    box-shadow: none;
    color: rgb(245, 248, 250);
  }
}
.css-1awjeo.bp3-button.bp3-outlined {
  background-color: transparent !important;
  border-top: 1px solid rgba(24, 32, 38, 0.2);
  border-right: 1px solid rgba(24, 32, 38, 0.2);
  border-bottom: 1px solid rgba(24, 32, 38, 0.2);
  border-left: 1px solid rgba(24, 32, 38, 0.2);
  box-shadow: none;
  color: #182026;
}

.bp3-light .css-1awjeo.bp3-button.bp3-outlined {
  background-color: transparent !important;
  border-top: 1px solid rgba(24, 32, 38, 0.2);
  border-right: 1px solid rgba(24, 32, 38, 0.2);
  border-bottom: 1px solid rgba(24, 32, 38, 0.2);
  border-left: 1px solid rgba(24, 32, 38, 0.2);
  box-shadow: none;
  color: #182026;
}

.bp3-dark .css-1awjeo.bp3-button.bp3-outlined {
  background-color: transparent !important;
  border-top: 1px solid hsla(0, 0%, 100%, 0.4);
  border-right: 1px solid hsla(0, 0%, 100%, 0.4);
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.4);
  border-left: 1px solid hsla(0, 0%, 100%, 0.4);
  box-shadow: none;
  color: inherit;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .css-1awjeo.bp3-button.bp3-outlined {
    background-color: transparent !important;
    border-top: 1px solid hsla(0, 0%, 100%, 0.4);
    border-right: 1px solid hsla(0, 0%, 100%, 0.4);
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.4);
    border-left: 1px solid hsla(0, 0%, 100%, 0.4);
    box-shadow: none;
    color: inherit;
  }
}
.css-a759x7 .rm-highlight, .css-a759x7 .roam-memo-cloze {
  background-color: #d8e1e8;
  color: transparent;
}

.bp3-light .css-a759x7 .rm-highlight, .bp3-light .css-a759x7 .roam-memo-cloze {
  background-color: #d8e1e8;
  color: transparent;
}

.bp3-dark .css-a759x7 .rm-highlight, .bp3-dark .css-a759x7 .roam-memo-cloze {
  background-color: #394b59;
  color: transparent;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .css-a759x7 .rm-highlight, :where(:root:not(.bp3-light)) .css-a759x7 .roam-memo-cloze {
    background-color: #394b59;
    color: transparent;
  }
}
/* === 10-fixes-dark.css === */
/* U2 — Dark-mode defect pack: tooltips, tables, chips, heading bullets.
 *
 * Despite the filename this layer also carries mode-agnostic rules (sections 4, 5, 8
 * already did before this change). Section 0 below is the theme's canonical palette and
 * its public token API, which are light-first by definition.
 */

/* 0. CANONICAL PALETTE + PUBLIC TOKEN API.
 *
 * Values are verbatim from ~/research/2026-08-07-svy-theme-design-tokens.json
 * (palette.light on :root, palette.dark under the dark signals). The two palettes are
 * independently calibrated — no dark value is derived by inverting its light twin.
 *
 * WHY THE FULL BLOCK IS REPEATED THREE TIMES rather than declaring the aliases once on
 * :root: custom-property substitution happens at the element carrying the *referencing*
 * declaration. `--bc-main: var(--svy-raised)` written only on :root computes on <html>,
 * where --svy-raised is still the LIGHT value; <body> would then inherit that resolved
 * light colour even though `body.bt-theme-dark` redeclares --svy-raised. Two of the five
 * dark signals land on <body> and one can land on an inner node, so every block that
 * redeclares the primitives must redeclare the aliases with them.
 *
 * LEGACY NAME MAPPING — the names lie, so they are mapped by ROLE, not by name.
 * The `bc-` prefix means background-color in the inherited Blueprint/roam-css vocabulary,
 * but the live consumer (~/roam-grid/extension.css:21-31) reads two of them as line
 * colours. Each mapping below is pinned to roam-grid's own fallback literal, which is the
 * only evidence of what the token was meant to be:
 *
 *   --bc-main       -> --svy-raised         .rg-root: --rg-bg, --rg-toolbar   (#ffffff / #293742) exact
 *   --bc-menu       -> --svy-border-subtle  .rg-root: --rg-border             (#d3d8de / #5f6b7c) near-exact
 *                                           NOTE: a background token here would erase the
 *                                           grid's inner lines. Mapped as a border tone.
 *   --bc-hover      -> --svy-hover / dark --svy-overlay
 *                                           .rg-root: --rg-header             (#f6f7f9 / #30404d) exact on dark
 *   --bc-topbar     -> --svy-surface / dark --svy-canvas
 *                                           unread by roam-grid; legacy public API only
 *   --cl-gray-550   -> --svy-text-muted     .rg-root: --rg-muted              (#5f6b7c / #abb3bf) near-exact
 *   --cl-blue       -> --svy-accent         .rg-root: --rg-active             (#2d72d2 / #48aff0) exact on dark
 *   --cl-text-color -> --svy-text           .rg-root: color
 *   --ff-main       -> --svy-ff-main        .rg-root: font-family
 *
 * roam-grid's dark block keys on .bp3-dark / body.bt-theme-dark / body.roam-body.dark and
 * has NO prefers-color-scheme fallback for .rg-root, but its light branch still reads
 * these tokens — so publishing dark values under the OS-dark guard below carries the grid
 * into dark in Roam's auto mode as well. Section 12 handles the one place that breaks.
 */
:root {
  --svy-canvas: #FFFFFF;
  --svy-surface: #F5F8FA;
  --svy-raised: #FFFFFF;
  --svy-overlay: #FFFFFF;
  --svy-hover: #F1F5F8;
  --svy-selected: #DBEAF7;
  --svy-border-subtle: #C5CBD3;
  --svy-border: #A7B6C2;
  --svy-border-strong: #8A9BA8;
  --svy-text: #182026;
  --svy-text-strong: #10161A;
  --svy-text-muted: #5C7080;
  --svy-text-faint: #738091;
  --svy-link: #0E5A8A;
  --svy-accent: #137CBD;
  --svy-tag-bg: #D3E3F2;
  --svy-tag-text: #106BA3;
  --svy-tag-border: #A7B6C2;
  /* Typography is mode-invariant by design (U6): no dark-mode size or weight
     compensation, so --svy-ff-main is declared once and never redeclared. */
  --svy-ff-main: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  --bc-main: var(--svy-raised);
  --bc-menu: var(--svy-border-subtle);
  --bc-hover: var(--svy-hover);
  --bc-topbar: var(--svy-surface);
  --cl-gray-550: var(--svy-text-muted);
  --cl-blue: var(--svy-accent);
  --cl-text-color: var(--svy-text);
  --ff-main: var(--svy-ff-main);
  --bc-page: var(--svy-canvas);
  --bc-surface: var(--svy-surface);
  --bc-raised: var(--svy-raised);
  --cl-main: var(--svy-text);
  --cl-muted: var(--svy-text-muted);
  --cl-accent: var(--svy-accent);
  --tagBg: var(--svy-tag-bg);
  --tagText: var(--svy-tag-text);
  --tagBorder: var(--svy-tag-border);
}

:root.bp3-dark, body.bt-theme-dark, .rm-dark-theme,
body.roam-body.dark {
  --svy-canvas: #182026;
  --svy-surface: #202B33;
  --svy-raised: #293742;
  --svy-overlay: #30404D;
  --svy-hover: #26333D;
  --svy-selected: #33485C;
  --svy-border-subtle: #5C7080;
  --svy-border: #738091;
  --svy-border-strong: #8A9BA8;
  --svy-text: #E1E8ED;
  --svy-text-strong: #E1E8ED;
  --svy-text-muted: #B3C1CC;
  --svy-text-faint: #8A9BA8;
  --svy-link: #B3D9F2;
  --svy-accent: #48AFF0;
  --svy-tag-bg: #3D566B;
  --svy-tag-text: #B3D9F2;
  --svy-tag-border: #5C7080;

  --bc-main: var(--svy-raised);
  --bc-menu: var(--svy-border-subtle);
  --bc-hover: var(--svy-overlay);
  --bc-topbar: var(--svy-canvas);
  --cl-gray-550: var(--svy-text-muted);
  --cl-blue: var(--svy-accent);
  --cl-text-color: var(--svy-text);
  --ff-main: var(--svy-ff-main);
  --bc-page: var(--svy-canvas);
  --bc-surface: var(--svy-surface);
  --bc-raised: var(--svy-raised);
  --cl-main: var(--svy-text);
  --cl-muted: var(--svy-text-muted);
  --cl-accent: var(--svy-accent);
  --tagBg: var(--svy-tag-bg);
  --tagText: var(--svy-tag-text);
  --tagBorder: var(--svy-tag-border);
}

@media (prefers-color-scheme: dark) {
  :root:not(.bp3-light) {
    --svy-canvas: #182026;
    --svy-surface: #202B33;
    --svy-raised: #293742;
    --svy-overlay: #30404D;
    --svy-hover: #26333D;
    --svy-selected: #33485C;
    --svy-border-subtle: #5C7080;
    --svy-border: #738091;
    --svy-border-strong: #8A9BA8;
    --svy-text: #E1E8ED;
    --svy-text-strong: #E1E8ED;
    --svy-text-muted: #B3C1CC;
    --svy-text-faint: #8A9BA8;
    --svy-link: #B3D9F2;
    --svy-accent: #48AFF0;
    --svy-tag-bg: #3D566B;
    --svy-tag-text: #B3D9F2;
    --svy-tag-border: #5C7080;

    --bc-main: var(--svy-raised);
    --bc-menu: var(--svy-border-subtle);
    --bc-hover: var(--svy-overlay);
    --bc-topbar: var(--svy-canvas);
    --cl-gray-550: var(--svy-text-muted);
    --cl-blue: var(--svy-accent);
    --cl-text-color: var(--svy-text);
    --ff-main: var(--svy-ff-main);
    --bc-page: var(--svy-canvas);
    --bc-surface: var(--svy-surface);
    --bc-raised: var(--svy-raised);
    --cl-main: var(--svy-text);
    --cl-muted: var(--svy-text-muted);
    --cl-accent: var(--svy-accent);
    --tagBg: var(--svy-tag-bg);
    --tagText: var(--svy-tag-text);
    --tagBorder: var(--svy-tag-border);
  }
}

/* 1. Tooltips: un-invert (base :6717-6828). */
:root.bp3-dark .bp3-tooltip .bp3-popover-content, body.bt-theme-dark .bp3-tooltip .bp3-popover-content, .rm-dark-theme .bp3-tooltip .bp3-popover-content,
body.roam-body.dark .bp3-tooltip .bp3-popover-content {
  background-color: #30404d !important;
  color: #E1E8ED !important;
}
@media (prefers-color-scheme: dark) {
  :root:not(.bp3-light) .bp3-tooltip .bp3-popover-content {
    background-color: #30404d !important;
    color: #E1E8ED !important;
  }
}

:root.bp3-dark .bp3-tooltip .bp3-popover-arrow-fill, body.bt-theme-dark .bp3-tooltip .bp3-popover-arrow-fill, .rm-dark-theme .bp3-tooltip .bp3-popover-arrow-fill,
body.roam-body.dark .bp3-tooltip .bp3-popover-arrow-fill {
  fill: #30404d;
}
@media (prefers-color-scheme: dark) {
  :root:not(.bp3-light) .bp3-tooltip .bp3-popover-arrow-fill {
    fill: #30404d;
  }
}

:root.bp3-dark .bp3-tooltip .bp3-heading, body.bt-theme-dark .bp3-tooltip .bp3-heading, .rm-dark-theme .bp3-tooltip .bp3-heading,
body.roam-body.dark .bp3-tooltip .bp3-heading {
  color: #E1E8ED;
}
@media (prefers-color-scheme: dark) {
  :root:not(.bp3-light) .bp3-tooltip .bp3-heading {
    color: #E1E8ED;
  }
}

:root.bp3-dark .bp3-tooltip .bp3-popover-content code, body.bt-theme-dark .bp3-tooltip .bp3-popover-content code, .rm-dark-theme .bp3-tooltip .bp3-popover-content code,
body.roam-body.dark .bp3-tooltip .bp3-popover-content code {
  background-color: rgba(16, 22, 26, 0.3);
  color: #E1E8ED;
}
@media (prefers-color-scheme: dark) {
  :root:not(.bp3-light) .bp3-tooltip .bp3-popover-content code {
    background-color: rgba(16, 22, 26, 0.3);
    color: #E1E8ED;
  }
}

/* 2. Tooltip token contract (consumed by block-stats): dark tooltips in BOTH modes. */
:root {
  --bc-tooltip__content: #30404D;
  --co-tooltip__content: #E1E8ED;
  --bt-tooltip: 1px solid #5C7080;
  --ff-app__div: inherit;
  --fs-tooltip__content: 14px;
}
:root.bp3-dark, body.bt-theme-dark, .rm-dark-theme,
body.roam-body.dark {
  --bc-tooltip__content: #30404D;
  --co-tooltip__content: #E1E8ED;
  --bt-tooltip: 1px solid #5C7080;
  --ff-app__div: inherit;
  --fs-tooltip__content: 14px;
}
@media (prefers-color-scheme: dark) {
  :root:not(.bp3-light) {
    --bc-tooltip__content: #30404D;
    --co-tooltip__content: #E1E8ED;
    --bt-tooltip: 1px solid #5C7080;
    --ff-app__div: inherit;
    --fs-tooltip__content: 14px;
  }
}

/* 3. .roam-table borders (base :12150): restore contrast + font-size on dark.
 *
 * The legacy table DOM gets the same cell surfaces as .rm-table in section 5, so a graph
 * still holding old-style tables reads identically. Roam ships no background at all here
 * (only `border: 1px solid grey` at 0-1-1), so 0-1-1 in this later sheet is enough for
 * light and 0-3-1 for the signals. font-size is never reduced on dark (U6/Piepenbrock:
 * the dark-mode legibility penalty grows as type shrinks). */
.roam-table th,
.roam-table td {
  background: var(--svy-surface);
}
.roam-table th {
  background: var(--svy-raised);
}
:root.bp3-dark .roam-table th, :root.bp3-dark .roam-table td, body.bt-theme-dark .roam-table th, body.bt-theme-dark .roam-table td, .rm-dark-theme .roam-table th, .rm-dark-theme .roam-table td,
body.roam-body.dark .roam-table th, body.roam-body.dark .roam-table td {
  background: var(--svy-raised);
}
:root.bp3-dark .roam-table th, body.bt-theme-dark .roam-table th, .rm-dark-theme .roam-table th,
body.roam-body.dark .roam-table th {
  background: #2b3a42;
}
@media (prefers-color-scheme: dark) {
  :root:not(.bp3-light) .roam-table th, :root:not(.bp3-light) .roam-table td {
    background: var(--svy-raised);
  }
  :root:not(.bp3-light) .roam-table th {
    background: #2b3a42;
  }
}

:root.bp3-dark .roam-table th, :root.bp3-dark .roam-table td, :root.bp3-dark .roam-table tr, body.bt-theme-dark .roam-table th, body.bt-theme-dark .roam-table td, body.bt-theme-dark .roam-table tr, .rm-dark-theme .roam-table th, .rm-dark-theme .roam-table td, .rm-dark-theme .roam-table tr,
body.roam-body.dark .roam-table th, body.roam-body.dark .roam-table td, body.roam-body.dark .roam-table tr {
  border-top: 1px solid #738091;
  border-right: 1px solid #738091;
  border-bottom: 1px solid #738091;
  border-left: 1px solid #738091;
  font-size: 1rem;
}
@media (prefers-color-scheme: dark) {
  :root:not(.bp3-light) .roam-table th, :root:not(.bp3-light) .roam-table td, :root:not(.bp3-light) .roam-table tr {
    border-top: 1px solid #738091;
    border-right: 1px solid #738091;
    border-bottom: 1px solid #738091;
    border-left: 1px solid #738091;
    font-size: 1rem;
  }
}

/* 4. table.bp3-html-table: borders in both modes (zero coverage in base). */
table.bp3-html-table {
  border-collapse: collapse;
}
table.bp3-html-table th,
table.bp3-html-table td {
  border: 1px solid #A7B6C2;
}
:root.bp3-dark table.bp3-html-table th, :root.bp3-dark table.bp3-html-table td, body.bt-theme-dark table.bp3-html-table th, body.bt-theme-dark table.bp3-html-table td, .rm-dark-theme table.bp3-html-table th, .rm-dark-theme table.bp3-html-table td,
body.roam-body.dark table.bp3-html-table th, body.roam-body.dark table.bp3-html-table td {
  border: 1px solid #738091;
}
@media (prefers-color-scheme: dark) {
  :root:not(.bp3-light) table.bp3-html-table th, :root:not(.bp3-light) table.bp3-html-table td {
    border: 1px solid #738091;
  }
}
:root.bp3-dark table.bp3-html-table th, body.bt-theme-dark table.bp3-html-table th, .rm-dark-theme table.bp3-html-table th,
body.roam-body.dark table.bp3-html-table th {
  background-color: #2b3a42;
  border-bottom: 2px solid #738091;
  font-weight: 600;
}
@media (prefers-color-scheme: dark) {
  :root:not(.bp3-light) table.bp3-html-table th {
    background-color: #2b3a42;
    border-bottom: 2px solid #738091;
    font-weight: 600;
  }
}

/* 5. .rm-table* (newer Roam table DOM): themed borders AND cell surfaces.
 *
 * Probed live (Roam Desktop 0.0.38 / Chrome 140, CSSOM read). Roam's own site.css ships:
 *   light  .rm-table table { background: white }
 *          .rm-table th    { background: rgb(245,248,250); border: 1px solid rgb(206,217,224) }
 *          .rm-table td    { border: 1px solid rgb(206,217,224) }
 *   dark   .bp3-dark .rm-table table  { background: rgb(41,55,66) }
 *          .bp3-dark .rm-table th     { background: rgba(255,255,255,.05) }
 *          .bp3-dark .rm-table th, td { border-color: rgb(57,75,89) }
 *
 * Two defects follow from that. (a) The dark branch is keyed on .bp3-dark ONLY, so under
 * the other four dark signals — body.bt-theme-dark, .rm-dark-theme, body.roam-body.dark,
 * and Roam's auto mode with nothing stamped — the table renders WHITE on the dark page.
 * (b) #394B59 on #293742 is APCA Lc -7.8, under the Lc 15 invisibility point, which is the
 * reported "near-invisible borders"; the existing #738091 rules below already fix that.
 *
 * The light fix is the user-visible one: Roam paints the table the same #FFFFFF as the
 * page canvas, so a light table reads as bare cells floating on the page. Cells take
 * --svy-surface and the header takes --svy-raised, inverting the usual relationship the
 * same way Roam's own dark branch does (header lighter than body).
 *
 * Specificity: Roam's rules are 0-1-1 (light) and 0-2-1 (.bp3-dark). Ours are 0-1-1 in a
 * later sheet and 0-3-1 under the signals, so nothing here needs !important. */
.rm-table {
  border-collapse: collapse;
  border: 1px solid #A7B6C2;
}
.rm-table th,
.rm-table td {
  border: 1px solid #A7B6C2;
}
.rm-table table {
  background: var(--svy-surface);
}
.rm-table th {
  background: var(--svy-raised);
}
:root.bp3-dark .rm-table table, body.bt-theme-dark .rm-table table, .rm-dark-theme .rm-table table,
body.roam-body.dark .rm-table table {
  background: var(--svy-raised);
}
@media (prefers-color-scheme: dark) {
  :root:not(.bp3-light) .rm-table table {
    background: var(--svy-raised);
  }
}
/* #2b3a42 is this file's established dark table-header band (sections 4 and 9 use it):
 * one step off the #293742 body, distinct without becoming a second surface. */
:root.bp3-dark .rm-table th, body.bt-theme-dark .rm-table th, .rm-dark-theme .rm-table th,
body.roam-body.dark .rm-table th {
  background: #2b3a42;
}
@media (prefers-color-scheme: dark) {
  :root:not(.bp3-light) .rm-table th {
    background: #2b3a42;
  }
}
:root.bp3-dark .rm-table, body.bt-theme-dark .rm-table, .rm-dark-theme .rm-table,
body.roam-body.dark .rm-table {
  border: 1px solid #738091;
}
@media (prefers-color-scheme: dark) {
  :root:not(.bp3-light) .rm-table {
    border: 1px solid #738091;
  }
}
:root.bp3-dark .rm-table th, :root.bp3-dark .rm-table td, body.bt-theme-dark .rm-table th, body.bt-theme-dark .rm-table td, .rm-dark-theme .rm-table th, .rm-dark-theme .rm-table td,
body.roam-body.dark .rm-table th, body.roam-body.dark .rm-table td {
  border: 1px solid #738091;
}
@media (prefers-color-scheme: dark) {
  :root:not(.bp3-light) .rm-table th, :root:not(.bp3-light) .rm-table td {
    border: 1px solid #738091;
  }
}

/* 6. .bp3-tag (base :6466): stop the near-white inversion on dark. */
:root.bp3-dark .bp3-tag, body.bt-theme-dark .bp3-tag, .rm-dark-theme .bp3-tag,
body.roam-body.dark .bp3-tag {
  background-color: #3b4c58;
  border: 1px solid #5C7080;
  color: #e8edf2;
}
@media (prefers-color-scheme: dark) {
  :root:not(.bp3-light) .bp3-tag {
    background-color: #3b4c58;
    border: 1px solid #5C7080;
    color: #e8edf2;
  }
}

/* 7. .rm-page-ref--tag (base :12318): raise contrast on dark. */
:root.bp3-dark .rm-page-ref--tag, body.bt-theme-dark .rm-page-ref--tag, .rm-dark-theme .rm-page-ref--tag,
body.roam-body.dark .rm-page-ref--tag {
  color: #B3D9F2;
}
@media (prefers-color-scheme: dark) {
  :root:not(.bp3-light) .rm-page-ref--tag {
    color: #B3D9F2;
  }
}

/* 8. Heading bullet centering (both modes; wins on source order at 0-3-0). */
.rm-heading-level-1 > .rm-block__self > .rm-block__controls,
.rm-heading-level-2 > .rm-block__self > .rm-block__controls,
.rm-heading-level-3 > .rm-block__self > .rm-block__controls {
  padding: 0;
}

/* 9. Native table add-row / add-column affordance.
 *
 * Roam's site.css ships a `.bp3-dark` block for `.rm-table` — table background, cell
 * border-color, column menu, ref count, and the drag pills' border-color — but nothing
 * for the two add buttons. Their entire visible state is one mode-independent rule,
 * `.rm-table__add-row-btn:hover, .rm-table__add-col-btn:hover { background: #E1E8ED;
 * color: #5C7080 }`, so hovering a table on the dark surface paints a near-white bar
 * across its bottom edge and down its right side. (At rest both buttons are
 * `background: transparent; color: transparent`, which is correct in both modes and is
 * left alone.) Probed live on Roam Desktop 0.0.38 / Chrome 140.
 *
 * Values are this file's dark table palette: the #2b3a42 surface already used for dark
 * `th`, the #738091 border used for every dark cell, and #8A9BA8 for the plus glyph,
 * which the `.bp3-icon` child inherits. Specificity is 0-3-0 against Roam's 0-2-0, so no
 * !important is needed. */
:root.bp3-dark .rm-table__add-row-btn:hover, :root.bp3-dark .rm-table__add-col-btn:hover, body.bt-theme-dark .rm-table__add-row-btn:hover, body.bt-theme-dark .rm-table__add-col-btn:hover, .rm-dark-theme .rm-table__add-row-btn:hover, .rm-dark-theme .rm-table__add-col-btn:hover,
body.roam-body.dark .rm-table__add-row-btn:hover, body.roam-body.dark .rm-table__add-col-btn:hover {
  background: #2b3a42;
  border: 1px solid #738091;
  color: #8A9BA8;
}
@media (prefers-color-scheme: dark) {
  :root:not(.bp3-light) .rm-table__add-row-btn:hover, :root:not(.bp3-light) .rm-table__add-col-btn:hover {
    background: #2b3a42;
    border: 1px solid #738091;
    color: #8A9BA8;
  }
}

/* 10. Roam Grid outer border — the one place the token contract needs compensating.
 *
 * ~/roam-grid/extension.css:21-31 reads --bc-main TWICE in its light branch, for two
 * different jobs and with two different fallbacks:
 *     --rg-border-strong: var(--bc-main, #c5cbd3);   <- outer border
 *     --rg-bg:            var(--bc-main, #ffffff);   <- body fill
 * With --bc-main undefined those fallbacks disagree and the grid looks right. Section 0
 * defines --bc-main, which collapses both onto the same colour and leaves the light grid
 * with no outline. (Its dark branch hardcodes --rg-border-strong: #738091, so dark was
 * never affected.)
 *
 * Fixed here, in the theme, with roam-grid untouched. Safe in both modes by construction:
 * this rule is 0-2-0 and the grid's dark rule is also 0-2-0, so which one wins depends on
 * sheet order — but --svy-border resolves to #738091 on dark, the exact value the grid
 * hardcodes, so both outcomes paint the same pixel. The subject is a grid-owned class. */
:root .rg-root {
  --rg-border-strong: var(--svy-border);
}

/* 11. `[[` / `((` autocomplete menu.
 *
 * DOM confirmed live (trusted CDP keystrokes into a scratch block, Roam Desktop 0.0.38):
 *
 *   body
 *   └ div.rm-autocomplete__results.bp3-elevation-3      <- PORTALED to <body>, not inline
 *     └ div.rm-autocomplete__results-main
 *       ├ div.rm-autocomplete__results-scroll
 *       │ └ div.dont-unfocus-block › div.rm-autocomplete-result
 *       └ div.rm-autocomplete-footer
 *         ├ div.rm-autocomplete-footer__title
 *         └ div.rm-autocomplete-footer__actions
 *           └ span.rm-autocomplete-footer__action[--preview]
 *             ├ span.rm-autocomplete-footer__action__desc
 *             └ span.rm-autocomplete-footer__action__hotkey › __hotkey__icon
 *
 * THERE IS NO SEARCH INPUT. Querying the mounted menu for input/textarea/[contenteditable]
 * returns []. The white field above the menu is the edited block's own textarea, which
 * lives in `div.rm-autocomplete__wrapper > textarea.rm-block__input` (parent
 * .rm-block-main) and is transparent, so in light mode it simply shows the page canvas.
 *
 * DO NOT STYLE .rm-autocomplete__wrapper. The name is a trap: measured live, that wrapper
 * is present for ANY block in edit mode — click a block with no menu open and the count is
 * wrapper:1 / results:0. Painting it would put a surface and a border around every block
 * the user clicks into, which is both a large unwanted visual change and a rule reaching
 * far outside the popup. Only .rm-autocomplete__results (portaled to <body>) and its
 * descendants are menu-scoped.
 *
 * The blend the user saw — white field sitting on a white menu on a white page — is fixed
 * by giving the menu a real border below, not by repainting the block.
 *
 * Roam's own dark branch covers ONLY .bp3-dark (probed: __results, -footer,
 * -footer__action__hotkey__icon, __preview, -footer__action--active,
 * -footer__action--preview:hover). Under the other four signals the whole menu renders
 * light on a dark page — the same hole the tables had.
 *
 * HOT PATH. Popup blocked time is ~3,300 recalcs x cost-per-recalc and selector shape
 * dominates rule count, so: class-only selectors, at most two compound selectors, no
 * attribute matching, no :has(), no descendant wildcards, and no !important (every
 * target is reachable at equal-or-higher specificity from this later sheet). Every value
 * is a section-0 token, so ONE declaration list serves both modes; the `.bp3-dark`
 * variant in each selector list exists only to outrank Roam's 0-2-0 dark rules, and
 * carries the identical declarations. The rules the base layer already ships for the
 * selected row (the `div[style*="background-color: rgb(213, 218, 223)"]` inline-style
 * hack) are deliberately left alone — they already resolve per mode and rewriting them
 * would mean matching their !important.
 *
 * Geometry never changes while typing: the wrapper, the active footer chip and the hotkey
 * icon get inset box-shadows rather than borders, so opening the menu cannot shift the
 * block or reflow the footer. */
.rm-autocomplete__results,
.bp3-dark .rm-autocomplete__results {
  background-color: var(--svy-overlay);
  border: 1px solid var(--svy-border);
  /* Roam's dark rule pushes #F5F8FA here, past the APCA dark-text ceiling; the token
   * holds the #E1E8ED band on dark and near-black ink on light. */
  color: var(--svy-text);
}

.rm-autocomplete__preview,
.bp3-dark .rm-autocomplete__preview {
  background-color: var(--svy-overlay);
  border-left-color: var(--svy-border);
  border-right-color: var(--svy-border);
}

.rm-autocomplete-footer,
.bp3-dark .rm-autocomplete-footer {
  background-color: var(--svy-surface);
  border-top-color: var(--svy-border);
  color: var(--svy-text-muted);
}

/* Dark fills clip below the APCA Lc 15 invisibility point, so a dark chip cannot carry
 * meaning by fill alone (U6). Both chips below get a ring in addition to the fill. */
.rm-autocomplete-footer__action--active,
.bp3-dark .rm-autocomplete-footer__action--active {
  background-color: var(--svy-selected);
  box-shadow: inset 0 0 0 1px var(--svy-border-subtle);
  color: var(--svy-text);
}

.rm-autocomplete-footer__action__hotkey__icon,
.bp3-dark .rm-autocomplete-footer__action__hotkey__icon {
  background-color: var(--svy-hover);
  box-shadow: inset 0 0 0 1px var(--svy-border-subtle);
  color: var(--svy-text-muted);
}

.rm-autocomplete__preview-placeholder {
  color: var(--svy-text-faint);
}
/* 12. Topbar Find-or-Create results dropdown (2026-08-07 report).
 *
 * Roam core paints this component for dark mode only through Blueprint's .bp3-dark
 * (.bp3-menu surface, .bp3-menu-item.bp3-active band, input fill). Under the other four
 * dark signals — probed live under body.bt-theme-dark — the popover, menu, and input
 * stay WHITE, the selected row is a near-white #E1E8ED band, the
 * .rm-find-or-create-footer is a cream #EBECEB bar, and the footer's hint buttons and
 * hotkey chips keep near-black #182026 text. The base layer ships no
 * .rm-find-or-create-footer rule at all; its inline-style hacks target a Roam DOM that
 * no longer sets those styles (rows now carry .bp3-active, no inline background).
 *
 * SCOPE ANCHOR: everything except the input hangs under .rm-find-or-create-popover, NOT
 * .rm-find-or-create-wrapper — Blueprint flips this popover between an inline overlay
 * inside the wrapper and a portaled mount, and wrapper-scoped selectors silently miss
 * the portaled path (observed live, same session, two openings). The popover div fills
 * bp3-popover-content exactly (padding 0, identical rects), so painting it paints the
 * whole surface. The input lives in the topbar wrapper and keeps the wrapper scope.
 *
 * Structure (probed live):
 *   div.rm-find-or-create-popover
 *     ├ ul.rm-find-or-create__menu.bp3-menu
 *     │   └ li.bp3-menu-item[.bp3-active = hover/keyboard band]
 *     │       └ .rm-find-or-create-row > __title / .rm-search-list-item (breadcrumb)
 *     └ div.rm-find-or-create-footer
 *         ├ .rm-find-or-create-footer__title
 *         └ .bp3-button > __action-desc / __action-hotkey(__action-hotkey-icon)
 *
 * Every paintable value except the selected band is a section-0 token, so one
 * declaration list serves both modes and the .bp3-dark twin exists only to outrank
 * Blueprint's 0-2-0 dark rules. The band is the one literal: #2B3A42 sits between
 * --svy-hover and --svy-overlay and has no token, so it ships dark-signals-only and
 * light keeps Roam's own band.
 *
 * APCA (computed, not eyeballed): breadcrumb --svy-text-muted #B3C1CC on the band is
 * Lc -62.2 and on the unselected overlay Lc -60.2 — the order's first suggestion
 * #8A9BA8 measured Lc -42.0 on the band, below the Lc 45 spot floor, so the muted
 * token carries breadcrumbs. Row text --svy-text on the band is Lc -85.2; footer
 * --svy-text-muted on --svy-surface is Lc -66.3. Light pairs all clear Lc 60. */
.rm-find-or-create-popover,
.bp3-dark .rm-find-or-create-popover,
.rm-find-or-create-popover .rm-find-or-create__menu,
.bp3-dark .rm-find-or-create-popover .rm-find-or-create__menu {
  background-color: var(--svy-overlay);
  color: var(--svy-text);
}

.rm-find-or-create-popover .bp3-menu-item,
.bp3-dark .rm-find-or-create-popover .bp3-menu-item {
  color: var(--svy-text);
}

.rm-find-or-create-popover .rm-search-list-item,
.bp3-dark .rm-find-or-create-popover .rm-search-list-item {
  color: var(--svy-text-muted);
}

/* Roam paints the block-content preview line near-black explicitly; the match span
 * inside it inherits from here, so this one rule fixes both. */
.rm-find-or-create-popover .rm-find-or-create-row__snippet,
.bp3-dark .rm-find-or-create-popover .rm-find-or-create-row__snippet {
  color: var(--svy-text-muted);
}

/* Roam paints the query match near-black in breadcrumb context; inherit lets it follow
 * the breadcrumb's muted tone there and the row's text tone in titles. */
.rm-find-or-create-popover .rm-search-match,
.bp3-dark .rm-find-or-create-popover .rm-search-match {
  color: inherit;
}

.rm-find-or-create-popover .rm-find-or-create-footer,
.bp3-dark .rm-find-or-create-popover .rm-find-or-create-footer {
  background-color: var(--svy-surface);
  border-top: 1px solid var(--svy-border);
  color: var(--svy-text-muted);
}

/* Footer hint rows keep Roam's near-black button text and light-muted title without
 * these; on the dark footer both are unreadable. */
.rm-find-or-create-popover .rm-find-or-create-footer__title,
.bp3-dark .rm-find-or-create-popover .rm-find-or-create-footer__title,
.rm-find-or-create-popover .rm-find-or-create-footer .bp3-button,
.bp3-dark .rm-find-or-create-popover .rm-find-or-create-footer .bp3-button,
.rm-find-or-create-popover .rm-find-or-create-footer .bp3-icon,
.bp3-dark .rm-find-or-create-popover .rm-find-or-create-footer .bp3-icon {
  color: var(--svy-text-muted);
}

.rm-find-or-create-popover .rm-find-or-create-footer__action-hotkey-icon,
.bp3-dark .rm-find-or-create-popover .rm-find-or-create-footer__action-hotkey-icon {
  background-color: var(--svy-hover);
  box-shadow: inset 0 0 0 1px var(--svy-border-subtle);
  color: var(--svy-text-muted);
}

/* The order reported the input correctly themed; that held only for the user's signal.
 * Under the other four it is white-on-dark like the menu. Token values are no-ops in
 * light (overlay = #FFFFFF, text = #182026 — Roam's own light paints). */
.rm-find-or-create-wrapper #find-or-create-input,
.bp3-dark .rm-find-or-create-wrapper #find-or-create-input {
  background-color: var(--svy-overlay);
  color: var(--svy-text);
}

.rm-find-or-create-wrapper #find-or-create-input::placeholder {
  color: var(--svy-text-faint);
}

/* Selected/hover band — the single non-token value, dark signals only (see header). */
:root.bp3-dark .rm-find-or-create-popover .bp3-menu-item.bp3-active,
body.bt-theme-dark .rm-find-or-create-popover .bp3-menu-item.bp3-active,
.rm-dark-theme .rm-find-or-create-popover .bp3-menu-item.bp3-active,
body.roam-body.dark .rm-find-or-create-popover .bp3-menu-item.bp3-active {
  background-color: #2B3A42;
}
@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light)) .rm-find-or-create-popover .bp3-menu-item.bp3-active {
    background-color: #2B3A42;
  }
}
/* === 20-plugins.css === */
/* U3 — Quick-insert + block-info tooltip compatibility (third-party extension fixes). */

/* 1. Heading hit-target fix: re-anchor #inserts_btns per heading level and push the
   lower dash (insert-sibling-below) past the fold caret and bullet via the .place
   spacer. Spacer heights are measured, not chosen: with tops -6/-8/-12 the lower
   dash center clears the caret and bullet centers by >=24px (WCAG 2.5.8 spacing)
   at all three heading control heights (42/33/27px). Only one #inserts_btns exists
   at a time (the plugin recreates it per hovered block), so cross-block spacing
   does not apply. */
.rm-heading-level-1 > .rm-block__self > .rm-block__controls #inserts_btns {
  top: -6px;
  left: 6px;
}
.rm-heading-level-1 > .rm-block__self > .rm-block__controls #inserts_btns .place {
  height: 43px;
}
.rm-heading-level-2 > .rm-block__self > .rm-block__controls #inserts_btns {
  top: -8px;
  left: 6px;
}
.rm-heading-level-2 > .rm-block__self > .rm-block__controls #inserts_btns .place {
  height: 39px;
}
.rm-heading-level-3 > .rm-block__self > .rm-block__controls #inserts_btns {
  top: -12px;
  left: 6px;
}
.rm-heading-level-3 > .rm-block__self > .rm-block__controls #inserts_btns .place {
  height: 39px;
}

/* 2. Dark color for the dashes (light mode untouched). */
:root.bp3-dark #inserts_btns span, body.bt-theme-dark #inserts_btns span, .rm-dark-theme #inserts_btns span,
body.roam-body.dark #inserts_btns span {
  color: #8A9BA8;
}
@media (prefers-color-scheme: dark) {
  :root:not(.bp3-light) #inserts_btns span {
    color: #8A9BA8;
  }
}

/* 3. Undo the base layer's box distortion. */
.rm-block__controls #inserts_btns > span,
.controls #inserts_btns > span {
  display: inline-flex;
}

/* Block-stats tooltip safety net: intentionally dark in BOTH modes. */
.rm-bullet__tooltip, .roam-app .tooltiptext {
  background-color: var(--bc-tooltip__content, #30404d) !important;
  color: var(--co-tooltip__content, rgba(255, 255, 255, 0.87)) !important;
}

/* Topbar appearance control: icon + visible mode label (src/dm-toggle.js). */
.blueprint-dm-toggle-wrap {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
}
.blueprint-dm-toggle-label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  line-height: 1;
  user-select: none;
  color: inherit;
}
/* === 30-absorbed.css === */
/* ============================================================================
   30-absorbed.css — roam/css absorption layer (U4 staging)

   Source: roam/css pages of the Svy and Readwisenotes graphs
   (dumps: roam-css-dump-Svy-final.json, roam-css-dump-Readwisenotes-final.json,
   2026-08-07). Token values: ~/research/2026-08-07-svy-theme-design-tokens.json.

   Module order: tokens, zettelkasten-pills, productivity-pills,
   tufte-sidenotes, query-hiding, misc, focus-mode.
   Every module is independently removable (banner to banner). The only
   permitted cross-module dependency is on the `tokens` module.

   Mandatory dark-signal pattern for every dark override:
     :root.bp3-dark <sel>, body.bt-theme-dark <sel>, .rm-dark-theme <sel>,
     body.roam-body.dark <sel> { ... }
     @media (prefers-color-scheme: dark) { :root:not(.bp3-light) <sel> { ... } }
   (Never `body.bp3-dark` — bp3-dark lives on <html>.)

   Selector discipline (campaign perf contract): no `*` in any descendant
   position, no depth-4+ descendant chains, attribute substring matches only
   on the .rm-focus container and the .list-query mechanism where no class
   exists.
   ========================================================================== */


/* --- module: tokens ---------------------------------------------------------
   Revives the 13 legacy custom properties consumed by the productivity pills.
   They have been defined NOWHERE since the pre-Blueprint theme was removed
   (measured 2026-08-07), so the pills currently render unstyled. Each legacy
   property is now an ALIAS of a canonical --svy-* token; palette values come
   from the research JSON (palette.light on :root, palette.dark under the five
   dark signals — the palettes are independently calibrated, never derived
   one from the other).

   INTEGRATION NOTE (U5): the --svy-* palette primitives below are fallback
   definitions so this layer is self-contained. When the theme's canonical
   token layer defines the same names, delete the primitive blocks here and
   keep only the aliases and the chip-metric tokens.
   ------------------------------------------------------------------------- */

:root {
  /* --svy-* palette primitives (palette.light) — fallback defs, see note. */
  --svy-canvas: #FFFFFF;
  --svy-raised: #FFFFFF;
  --svy-selected: #DBEAF7;
  --svy-text: #182026;
  --svy-text-strong: #10161A;
  --svy-tag-border: #A7B6C2;
  --svy-accent: #137CBD;
  --svy-danger: #A82A2A;
  --svy-warning: #935610;
  --svy-success: #0A6640;

  /* Chip metric tokens. The old theme's values are lost; these reproduce the
     exact geometry of the absorbed pill corpus (padding 2px 5px, 13px/1em,
     weight 500, radius 5px, position relative). Deliberately off the 4px
     spacing grid: these pad inline text chips, not layout. Mode-invariant —
     the research forbids dark-mode type-size changes. */
  --svy-tag-pad: 2px 5px;
  --svy-tag-fs: 13px;
  --svy-tag-lh: 1em;
  --svy-tag-fw: 500;
  --svy-tag-radius: 5px;
  --svy-tag-position: relative;

  /* The 13 legacy aliases. Mapping rationale:
     --black → text-strong: near-black ink; in dark it flips to #E1E8ED so
               black-chip/white-text pills (Inbox) invert instead of going
               dark-on-dark.
     --white → canvas: page white; in dark it flips to the dark canvas so
               light-chip/dark-text pills (Self-coaching, Weekly) keep
               readable contrast.
     --deepblue → accent: the palette's blue accent (Agenda fill).
     --red    → danger (Self-coaching border/text).
     --skyblue → selected: the palette's light-blue fill (Morning plan fill).
     --green  → success (Daily Tasks fill).
     --gold   → warning/amber (Weekly Accomplishments border/text). */
  --tagpad: var(--svy-tag-pad);
  --tagfont-size: var(--svy-tag-fs);
  --tagline-height: var(--svy-tag-lh);
  --tagfont-weight: var(--svy-tag-fw);
  --tagborder-radius: var(--svy-tag-radius);
  --tagposition: var(--svy-tag-position);
  --black: var(--svy-text-strong);
  --white: var(--svy-canvas);
  --deepblue: var(--svy-accent);
  --red: var(--svy-danger);
  --skyblue: var(--svy-selected);
  --green: var(--svy-success);
  --gold: var(--svy-warning);
}

:root.bp3-dark, body.bt-theme-dark, .rm-dark-theme, body.roam-body.dark {
  /* palette.dark — same primitives, independently calibrated values.
     Chip metrics are intentionally NOT redeclared: mode-invariant. */
  --svy-canvas: #182026;
  --svy-raised: #293742;
  --svy-selected: #33485C;
  --svy-text: #E1E8ED;
  --svy-text-strong: #E1E8ED;
  --svy-tag-border: #5C7080;
  --svy-accent: #48AFF0;
  --svy-danger: #FF9C9C;
  --svy-warning: #F5D06B;
  --svy-success: #8FE0BC;
}
@media (prefers-color-scheme: dark) {
  :root:not(.bp3-light) {
    --svy-canvas: #182026;
    --svy-raised: #293742;
    --svy-selected: #33485C;
    --svy-text: #E1E8ED;
    --svy-text-strong: #E1E8ED;
    --svy-tag-border: #5C7080;
    --svy-accent: #48AFF0;
    --svy-danger: #FF9C9C;
    --svy-warning: #F5D06B;
    --svy-success: #8FE0BC;
  }
}


/* --- module: zettelkasten-pills ---------------------------------------------
   Sources: Svy + Readwisenotes "> Zettelkasten Tags" sections (12 tag blocks
   per graph). The two graphs carry near-identical copies — deduplicated to
   one module. The Svy copy is preferred: the Readwisenotes copies of
   "Project Name2"/"Project Name3" still carry the stale "Project Notes2/3"
   typo in their :before selector (fixed in Svy in-graph 2026-08-07).

   Three pill families, consolidated with per-tag hue tokens:
     A. white chip, hue border  — Fleeting/Literature/Reference/Translation
     B. white chip, hue text    — Relevant Notes/Project/Project2/Project3
     C. solid hue chip + arrow  — Permanent Notes, Project Name/2/3

   Changes vs original: hardcoded #fff/white/#000 replaced by module tokens;
   near-white half-pill text (#F3F7F2/#F5F8FA) gets dark variants in the
   #E1E8ED band (never #FFFFFF on dark); dark chips carry a VISIBLE border
   (hues lightened into the #5C7080 luminance band — fills are decoration,
   the border is the semantic signal); light-mode rendering is byte-for-byte
   the legacy look.
   ------------------------------------------------------------------------- */

:root {
  /* shared flippables (light values reproduce the legacy rendering) */
  --svy-zk-bg: #FFFFFF;
  --svy-zk-fg: #000000;
  --svy-zk-shadow: 0px 1px 3px -1px #000000, 0px -1px 5px #DFDFDF;
  --svy-zk-relevant-bd: #FFFFFF;
  --svy-zk-half-b-fg: #0C5174; /* was #F3F7F2 — APCA Lc 0.0 on #E7F3F9; now Lc 80.8 */
  --svy-zk-half-b-shadow: inset -1px 1px 5px #AAAAAA63, inset 1px -1px 3px #F6F6F6;
  --svy-zk-half-c-fg: #0C5174; /* was #F5F8FA — APCA Lc 0.0 on #DCEEF9; now Lc 77.4 */
  --svy-zk-solid-fg: #FFFFFF;
  --svy-zk-solid-fg-lighthue: #FFFFFF;
  /* family A hue borders (legacy 25%-alpha hex) */
  --svy-zk-fleeting-bd: #f21da140;
  --svy-zk-literature-bd: #215F0040;
  --svy-zk-reference-bd: #f26e1d40;
  --svy-zk-translation-bd: #391DF240;
  /* family B hue text */
  --svy-zk-relevantnotes-fg: #1DA1F2;
  --svy-zk-relevantproject-fg: #6A5ACD;
  --svy-zk-relevantproject2-fg: #1877F2;
  --svy-zk-relevantproject3-fg: #81D8D0;
}

:root.bp3-dark, body.bt-theme-dark, .rm-dark-theme, body.roam-body.dark {
  --svy-zk-bg: #293742;        /* palette.dark.raised */
  --svy-zk-fg: #E1E8ED;        /* palette.dark.text band, never #FFFFFF */
  --svy-zk-shadow: none;       /* light-mode shadows read as smudges on dark */
  --svy-zk-relevant-bd: #5C7080;  /* palette.dark.border-subtle: border is the signal */
  --svy-zk-half-b-fg: #E1E8ED;
  --svy-zk-half-b-shadow: none;
  --svy-zk-half-c-fg: #E1E8ED;
  --svy-zk-solid-fg: #E1E8ED;
  --svy-zk-solid-fg-lighthue: #182026;  /* Project Name3 sits on light teal */
  /* hue borders lightened to full-alpha equivalents in the #5C7080 band */
  --svy-zk-fleeting-bd: #F266C2;
  --svy-zk-literature-bd: #7CBF60;
  --svy-zk-reference-bd: #F59A5E;
  --svy-zk-translation-bd: #9A8CFA;
  /* hue text lightened where the legacy hue is too dark for dark surfaces;
     #81D8D0 is already a light hue and keeps its value */
  --svy-zk-relevantnotes-fg: #5EB2F5;
  --svy-zk-relevantproject-fg: #ADA4FF;
  --svy-zk-relevantproject2-fg: #7FB4F7;
}
@media (prefers-color-scheme: dark) {
  :root:not(.bp3-light) {
    --svy-zk-bg: #293742;
    --svy-zk-fg: #E1E8ED;
    --svy-zk-shadow: none;
    --svy-zk-relevant-bd: #5C7080;
    --svy-zk-half-b-fg: #E1E8ED;
    --svy-zk-half-b-shadow: none;
    --svy-zk-half-c-fg: #E1E8ED;
    --svy-zk-solid-fg: #E1E8ED;
    --svy-zk-solid-fg-lighthue: #182026;
    --svy-zk-fleeting-bd: #F266C2;
    --svy-zk-literature-bd: #7CBF60;
    --svy-zk-reference-bd: #F59A5E;
    --svy-zk-translation-bd: #9A8CFA;
    --svy-zk-relevantnotes-fg: #5EB2F5;
    --svy-zk-relevantproject-fg: #ADA4FF;
    --svy-zk-relevantproject2-fg: #7FB4F7;
  }
}

/* Families A + B shared base: white chip geometry (8 tags, identical in the
   legacy corpus except hue). */
span.rm-page-ref[data-tag="Fleeting Notes"],
span.rm-page-ref[data-tag="Literature Notes"],
span.rm-page-ref[data-tag="Reference Notes"],
span.rm-page-ref[data-tag="Translation Notes"],
span.rm-page-ref[data-tag="Relevant Notes"],
span.rm-page-ref[data-tag="Relevant Project"],
span.rm-page-ref[data-tag="Relevant Project2"],
span.rm-page-ref[data-tag="Relevant Project3"] {
  background: var(--svy-zk-bg);
  background-size: 100%;
  color: var(--svy-zk-fg);
  padding: var(--svy-tag-pad);
  font-size: var(--svy-tag-fs);
  line-height: var(--svy-tag-lh);
  font-weight: var(--svy-tag-fw);
  border-radius: var(--svy-tag-radius);
  border-style: solid;
  border-width: thin;
  position: relative;
  box-shadow: var(--svy-zk-shadow);
}

/* Family A per-tag: hue border, neutral text. */
span.rm-page-ref[data-tag="Fleeting Notes"]    { border-color: var(--svy-zk-fleeting-bd); }
span.rm-page-ref[data-tag="Literature Notes"]  { border-color: var(--svy-zk-literature-bd); }
span.rm-page-ref[data-tag="Reference Notes"]   { border-color: var(--svy-zk-reference-bd); }
span.rm-page-ref[data-tag="Translation Notes"] { border-color: var(--svy-zk-translation-bd); }

/* Family B per-tag: hue text, white (dark: border-subtle) border. */
span.rm-page-ref[data-tag="Relevant Notes"] {
  color: var(--svy-zk-relevantnotes-fg);
  border-color: var(--svy-zk-relevant-bd);
}
span.rm-page-ref[data-tag="Relevant Project"] {
  color: var(--svy-zk-relevantproject-fg);
  border-color: var(--svy-zk-relevant-bd);
}
span.rm-page-ref[data-tag="Relevant Project2"] {
  color: var(--svy-zk-relevantproject2-fg);
  border-color: var(--svy-zk-relevant-bd);
}
span.rm-page-ref[data-tag="Relevant Project3"] {
  color: var(--svy-zk-relevantproject3-fg);
  border-color: var(--svy-zk-relevant-bd);
}

/* Family B linked half-pill (the [[page]] half right of the tag chip). */
span.rm-page-ref[data-tag="Relevant Notes"] + span[data-link-title],
span.rm-page-ref[data-tag="Relevant Project"] + span[data-link-title],
span.rm-page-ref[data-tag="Relevant Project2"] + span[data-link-title],
span.rm-page-ref[data-tag="Relevant Project3"] + span[data-link-title] {
  background: #1DA1F210 !important;
  color: var(--svy-zk-half-b-fg) !important;
  padding: 3px 5px 3px 8px;
  font-size: var(--svy-tag-fs);
  line-height: var(--svy-tag-lh);
  font-weight: 400;
  border-radius: 0 5px 5px 0;
  margin-left: -8px;
  box-shadow: var(--svy-zk-half-b-shadow);
}

/* Family C: solid hue chip. --svy-zk-solid carries the per-tag hue so the
   chip, the arrow pseudos and the dark overrides all read one token. */
span.rm-page-ref[data-tag="Permanent Notes"],
span.rm-page-ref[data-tag="Project Name"],
span.rm-page-ref[data-tag="Project Name2"],
span.rm-page-ref[data-tag="Project Name3"] {
  background-color: var(--svy-zk-solid);
  background-size: 100%;
  color: var(--svy-zk-solid-fg);
  padding: var(--svy-tag-pad);
  font-size: var(--svy-tag-fs);
  line-height: var(--svy-tag-lh);
  font-weight: var(--svy-tag-fw);
  border-radius: 3px 0 0 3px;
  position: relative;
  box-shadow: var(--svy-zk-shadow);
}
span.rm-page-ref[data-tag="Permanent Notes"] {
  --svy-zk-solid: #1DA1F2;
  background-image: linear-gradient(90deg, #1DA1F2, #1DA1F2);
  /* #E1E8ED on the un-flipped #1DA1F2 fill measures Lc 43.3 (floor 45) —
     route dark text through the dark-ink branch (#182026, Lc 47.7). */
  color: var(--svy-zk-solid-fg-lighthue);
}
span.rm-page-ref[data-tag="Project Name"]  { --svy-zk-solid: #6A5ACD; }
span.rm-page-ref[data-tag="Project Name2"] { --svy-zk-solid: #1877F2; }
span.rm-page-ref[data-tag="Project Name3"] {
  --svy-zk-solid: #81D8D0;
  color: var(--svy-zk-solid-fg-lighthue);  /* light teal fill: dark text in dark mode */
}

/* Family C linked half-pill. */
span.rm-page-ref[data-tag="Permanent Notes"] + span[data-link-title],
span.rm-page-ref[data-tag="Project Name"] + span[data-link-title],
span.rm-page-ref[data-tag="Project Name2"] + span[data-link-title],
span.rm-page-ref[data-tag="Project Name3"] + span[data-link-title] {
  background: #1DA1F21E !important;
  color: var(--svy-zk-half-c-fg) !important;
  padding: 3px 5px 3px 15px;
  font-size: var(--svy-tag-fs);
  line-height: var(--svy-tag-lh);
  font-weight: 400;
  border-radius: 0 3px 3px 0;
  margin-left: -5px;
}

/* Family C arrow (the legacy :after and :before rules were identical —
   merged into one). */
span.rm-page-ref[data-tag="Permanent Notes"]:after,
span.rm-page-ref[data-tag="Permanent Notes"]:before,
span.rm-page-ref[data-tag="Project Name"]:after,
span.rm-page-ref[data-tag="Project Name"]:before,
span.rm-page-ref[data-tag="Project Name2"]:after,
span.rm-page-ref[data-tag="Project Name2"]:before,
span.rm-page-ref[data-tag="Project Name3"]:after,
span.rm-page-ref[data-tag="Project Name3"]:before {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-left-color: var(--svy-zk-solid);
  border-width: 10px;
  margin-top: -10px;
}


/* --- module: productivity-pills ---------------------------------------------
   Sources: Svy + Readwisenotes "Productivity Tags" sections (7 pills per
   graph, byte-identical across graphs). These consume the 13 legacy tokens —
   the tokens module above is what revives them.

   Changes vs original: `saddlebrown` keyword moved to a flippable token
   (dark needs a lighter brown for the flipped dark text); pills that had no
   border get the dark-mode semantic border via --svy-prod-chip-bd (none in
   light, 1px #5C7080-band in dark); everything else preserved exactly,
   including Inbox's legacy 1.0em size (it never consumed the size tokens).
   ------------------------------------------------------------------------- */

:root {
  --svy-prod-log-bg: #8B4513;   /* legacy `saddlebrown` */
  --svy-prod-chip-bd: none;     /* dark mode adds the semantic border */
}
:root.bp3-dark, body.bt-theme-dark, .rm-dark-theme, body.roam-body.dark {
  --svy-prod-log-bg: #C79A6E;   /* lighter brown: dark flipped text stays readable */
  --svy-prod-chip-bd: 1px solid var(--svy-tag-border);
}
@media (prefers-color-scheme: dark) {
  :root:not(.bp3-light) {
    --svy-prod-log-bg: #C79A6E;
    --svy-prod-chip-bd: 1px solid var(--svy-tag-border);
  }
}

span.rm-page-ref[data-tag="Inbox"],
span[data-link-title="Inbox"] {
  background: var(--black);
  color: var(--white);
  padding: var(--tagpad);
  font-size: 1.0em;
  line-height: 1.0em;
  font-weight: 500;
  border: var(--svy-prod-chip-bd);
  border-radius: var(--tagborder-radius);
  position: var(--tagposition);
}
span.rm-page-ref[data-tag="Inbox"]:before,
span[data-link-title="Inbox"]:before {
  content: '📥 ';
}
span[data-link-title="Inbox"] .rm-page-ref {
  color: var(--white) !important;
  font-weight: 500;
}

span[data-link-title="Agenda"] {
  background: var(--deepblue);
  padding: var(--tagpad);
  font-size: var(--tagfont-size);
  line-height: var(--tagline-height);
  font-weight: var(--tagfont-weight);
  border: var(--svy-prod-chip-bd);
  border-radius: var(--tagborder-radius);
  position: var(--tagposition);
}
span[data-link-title="Agenda"] .rm-page-ref {
  color: var(--white) !important;
}
span[data-link-title="Agenda"]:before {
  content: '📃 ';
}

span[data-link-title="Self-coaching"] {
  background: var(--white);
  border: .5px solid var(--red);
  padding: var(--tagpad);
  font-size: var(--tagfont-size);
  line-height: var(--tagline-height);
  font-weight: var(--tagfont-weight);
  border-radius: var(--tagborder-radius);
  position: var(--tagposition);
}
span[data-link-title="Self-coaching"] .rm-page-ref {
  color: var(--red) !important;
}
span[data-link-title="Self-coaching"]:before {
  content: '🩺 '
}

span[data-link-title="Morning plan"] {
  background: var(--skyblue);
  padding: var(--tagpad);
  font-size: var(--tagfont-size);
  line-height: var(--tagline-height);
  font-weight: var(--tagfont-weight);
  border: var(--svy-prod-chip-bd);
  border-radius: var(--tagborder-radius);
  position: var(--tagposition);
}
span[data-link-title="Morning plan"] .rm-page-ref {
  color: var(--black) !important;
}
span[data-link-title="Morning plan"]:before {
  content: '⛅ '
}

span[data-link-title="Log"] {
  background: var(--svy-prod-log-bg);
  padding: var(--tagpad);
  font-size: var(--tagfont-size);
  line-height: var(--tagline-height);
  font-weight: var(--tagfont-weight);
  border: var(--svy-prod-chip-bd);
  border-radius: var(--tagborder-radius);
  position: var(--tagposition);
}
span[data-link-title="Log"] .rm-page-ref {
  color: var(--white) !important;
}
span[data-link-title="Log"]:before {
  content: '⏱ '
}

span[data-link-title="Weekly Accomplishments"] {
  background: var(--white);
  border: .5px solid var(--gold);
  padding: var(--tagpad);
  font-size: var(--tagfont-size);
  line-height: var(--tagline-height);
  font-weight: var(--tagfont-weight);
  border-radius: var(--tagborder-radius);
  position: var(--tagposition);
}
span[data-link-title="Weekly Accomplishments"] .rm-page-ref {
  color: var(--gold) !important;
}
span[data-link-title="Weekly Accomplishments"]:before {
  content: '🏆 '
}

span[data-link-title="Daily Tasks"] {
  background: var(--green);
  padding: var(--tagpad);
  font-size: var(--tagfont-size);
  line-height: var(--tagline-height);
  font-weight: var(--tagfont-weight);
  border: var(--svy-prod-chip-bd);
  border-radius: var(--tagborder-radius);
  position: var(--tagposition);
}
span[data-link-title="Daily Tasks"] .rm-page-ref {
  color: var(--white) !important;
}
span[data-link-title="Daily Tasks"]:before {
  content: '🔁 '
}


/* --- module: tufte-sidenotes ------------------------------------------------
   Sources: Svy + Readwisenotes "Tufte Style Notes" (byte-identical across
   graphs). Absorbed as-is — it is layout, not color. The one font-size is
   tokenized (--svy-sidenote-fs, kept at the legacy 0.85rem rather than
   snapped to --svy-fs-sm/14px so nothing visually changes on upgrade).
   ------------------------------------------------------------------------- */

:root {
  --svy-sidenote-fs: 0.85rem;
}

.rm-article-wrapper .rm-block--side,
.rm-sidebar-outline-wrapper .rm-block--side {
  display: block;
  background-color: transparent;
}

.rm-article-wrapper .rm-block--side__children,
.rm-sidebar-outline-wrapper .rm-block--side .rm-block--side__children {
  display: block;
  border: none;
  margin-left: 27px;
  background-color: transparent;
}

@media screen and (min-width: 900px) {
  .rm-article-wrapper .rm-block--side {
    display: flex;
  }

  .rm-article-wrapper .rm-block--side .rm-block--side__children {
    min-width: 25%;
    max-width: 25%;
  }

  /* `.rm-block--side__children` only exists under `.rm-block--side`, so the
     middle segment is redundant — collapsing it keeps the chain under the
     depth-4 ceiling (original was depth 4). */
  .rm-article-wrapper .rm-block--side .rm-inline-img__resize,
  .rm-article-wrapper .rm-block--side__children .rm-inline-img,
  .rm-article-wrapper .rm-block--side__children .react-resizable {
    max-width: 100%;
  }

  .rm-article-wrapper .rm-block--side__children div {
    font-size: var(--svy-sidenote-fs);
  }

  .rm-article-wrapper .rm-block--side__children .rm-block-input {
    font-size: var(--svy-sidenote-fs) !important;
  }

  .rm-article-wrapper .rm-block--side .rm-block--side__children {
    align-self: flex-start;
  }
}


/* --- module: query-hiding ---------------------------------------------------
   Sources: Svy + Readwisenotes "Roam Query" sections (both CSS blocks,
   byte-identical across graphs). Hides the query chrome on blocks tagged
   .list-query so only the results render. The [data-path-page-links*=...]
   substring match is the mechanism — Roam emits no class for this.
   Change vs original: the right-sidebar rule dropped its `#right-sidebar`
   prefix (`.rm-sidebar-outline-wrapper` only exists inside the right
   sidebar), bringing the chain under the depth-4 ceiling.
   ------------------------------------------------------------------------- */

.rm-block[data-path-page-links*=".list-query"] .rm-query {
  margin-left: -28.5px;
  margin-top: -14px;
}

.rm-sidebar-outline-wrapper .rm-block[data-path-page-links*=".list-query"] .rm-reference-main {
  margin-top: 10px;
}

.rm-block[data-path-page-links*=".list-query"] .rm-title-arrow-wrapper,
.rm-block[data-path-page-links*=".list-query"] .rm-query-content > span[style*="font-size: 0.9em;"],
.rm-block[data-path-page-links*=".list-query"] .rm-query-title,
.rm-block[data-path-page-links*=".list-query"] .rm-zoom {
  display: none;
}

.rm-block[data-path-page-links*=".list-query"] .rm-query {
  border: none;
}

.rm-block[data-path-page-links*=".list-query"] .rm-query .rm-query-content {
  border-top: none !important;
}

.rm-block[data-path-page-links*=".list-query"] .rm-query,
.rm-block[data-path-page-links*=".list-query"] .rm-search-query,
.rm-block[data-path-page-links*=".list-query"] .rm-reference-item {
  background: transparent;
}

.rm-block[data-path-page-links*=".list-query"] .rm-mentions .rm-ref-page-view:first-child {
  border-top: none !important;
}

.rm-block[data-path-page-links*=".list-query"] .rm-reference-item {
  margin: 0;
}


/* --- module: misc -----------------------------------------------------------
   Svy-only small fixes, plus the N/A tag hider shared by both graphs
   (byte-identical copies, deduplicated).
   - block-ref clickable area (rX-EcakbY): as-is.
   - date-picker today outline (jP9X6o2vJ): as-is — the dashed outline uses
     currentColor, already correct in both modes.
   - N/A + hide-this tag hiding (lKDa7t4Bh): as-is.
   - block-ref footnote counts (JtmRbVWeB): legacy colors moved to flippable
     tokens (light values preserved exactly; dark uses palette danger /
     selected / text). The empty `.rm-reference-footnote {}` rule was dropped
     as dead code.
   - mermaid full-width (V23Bpf_1E): `background: white` → var(--svy-raised)
     so the chart surface flips dark; the already-correct SVG scoping is
     untouched.
   ------------------------------------------------------------------------- */

:root {
  --svy-footnote-fg: #A11717;         /* legacy rgb(161,23,23) */
  --svy-footnote-active-bg: #E9E9E9;  /* legacy rgb(233,233,233) */
  --svy-footnote-active-fg: #000000;
}
:root.bp3-dark, body.bt-theme-dark, .rm-dark-theme, body.roam-body.dark {
  --svy-footnote-fg: var(--svy-danger);
  --svy-footnote-active-bg: var(--svy-selected);
  --svy-footnote-active-fg: var(--svy-text);
}
@media (prefers-color-scheme: dark) {
  :root:not(.bp3-light) {
    --svy-footnote-fg: var(--svy-danger);
    --svy-footnote-active-bg: var(--svy-selected);
    --svy-footnote-active-fg: var(--svy-text);
  }
}

/* Increase Clickable Area */
.rm-reference-count-container {
  padding: 5px; /* Add padding around the counter */
}

.rm-reference-count {
  cursor: pointer; /* Show pointer cursor on hover */
}

/* Better date picker: outline today */
.rm-jump-date-picker .DayPicker-Day--today {
  outline: 2px dashed;
  border-radius: 2rem;
  outline-offset: -3px;
}

/* Hide N/A and hide-this tags */
span.rm-page-ref[data-tag="N/A"],
span.rm-page-ref[data-tag="hide-this"] {
  display: none;
}

/* Block-ref footnote counts */
.rm-block__ref-count-footnote {
  color: var(--svy-footnote-fg);
  font-size: 60%;
  padding-right: 3px;
}

.rm-block__ref-count-footnote.rm-active {
  background: var(--svy-footnote-active-bg);
  color: var(--svy-footnote-active-fg);
  font-size: 65%;
  padding-left: 1.5px;
  padding-right: 3px;
}

/* Mermaid full-width — maximize chart size in Roam.
   Target Mermaid SVGs only. Do not change overflow on every Roam block:
   that forces expensive layout during ordinary typing and deletion. */
svg[aria-roledescription="gantt"],
svg[aria-roledescription="pie"],
svg[aria-roledescription="flowchart"],
svg[aria-roledescription="sequence"],
svg[role="graphics-document document"] {
  max-width: none !important;
  width: 95vw !important;
  height: auto !important;
  min-height: 750px;
  position: relative;
  left: calc(-1 * (95vw - 100%) / 2);
  z-index: 10;
  background: var(--svy-raised);
  border-radius: 8px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
  padding: 16px;
}

/* Bigger text inside mermaid charts */
svg[role="graphics-document document"] text {
  font-size: 14px !important;
}
svg[role="graphics-document document"] .titleText {
  font-size: 22px !important;
  font-weight: bold !important;
}
svg[role="graphics-document document"] .sectionTitle {
  font-size: 14px !important;
  font-weight: bold !important;
}
svg[role="graphics-document document"] .task {
  height: 26px !important;
}


/* --- module: focus-mode -----------------------------------------------------
   Source: Svy hawxILKLf ("Roam hide stuff" > #.rm-focus). REWRITTEN, not
   copied: the original used `[data-page-links*=".rm-focus"] *` universal-
   descendant selectors and `.rm-zoom ... *` — a style-recalc hazard of
   exactly the shape this campaign exists to remove. Every rule now targets
   the specific elements it needs; the substring attribute match appears
   only on the container, once per rule, never combined with a bare `*`.

   Features preserved exactly: hide bullets/controls; flatten indent and
   remove left borders; serif 18px/1.7 reading typography; centered 750px
   measure; hide ref chrome (block-ref backgrounds, blue highlight, page-ref
   brackets, embed borders).

   Fixes: hardcoded `color: #2d3748` is now --svy-focus-text with a dark
   variant in the #E1E8ED band. `!important` is kept only where the base
   layer genuinely forces it: the display:none chrome-hiding (Roam reveals
   bullets/controls on hover) and the reading-typography declaration block
   (theme/base layers style .rm-block-text heavily, including headings).
   Everything else wins on specificity (attribute + class beats the class-
   only base rules) and dropped its `!important`.
   ------------------------------------------------------------------------- */

:root {
  --svy-focus-text: #2d3748;  /* legacy reading ink */
}
:root.bp3-dark, body.bt-theme-dark, .rm-dark-theme, body.roam-body.dark {
  --svy-focus-text: var(--svy-text);  /* #E1E8ED band */
}
@media (prefers-color-scheme: dark) {
  :root:not(.bp3-light) {
    --svy-focus-text: var(--svy-text);
  }
}

/* Hide bullets and block controls (both plain and zoomed-into contexts). */
.roam-block-container[data-page-links*=".rm-focus"] .rm-bullet,
.roam-block-container[data-page-links*=".rm-focus"] .rm-block-bullet,
.roam-block-container[data-page-links*=".rm-focus"] .simple-bullet-outer,
.roam-block-container[data-page-links*=".rm-focus"] .simple-bullet-inner,
.roam-block-container[data-page-links*=".rm-focus"] .controls,
.roam-block-container[data-page-links*=".rm-focus"] .rm-block__controls,
.rm-zoom[data-page-links*=".rm-focus"] .rm-bullet,
.rm-zoom[data-page-links*=".rm-focus"] .controls {
  display: none !important;
}

/* Flatten hierarchy: no indent, no left/right borders, no guide shadows on
   the structural elements that carry them. */
.roam-block-container[data-page-links*=".rm-focus"] .roam-block,
.roam-block-container[data-page-links*=".rm-focus"] .rm-block-main,
.roam-block-container[data-page-links*=".rm-focus"] .rm-block-text,
.roam-block-container[data-page-links*=".rm-focus"] .rm-block-input,
.rm-zoom[data-page-links*=".rm-focus"] .roam-block,
.rm-zoom[data-page-links*=".rm-focus"] .rm-block-main,
.rm-zoom[data-page-links*=".rm-focus"] .rm-block-text,
.rm-zoom[data-page-links*=".rm-focus"] .rm-block-input {
  border-left: none;
  border-right: none;
  box-shadow: none;
  outline: none;
  margin-left: 0;
  padding-left: 0;
}

/* .rm-block-children split out: Roam emits inline margin-left on it in log
   view, and inline styles beat any non-!important author rule. */
.roam-block-container[data-page-links*=".rm-focus"] .rm-block-children,
.rm-zoom[data-page-links*=".rm-focus"] .rm-block-children {
  border-left: none;
  border-right: none;
  box-shadow: none;
  outline: none;
  margin-left: 0 !important;
  padding-left: 0 !important;
}

/* Roam's indent guide lines are drawn as border-right on the dedicated
   .rm-multibar element (child of .rm-block-children) — the element only the
   original's banned '*' selector reached. */
.roam-block-container[data-page-links*=".rm-focus"] .rm-multibar,
.rm-zoom[data-page-links*=".rm-focus"] .rm-multibar {
  border-right: none;
}

/* Pseudo-elements on the same named containers (the original nuked
   *:before/*:after — that is the banned universal-descendant shape). */
.roam-block-container[data-page-links*=".rm-focus"]:before,
.roam-block-container[data-page-links*=".rm-focus"]:after,
.roam-block-container[data-page-links*=".rm-focus"] .roam-block:before,
.roam-block-container[data-page-links*=".rm-focus"] .roam-block:after,
.roam-block-container[data-page-links*=".rm-focus"] .rm-block-children:before,
.roam-block-container[data-page-links*=".rm-focus"] .rm-block-children:after,
.roam-block-container[data-page-links*=".rm-focus"] .rm-block-main:before,
.roam-block-container[data-page-links*=".rm-focus"] .rm-block-main:after,
.roam-block-container[data-page-links*=".rm-focus"] .rm-block-text:before,
.roam-block-container[data-page-links*=".rm-focus"] .rm-block-text:after {
  border-left: none;
  box-shadow: none;
  outline: none;
}

/* Reading typography: serif, 18px/1.7, tokenized ink. */
.roam-block-container[data-page-links*=".rm-focus"] .rm-block-text,
.rm-zoom[data-page-links*=".rm-focus"] .rm-block-text {
  font-size: 18px !important;
  line-height: 1.7 !important;
  font-family: "Georgia", "Times New Roman", serif !important;
  color: var(--svy-focus-text) !important;
  max-width: none !important;
}

/* Block rhythm. */
.roam-block-container[data-page-links*=".rm-focus"] .roam-block,
.rm-zoom[data-page-links*=".rm-focus"] .roam-block {
  margin-bottom: 12px;
  margin-top: 0;
}

/* Hide ref chrome. */
.roam-block-container[data-page-links*=".rm-focus"] .rm-block-ref,
.rm-zoom[data-page-links*=".rm-focus"] .rm-block-ref,
.roam-block-container[data-page-links*=".rm-focus"] .block-highlight-blue,
.rm-zoom[data-page-links*=".rm-focus"] .block-highlight-blue {
  background: transparent;
  border: none;
}
.roam-block-container[data-page-links*=".rm-focus"] .rm-page-ref__brackets,
.rm-zoom[data-page-links*=".rm-focus"] .rm-page-ref__brackets {
  display: none;
}
.roam-block-container[data-page-links*=".rm-focus"] .block-embed,
.roam-block-container[data-page-links*=".rm-focus"] .rm-embed-container,
.rm-zoom[data-page-links*=".rm-focus"] .block-embed,
.rm-zoom[data-page-links*=".rm-focus"] .rm-embed-container {
  border: none;
  background: transparent;
}

/* Centered 750px reading measure + container chrome reset (the original
   "nuclear option" border-left trio is covered by the flattening rules
   above). The measure belongs to .roam-block-container ONLY — the .rm-zoom
   container gets the border/outline/box-shadow reset but no measure. */
.roam-block-container[data-page-links*=".rm-focus"],
.rm-zoom .roam-block-container[data-page-links*=".rm-focus"] {
  max-width: 750px !important;
  margin: 0 auto !important;
  padding: 20px;
  border: none;
  border-left: none;
  outline: none;
  box-shadow: none;
}
.rm-zoom[data-page-links*=".rm-focus"] {
  border: none;
  border-left: none;
  outline: none;
  box-shadow: none;
}
/* === 40-beam.css === */
/* U5 — Svy Beam v3: configurable caret, focus wash, custom cursors.
 *
 * Every value in this layer flows through a --svy-beam-* custom property whose
 * fallback is the CURRENT default, so the layer renders like the shipped defaults when
 * src/theme-vars.js never runs (JS disabled, load failure, older cached bundle).
 * theme-vars.js publishes the settings-derived values from one injected
 * <style id="svy-theme-vars"> sheet.
 *
 * CONTRACT CHANGE 2026-08-07: these fallbacks used to be pinned to Beam v1's values. They
 * now track computeThemeVars(BEAM_DEFAULTS) instead. The focus wash defaults OFF, and a
 * fallback frozen at v1 would repaint the wash precisely in the cases the user cannot
 * fix from the settings panel — a failed bundle load or a stale cached build. The wash
 * fallbacks are therefore `transparent` / `0ms`, and the caret keeps its (unchanged)
 * default colour so the layer's whole reason for existing still works without JS.
 *
 * Pack gate: theme-vars.js puts .svy-off-beam on <html> when the beam pack is
 * switched off, and every rule below carries :root:not(.svy-off-beam).
 *
 * v1 defect fixed here: auto mode (nothing stamped, OS dark) used to leave the light
 * teal caret #008478 on the dark page at APCA Lc -26.6. The guarded
 * @media (prefers-color-scheme: dark) { :root:not(.bp3-light) ... } block below is the
 * fifth dark signal, matching the shape used by 10-fixes-dark.css and Roam Grid.
 *
 * v2 cursors: the caret already had a value per mode, but the cursor art did not — one
 * set with #182026 ink was painted onto both surfaces, and on the dark page that ink has
 * nothing to separate it from the background. The three cursor properties now carry their
 * mode: light art is the var() fallback on each cursor rule, dark art is republished by
 * the :where() blocks below (and, when JavaScript runs, by the injected sheet).
 */

:root:not(.svy-off-beam) {
  --svy-beam-caret: var(--svy-beam-caret-light, #00695e);
  --svy-beam-wash: var(--svy-beam-wash-light, transparent);
}

:root:not(.svy-off-beam).bp3-dark,
:root:not(.svy-off-beam).rm-dark-theme,
:root:not(.svy-off-beam) .rm-dark-theme,
:root:not(.svy-off-beam) body.bt-theme-dark,
:root:not(.svy-off-beam) body.roam-body.dark {
  --svy-beam-caret: var(--svy-beam-caret-dark, #48d0c0);
  --svy-beam-wash: var(--svy-beam-wash-dark, transparent);
}

@media (prefers-color-scheme: dark) {
  :root:not(.bp3-light):not(.svy-off-beam) {
    --svy-beam-caret: var(--svy-beam-caret-dark, #48d0c0);
    --svy-beam-wash: var(--svy-beam-wash-dark, transparent);
  }
}

:root:not(.svy-off-beam) body {
  cursor: var(--svy-beam-cursor-default, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M4 3L25 16L16 19L21 28L16 31L11 21L4 27Z' fill='%2348aff0' stroke='%23182026' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M6 5L12 21' stroke='%2300695e' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E") 4 3, auto);
}

:root:not(.svy-off-beam) :is(a, button, [role="button"], [role="link"], summary, label, select,
    .rm-page-ref, .rm-block-ref, .bp3-menu-item, .bp3-button) {
  cursor: var(--svy-beam-cursor-pointer, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='10' fill='%23182026' stroke='%2348aff0' stroke-width='3'/%3E%3Ccircle cx='16' cy='16' r='4' fill='%2300695e' stroke='%23f5f8fa' stroke-width='1'/%3E%3C/svg%3E") 16 16, pointer);
}

:root:not(.svy-off-beam) body :is(
  input,
  textarea,
  [contenteditable="true"],
  .rm-block-input,
  .rm-block__input,
  .rm-block-text,
  .rm-title-textarea
) {
  caret-color: var(--svy-beam-caret) !important;
  /* Progressive fallback when the v3 overlay is unavailable. */
  caret-shape: var(--svy-beam-caret-shape, bar) !important;
  caret-animation: var(--svy-beam-caret-animation, manual) !important;
  cursor: var(--svy-beam-cursor-text, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Crect x='10' y='3' width='12' height='26' rx='6' fill='%23182026' stroke='%2348aff0' stroke-width='2'/%3E%3Crect x='13' y='6' width='6' height='20' rx='3' fill='%2300695e'/%3E%3Ccircle cx='16' cy='16' r='2' fill='%23f5f8fa'/%3E%3C/svg%3E") 16 16, text) !important;
}

/* src/caret-overlay.js stamps this compatibility class whenever one of Svy's custom
 * caret styles is painting. The explicit native style never stamps it. */
:root:not(.svy-off-beam).svy-block-caret body :is(
  input,
  textarea,
  [contenteditable="true"],
  .rm-block-input,
  .rm-block__input,
  .rm-block-text,
  .rm-title-textarea
) {
  caret-color: transparent !important;
}

/* One fixed overlay node paints the custom insertion point. Shape geometry and the
 * current color are supplied by caret-overlay.js; CSS owns only composited decoration
 * and motion, keeping the typing path free from layout-producing animation. */
:root:not(.svy-off-beam) .svy-caret-overlay-ui {
  --svy-caret-overlay-color: var(--svy-beam-caret, #00695e);
  contain: layout style;
  transform-origin: center;
  will-change: transform, filter, opacity;
}

:root:not(.svy-off-beam) .svy-caret-overlay-ui[data-glow="soft"] {
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--svy-caret-overlay-color) 18%, transparent),
    0 0 8px color-mix(in srgb, var(--svy-caret-overlay-color) 30%, transparent);
}

:root:not(.svy-off-beam) .svy-caret-overlay-ui[data-glow="halo"] {
  box-shadow:
    0 0 0 2px color-mix(in srgb, var(--svy-caret-overlay-color) 20%, transparent),
    0 0 14px 3px color-mix(in srgb, var(--svy-caret-overlay-color) 42%, transparent);
}

:root:not(.svy-off-beam) .svy-caret-overlay-ui[data-glow="none"] { box-shadow: none; }

:root:not(.svy-off-beam) .svy-caret-overlay-ui[data-behavior="glide"] {
  transition: transform 68ms cubic-bezier(0.2, 0.75, 0.3, 1);
}

:root:not(.svy-off-beam) .svy-caret-overlay-ui[data-behavior="comet"] {
  box-shadow:
    -5px 0 9px -2px color-mix(in srgb, var(--svy-caret-overlay-color) 44%, transparent),
    0 0 5px color-mix(in srgb, var(--svy-caret-overlay-color) 38%, transparent);
  transition: transform 105ms cubic-bezier(0.16, 0.8, 0.25, 1);
}

:root:not(.svy-off-beam) .svy-caret-overlay-ui[data-behavior="breathe"] {
  animation: svy-caret-breathe 1.8s ease-in-out infinite alternate;
}

:root:not(.svy-off-beam) .svy-caret-overlay-ui.svy-caret-ping {
  animation: svy-caret-ping 150ms ease-out;
}

/* The settings preview consumes the same generated size tokens as the live renderer. */
:root:not(.svy-off-beam) .svy-beam-preview-caret {
  width: var(--svy-beam-caret-preview-width, 3px);
  height: var(--svy-beam-caret-preview-height, 16.4px);
  border-radius: var(--svy-beam-caret-radius, 3px);
  opacity: var(--svy-beam-caret-opacity, 1);
}

/* JS-absent fallback for the dark cursor set. theme-vars.js publishes the same three
 * values from the injected sheet; these declarations sit inside :where() so their
 * specificity is 0-0-0 and ANY published value outranks them regardless of which
 * stylesheet the browser happens to have inserted last. Without JavaScript they are the
 * only declarations in play, so the dark cursors still hold. Light needs no equivalent:
 * it is the var() fallback baked into the three cursor rules above.
 * Values must stay byte-identical to computeThemeVars(BEAM_DEFAULTS) — theme-vars.test.js
 * fails the build if they drift. */
:where(:root:not(.svy-off-beam).bp3-dark,
       :root:not(.svy-off-beam).rm-dark-theme,
       :root:not(.svy-off-beam) .rm-dark-theme,
       :root:not(.svy-off-beam) body.bt-theme-dark,
       :root:not(.svy-off-beam) body.roam-body.dark) {
  --svy-beam-cursor-default: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M4 3L25 16L16 19L21 28L16 31L11 21L4 27Z' fill='%23182026' stroke='%23e1e8ed' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M6 5L12 21' stroke='%2348d0c0' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E") 4 3, auto;
  --svy-beam-cursor-pointer: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='10' fill='%23e1e8ed' stroke='%2348d0c0' stroke-width='3'/%3E%3Ccircle cx='16' cy='16' r='4' fill='%2348d0c0' stroke='%23182026' stroke-width='1'/%3E%3C/svg%3E") 16 16, pointer;
  --svy-beam-cursor-text: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Crect x='10' y='3' width='12' height='26' rx='6' fill='%23e1e8ed' stroke='%2348d0c0' stroke-width='2'/%3E%3Crect x='13' y='6' width='6' height='20' rx='3' fill='%2348d0c0'/%3E%3Ccircle cx='16' cy='16' r='2' fill='%23182026'/%3E%3C/svg%3E") 16 16, text;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not(.bp3-light):not(.svy-off-beam)) {
    --svy-beam-cursor-default: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M4 3L25 16L16 19L21 28L16 31L11 21L4 27Z' fill='%23182026' stroke='%23e1e8ed' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M6 5L12 21' stroke='%2348d0c0' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E") 4 3, auto;
    --svy-beam-cursor-pointer: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='10' fill='%23e1e8ed' stroke='%2348d0c0' stroke-width='3'/%3E%3Ccircle cx='16' cy='16' r='4' fill='%2348d0c0' stroke='%23182026' stroke-width='1'/%3E%3C/svg%3E") 16 16, pointer;
    --svy-beam-cursor-text: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Crect x='10' y='3' width='12' height='26' rx='6' fill='%23e1e8ed' stroke='%2348d0c0' stroke-width='2'/%3E%3Crect x='13' y='6' width='6' height='20' rx='3' fill='%2348d0c0'/%3E%3Ccircle cx='16' cy='16' r='2' fill='%23182026'/%3E%3C/svg%3E") 16 16, text;
  }
}

/* Roam uses the browser's native textarea caret, so caret-position animation would
 * need a typing-path JavaScript overlay. Keep Roam native-fast and carry the same
 * sense of motion with a tiny, compositor-friendly focus wash instead. */
:root:not(.svy-off-beam) .roam-block-container > .rm-block-main {
  transition: background-color var(--svy-beam-wash-duration, 0ms) linear;
  border-radius: var(--svy-beam-wash-radius, 4px);
}

:root:not(.svy-off-beam) .roam-block-container:focus-within > .rm-block-main {
  background-color: var(--svy-beam-wash);
}

/* P3 override covers the wash tint as well as the caret (v1 was caret-only). */
@media (color-gamut: p3) {
  :root:not(.svy-off-beam) {
    --svy-beam-caret: var(--svy-beam-caret-light-p3, oklch(0.47 0.11 182));
    --svy-beam-wash: var(--svy-beam-wash-light-p3, transparent);
  }

  :root:not(.svy-off-beam).bp3-dark,
  :root:not(.svy-off-beam).rm-dark-theme,
  :root:not(.svy-off-beam) .rm-dark-theme,
  :root:not(.svy-off-beam) body.bt-theme-dark,
  :root:not(.svy-off-beam) body.roam-body.dark {
    --svy-beam-caret: var(--svy-beam-caret-dark-p3, oklch(0.78 0.15 184));
    --svy-beam-wash: var(--svy-beam-wash-dark-p3, transparent);
  }
}

@media (color-gamut: p3) and (prefers-color-scheme: dark) {
  :root:not(.bp3-light):not(.svy-off-beam) {
    --svy-beam-caret: var(--svy-beam-caret-dark-p3, oklch(0.78 0.15 184));
    --svy-beam-wash: var(--svy-beam-wash-dark-p3, transparent);
  }
}

/* Reduced motion DISABLES the wash outright rather than shortening it (design-tokens
 * motion policy). Must stay last: it overrides the background-color set above. */
@media (prefers-reduced-motion: reduce) {
  :root:not(.svy-off-beam) .svy-caret-overlay-ui,
  :root:not(.svy-off-beam) .svy-caret-overlay-ui.svy-caret-ping {
    animation: none !important;
    transition: none !important;
    filter: none !important;
  }

  :root:not(.svy-off-beam) .roam-block-container > .rm-block-main {
    transition: none;
  }

  :root:not(.svy-off-beam) .roam-block-container:focus-within > .rm-block-main {
    background-color: transparent;
  }
}

@media (forced-colors: active) {
  :root:not(.svy-off-beam) .svy-caret-overlay-ui {
    --svy-caret-overlay-color: Highlight !important;
    background-color: Highlight !important;
    border-color: Highlight !important;
    box-shadow: none !important;
    filter: none !important;
    forced-color-adjust: none;
  }

  :root:not(.svy-off-beam) .svy-caret-overlay-ui[data-shape="outline"] {
    background-color: transparent !important;
  }
}
/* === 41-beam-motion.css === */
/* Keyframes live outside 40-beam.css because that file is also parsed by the project's
 * small deterministic cascade checker. They are inert unless a gated v3 overlay rule in
 * 40-beam.css names them. */

@keyframes svy-caret-ping {
  0% { filter: brightness(1); }
  38% { filter: brightness(1.45) saturate(1.15); }
  100% { filter: brightness(1); }
}

@keyframes svy-caret-breathe {
  from { filter: brightness(0.88) saturate(0.92); }
  to { filter: brightness(1.12) saturate(1.08); }
}