@charset "UTF-8";

/* Generated from Verso source files; edit src/, not theme.css. */



body {
  --blockquote-style: normal;
  --blockquote-color: var(--text-muted);
  --blockquote-border-thickness: 1px;
  --blockquote-border-color: var(--quote-opening-modifier);
  --embed-block-shadow-hover: none;
  --list-spacing: 0.075em;
  --p-spacing: 1.75rem;
  --verso-image-grid-fit: cover;
  --verso-image-grid-background: transparent;
  --verso-image-grid-gap: 0.5rem;
  --link-decoration: underline;
  --link-external-decoration: underline;
}

.theme-light,
.theme-dark {
  --color-red: #d04255;
  --color-orange: #d5763f;
  --color-yellow: #e5b567;
  --color-green: #a8c373;
  --color-cyan: #73bbb2;
  --color-blue: #6c99bb;
  --color-purple: #9e86c8;
  --color-pink: #b05279;
  --verso-accent: hsl(var(--accent-h) var(--accent-s) var(--accent-l));
  --background-modifier-border-focus: var(--verso-border-strong);
  --background-modifier-border-hover: var(--verso-border-muted);
  --background-modifier-border: var(--verso-border-subtle);
  --background-modifier-form-field: var(--verso-bg-primary);
  --background-modifier-hover: var(--verso-bg-hover);
  --background-modifier-active-hover: var(--verso-bg-hover);
  --checkbox-color: var(--verso-accent-strong);
  --code-background: var(--verso-code-background);
  --code-normal: var(--verso-text-normal);
  --icon-color-active: var(--verso-text-normal);
  --icon-color-focused: var(--verso-text-normal);
  --icon-color-hover: var(--verso-text-muted);
  --icon-color: var(--verso-text-muted);
  --interactive-normal: var(--verso-border-subtle);
  --interactive-accent-hover: var(--verso-accent);
  --interactive-accent: var(--verso-accent-strong);
  --interactive-hover: var(--verso-border-subtle);
  --list-marker-color: var(--verso-text-faint);
  --nav-item-background-active: var(--verso-bg-hover);
  --nav-item-background-hover: var(--verso-bg-hover);
  --nav-item-color: var(--verso-text-muted);
  --nav-item-color-active: var(--verso-text-normal);
  --nav-item-color-hover: var(--verso-text-normal);
  --nav-item-color-selected: var(--verso-text-normal);
  --nav-collapse-icon-color: var(--verso-text-muted);
  --nav-collapse-icon-color-collapsed: var(--verso-text-muted);
  --nav-indentation-guide-color: var(--verso-border-subtle);
  --quote-opening-modifier: var(--verso-border-muted);
  --tab-text-color-focused-active: var(--verso-text-normal);
  --text-accent-hover: var(--verso-accent-hover);
  --text-accent: var(--verso-accent);
  --text-error: var(--color-red);
  --text-faint: var(--verso-text-faint);
  --text-highlight-bg: var(--verso-highlight);
  --text-muted: var(--verso-text-muted);
  --text-normal: var(--verso-text-normal);
  --text-on-accent: var(--verso-on-accent);
  --text-selection: var(--verso-selection);
  --titlebar-text-color-focused: var(--verso-text-normal);
  --vault-profile-color: var(--verso-text-normal);
  --vault-profile-color-hover: var(--verso-text-normal);
}

.theme-light {
  --verso-accent-hover: hsl(var(--accent-h) var(--accent-s) calc(var(--accent-l) - 8%));
  --verso-accent-strong: hsl(var(--accent-h) var(--accent-s) calc(var(--accent-l) + 6%));
  --verso-selection: hsl(var(--accent-h) 50% 76% / 30%);
  --verso-highlight: rgb(255 225 0 / 50%);
  --verso-on-accent: #fff;
  --background-modifier-cover: rgb(0 0 0 / 20%);
}

.theme-dark {
  --verso-accent-hover: hsl(var(--accent-h) var(--accent-s) calc(var(--accent-l) + 8%));
  --verso-accent-strong: hsl(var(--accent-h) var(--accent-s) calc(var(--accent-l) - 5%));
  --verso-selection: hsl(var(--accent-h) 50% 40% / 30%);
  --verso-highlight: rgb(255 177 80 / 30%);
  --verso-on-accent: #fff;
  --background-modifier-cover: rgb(0 0 0 / 50%);
  --modal-border-color: var(--verso-border-muted);
  --interactive-normal: var(--verso-bg-hover);
}


.markdown-preview-view .markdown-preview-sizer.markdown-preview-sizer,
.markdown-source-view.mod-cm6.is-readable-line-width .cm-content,
.markdown-source-view.mod-cm6.is-readable-line-width .cm-sizer {
  width: 100%;
  max-width: 100%;
}

.markdown-preview-view.is-readable-line-width .markdown-preview-sizer > div,
.markdown-source-view.mod-cm6.is-readable-line-width
  .cm-sizer
  > :is(.inline-title, .embedded-backlinks, .metadata-container) {
  width: var(--verso-line-width);
  max-width: var(--verso-max-width);
  margin-inline: auto;
}


.markdown-source-view.mod-cm6.is-readable-line-width .cm-content {
  padding-inline: max(calc((100% - var(--file-line-width)) / 2), 0px);
}

.markdown-source-view.mod-cm6.is-readable-line-width
  [class~="cm-contentContainer"]
  > .cm-content
  > div {
  width: 100%;
  max-width: 100%;
}



body:not(.verso-image-grid-off)
  .markdown-preview-section
  :is(div, p):has(> .image-embed ~ .image-embed) {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  gap: 0 var(--verso-image-grid-gap);
  margin-block: var(--verso-image-grid-gap);

  > .image-embed {
    display: flex;
    align-self: stretch;
    align-items: stretch;
    line-height: 0;
  }

  > br {
    display: none;
  }

  > .image-embed img {
    width: 100%;
    height: 100%;
    background-color: var(--verso-image-grid-background);
    object-fit: var(--verso-image-grid-fit);
  }
}



body:not(.verso-natural-media-width)
  :is(.markdown-source-view, .markdown-preview-view)
  :is(
    .image-embed img:not(.link-favicon, .emoji, [width]),
    img:not(.link-favicon, .emoji, [width]),
    .external-embed,
    audio,
    video
  ) {
  width: 100%;
}

body:not(.verso-natural-media-width)
  .image-embed:not([width])
  .image-wrapper {
  width: 100%;
}

:is(.markdown-source-view, .markdown-rendered) :is(video, img:not(.emoji)) {
  border-radius: var(--verso-image-radius);
}

@media (width <= 400pt) {
  body {
    --verso-image-grid-gap: 0.25rem;
  }
}






body {
  
  --font-text-size: 15px;
  --line-height-normal: 1.65;
  --table-text-size: calc(var(--font-text-size) * 0.875);
  --verso-line-width: 42rem;
  --verso-max-width: 88%;
  --file-line-width: min(var(--verso-line-width), var(--verso-max-width));

  
  --radius-s: 4px;
  --radius-m: 6px;
  --radius-l: 8px;
  --tab-radius-active: 8px 8px 0 0;
  --tab-curve: 8px;
  --divider-width: 0.5px;
  --tab-outline-width: 0.5px;
  --hr-thickness: 1px;
  --verso-transition-duration: 120ms;
  --verso-block-radius: var(--radius-l);
  --verso-content-radius: 3px;
  --verso-image-radius: var(--verso-content-radius);
  --callout-radius: var(--verso-block-radius);
  --code-radius: var(--verso-block-radius);
  --verso-chrome-icon-color:
    color-mix(in srgb, var(--text-muted) 72%, var(--text-faint));
  --verso-chrome-icon-color-hover: var(--text-muted);
  --verso-chrome-icon-color-active:
    color-mix(in srgb, var(--text-normal) 85%, var(--text-muted));
  --verso-note-identity-font:
    -apple-system, "BlinkMacSystemFont", "SF Pro Text", "Helvetica Neue",
    sans-serif;
  --verso-note-identity-size: 13px;

  
  --inline-title-margin-bottom: 0.75rem;
  --inline-title-font: var(--verso-note-identity-font);
  --inline-title-size: var(--verso-note-identity-size);
  --inline-title-weight: 500;
  --inline-title-line-height: 1.35;
  --inline-title-color: var(--text-muted);
  --file-header-font-size: var(--verso-note-identity-size);
  --file-header-font-weight: 450;
  --file-header-justify: left;

  
  --h1-size: 1.45em;
  --h2-size: 1.25em;
  --h3-size: 1.1em;
  --h4-size: 1em;
  --h5-size: 0.9em;
  --h6-size: 0.85em;
  --h1-weight: 600;
  --h2-weight: 600;
  --h3-weight: 550;
  --h4-weight: 550;
  --h5-weight: 500;
  --h6-weight: 500;
}


.is-readable-line-width {
  --file-margins: 1rem 0 0;
}

.theme-light {
  --verso-bg-primary: #fff;
  --verso-bg-secondary: #fafafb;
  --verso-bg-hover: rgb(24 24 27 / 5.5%);
  --verso-tab-hover: rgb(24 24 27 / 4%);
  --verso-border-subtle: rgb(0 0 0 / 10%);
  --verso-tab-hairline: #e6e6e6;
  --verso-border-muted: #d8d8dc;
  --verso-border-strong: #c9c9ce;
  --verso-text-normal: #29292d;
  --verso-text-muted: #707177;
  --verso-text-faint: #a3a4aa;
  --verso-code-background: #f5f5f5;
  --verso-inline-code-background: rgb(0 0 0 / 5%);
}


.theme-light {
  --background-primary: var(--verso-bg-primary);
  --background-primary-alt: var(--verso-bg-primary);
  --background-secondary: var(--verso-bg-secondary);
  --background-secondary-alt: var(--verso-bg-secondary);
  --mobile-sidebar-background: var(--verso-bg-secondary);
  --ribbon-background: var(--verso-bg-secondary);
  --titlebar-background: var(--verso-bg-secondary);
  --titlebar-background-focused: var(--verso-bg-secondary);
  --workspace-background-translucent: rgb(250 250 251 / 76%);
  --divider-color: var(--verso-border-subtle);
  --tab-divider-color: var(--verso-tab-hairline);
  --tab-outline-color: var(--verso-tab-hairline);
  --verso-prompt-shadow:
    0 24px 64px rgb(24 24 27 / 14%), 0 4px 16px rgb(24 24 27 / 6%);
}

.theme-dark {
  --verso-bg-primary: #111;
  --verso-bg-secondary: #242526;
  --verso-bg-hover: rgb(255 255 255 / 8.5%);
  --verso-tab-hover: rgb(255 255 255 / 6%);
  --verso-border-subtle: rgb(255 255 255 / 12%);
  --verso-tab-hairline: #2e2e2e;
  --verso-border-muted: #444549;
  --verso-border-strong: #56575c;
  --verso-text-normal: #eeeeef;
  --verso-text-muted: #a8a9ad;
  --verso-text-faint: #747579;
  --verso-code-background: #1b1c1d;
  --verso-inline-code-background: rgb(255 255 255 / 7%);
}

.theme-dark {
  --background-primary: var(--verso-bg-primary);
  --background-primary-alt: var(--verso-bg-primary);
  --background-secondary: var(--verso-bg-secondary);
  --background-secondary-alt: var(--verso-bg-secondary);
  --mobile-sidebar-background: var(--verso-bg-secondary);
  --ribbon-background: var(--verso-bg-secondary);
  --titlebar-background: var(--verso-bg-secondary);
  --titlebar-background-focused: var(--verso-bg-secondary);
  --workspace-background-translucent: rgb(24 25 26 / 86%);
  --divider-color: var(--verso-border-subtle);
  --tab-divider-color: var(--verso-tab-hairline);
  --tab-outline-color: var(--verso-tab-hairline);
  --verso-prompt-shadow:
    0 28px 72px rgb(0 0 0 / 42%), 0 4px 18px rgb(0 0 0 / 20%);
}


body:not(.is-mobile) .workspace-ribbon.mod-left.is-collapsed {
  --titlebar-background: var(--ribbon-background-collapsed);

  transition: none;
}

body:not(.is-mobile) .workspace-ribbon.mod-left.is-collapsed::before {
  border-bottom: 0;
}


body:not(.is-mobile)
  .workspace-split.mod-left-split
  .workspace-tab-header-container {
  border-bottom: 0;
}

body:not(.is-mobile)
  .workspace-split.mod-left-split
  .workspace-sidedock-vault-profile {
  border-top: 0;
}


body:not(.is-mobile, .is-translucent)
  .workspace-split.mod-root
  .workspace-tab-header-container {
  background-color: var(--background-primary);
}


body:not(.is-mobile) .workspace-split.mod-right-split {
  --background-secondary: var(--background-primary);
  --background-secondary-alt: var(--background-primary);

  background-color: var(--background-primary);
  box-shadow: none;
}

body:not(.is-mobile)
  .workspace-split.mod-right-split
  .workspace-tab-header-container {
  background-color: var(--background-primary);
}

body.is-translucent:not(.is-fullscreen, .is-mobile)
  .workspace-split.mod-right-split,
body.is-translucent:not(.is-fullscreen, .is-mobile)
  .workspace-split.mod-right-split
  .workspace-tab-header-container {
  
  background-color: var(--background-primary) !important;
}

body:not(.is-mobile)
  .workspace-sidedock-vault-profile
  .workspace-drawer-vault-name {
  font-weight: var(--font-normal);
}


.workspace .mod-root .workspace-tabs:not(.mod-stacked) {
  --tab-outline-width: 0.5px;
  --tab-text-color: var(--text-muted);
  --tab-text-color-focused: var(--text-muted);
}

body.verso-workspace-borders-off {
  --divider-width: 0;
  --tab-outline-width: 0;
}

body.verso-workspace-borders-off
  .workspace
  .mod-root
  .workspace-tabs:not(.mod-stacked) {
  --tab-outline-width: 0;
}


body.is-translucent:not(.is-fullscreen)
  .workspace-ribbon.mod-left.is-collapsed,
body.is-translucent:not(.is-fullscreen)
  .workspace-ribbon.mod-left.is-collapsed::before,
body.is-translucent:not(.is-fullscreen) .titlebar,
body.is-translucent:not(.is-fullscreen) .workspace-split.mod-root,
body.is-translucent:not(.is-fullscreen)
  .workspace-split.mod-root
  .workspace-tabs,
body.is-translucent:not(.is-fullscreen)
  .workspace-split.mod-root
  .workspace-tab-header-container,
body.is-translucent:not(.is-fullscreen)
  .workspace-split.mod-root
  .workspace-leaf {
  
  background-color: var(--background-primary) !important;
}


body.is-translucent:not(.is-fullscreen) {
  --divider-color: var(--verso-border-subtle);
}


body.theme-light.is-translucent:not(.is-fullscreen)
  .workspace-split.mod-left-split {
  position: relative;
}

body.theme-light.is-translucent:not(.is-fullscreen)
  .workspace-split.mod-left-split::after {
  position: absolute;
  z-index: 1;
  inset: 0 0 0 auto;
  width: 20px;
  background: linear-gradient(to right, transparent, rgb(0 0 0 / 2%));
  content: "";
  pointer-events: none;
}


.inline-title {
  padding-top: 0.75rem;
  font-family: var(--inline-title-font);
  font-size: var(--inline-title-size);
  letter-spacing: -0.01em;
  opacity: 0.72;
  transition:
    color var(--verso-transition-duration) ease,
    opacity var(--verso-transition-duration) ease;
}

.inline-title:hover,
.inline-title:focus,
.inline-title:focus-within {
  color: var(--text-normal);
  opacity: 1;
}

.metadata-properties-heading,
.metadata-properties-title {
  color: var(--text-muted);
  font-family: var(--verso-note-identity-font);
  font-size: var(--verso-note-identity-size);
  font-weight: var(--font-normal);
  letter-spacing: -0.01em;
}

.metadata-property-icon {
  --icon-size: 16px;
  --icon-stroke: 1.5px;
}


.view-header-title-container {
  opacity: 0.82;
  transition: opacity var(--verso-transition-duration) ease;
}

.view-header-title-parent,
.view-header-title {
  color: var(--text-muted);
  font-family: var(--verso-note-identity-font);
  font-size: var(--file-header-font-size);
  font-weight: var(--file-header-font-weight);
  letter-spacing: -0.01em;
}

.view-header-title-parent .view-header-breadcrumb,
.view-header-title-parent .view-header-breadcrumb-separator {
  color: var(--text-muted);
  font-family: var(--verso-note-identity-font);
  font-size: var(--file-header-font-size);
}

.view-header-title-parent .view-header-breadcrumb-separator {
  font-size: 0;
}

.view-header-title-parent .view-header-breadcrumb-separator::before {
  content: "›";
  color: var(--text-faint);
  font-size: calc(var(--file-header-font-size) * 0.95);
  opacity: 0.7;
}

.is-focused .workspace-leaf.mod-active .view-header-title {
  color: var(--text-muted);
}

.view-header-title-container:hover,
.view-header-title-container:focus-within,
.view-header:hover .view-header-title-container {
  opacity: 1;
}


.workspace .mod-root .workspace-tab-header-inner-title {
  color: var(--text-muted);
  font-family: var(--verso-note-identity-font);
  font-size: var(--verso-note-identity-size);
  font-weight: 450;
}

.workspace
  .mod-root
  .workspace-tab-header.is-active
  .workspace-tab-header-inner-title {
  color: var(--text-normal);
  font-weight: 500;
}

.workspace
  .mod-root
  .workspace-tabs:not(.mod-stacked)
  .workspace-tab-header:not(.is-active)
  .workspace-tab-header-inner-title {
  color: var(--text-muted);
}

.workspace
  .mod-root
  .workspace-tabs:not(.mod-stacked)
  .workspace-tab-header:not(.is-active) {
  opacity: 0.78;
}

.workspace
  .mod-root
  .workspace-tabs:not(.mod-stacked)
  .workspace-tab-header:not(.is-active):hover
  .workspace-tab-header-inner {
  border-radius: var(--radius-l);
  background-color: var(--verso-tab-hover);
}

.workspace
  .mod-root
  .workspace-tabs:not(.mod-stacked)
  .workspace-tab-header:not(.is-active):hover
  .workspace-tab-header-inner-title {
  color: var(--text-normal);
}

.workspace
  .mod-root
  .workspace-tabs:not(.mod-stacked)
  .workspace-tab-header:not(.is-active):hover {
  opacity: 1;
}

body:not(.is-mobile)
  .workspace
  .mod-root
  .workspace-tabs:not(.mod-stacked)
  .workspace-tab-header
  .workspace-tab-header-inner-close-button {
  color: var(--text-faint);
  opacity: 0;
  pointer-events: none;
  transition:
    color var(--verso-transition-duration) ease,
    opacity var(--verso-transition-duration) ease;
}

body:not(.is-mobile)
  .workspace
  .mod-root
  .workspace-tabs:not(.mod-stacked)
  .workspace-tab-header:is(:hover, :focus-within)
  .workspace-tab-header-inner-close-button {
  opacity: 0.65;
  pointer-events: auto;
}

body:not(.is-mobile)
  .workspace
  .mod-root
  .workspace-tabs:not(.mod-stacked)
  .workspace-tab-header
  .workspace-tab-header-inner-close-button:hover {
  color: var(--text-muted);
  opacity: 1;
}

.nav-file-title,
.nav-folder-title {
  border-radius: var(--radius-m);
  font-size: 14px;
}


.nav-files-container {
  --nav-indentation-guide-width: 0px;
  --nav-item-weight: var(--font-normal);
  --nav-item-weight-hover: var(--font-normal);
  --nav-item-weight-active: var(--font-normal);

  padding-inline-start: var(--size-4-2);
}


body:not(.is-phone)
  .workspace-leaf.mod-active
  .nav-files-container
  .nav-file-title.is-active.has-focus:not(.is-being-renamed) {
  box-shadow: none;
}

.nav-files-container .collapse-icon svg.svg-icon {
  width: 9px;
  height: 9px;
}


body:not(.is-mobile)
  .workspace-leaf-content[data-type="empty"]
  .empty-state-action-list {
  font-size: 13px;
}

body:not(.is-mobile)
  .workspace-leaf-content[data-type="empty"]
  .empty-state-action {
  color: color-mix(in srgb, var(--text-muted) 75%, var(--text-faint));
  font-weight: 450;
  letter-spacing: -0.01em;
  line-height: 32px;
}

@media (hover: hover) {
  body:not(.is-mobile)
    .workspace-leaf-content[data-type="empty"]
    .empty-state-action:hover {
    color: var(--text-muted);
  }
}


body:not(.is-mobile)
  :is(
    .workspace-ribbon,
    .workspace-tab-header-container,
    .nav-header,
    .view-header,
    .workspace-sidedock-vault-profile
  ) {
  --icon-color: var(--verso-chrome-icon-color);
  --icon-color-hover: var(--verso-chrome-icon-color-hover);
  --icon-color-focused: var(--verso-chrome-icon-color-hover);
  --icon-color-active: var(--verso-chrome-icon-color-active);
  --icon-xs: 12px;
  --icon-s: 14px;
  --icon-m: 14px;
  --icon-l: 16px;
}

body:not(.is-mobile)
  .workspace-split.mod-left-split
  .workspace-tabs.mod-top
  .workspace-tab-header-container-inner {
  gap: var(--size-2-2);
}

body:not(.is-mobile)
  :is(
    .workspace-ribbon,
    .workspace-tab-header-container,
    .nav-header,
    .view-header,
    .workspace-sidedock-vault-profile
  )
  :is(
    .clickable-icon,
    .workspace-tab-header-inner-icon,
    .workspace-drawer-vault-switcher-icon
) {
  --icon-size: 14px;
}

.embedded-backlinks .nav-buttons-container {
  --icon-size: 13px;

  opacity: 0.72;
  transition: opacity var(--verso-transition-duration) ease;
}

.embedded-backlinks .nav-buttons-container:is(:hover, :focus-within) {
  opacity: 1;
}


body:not(.is-mobile)
  .workspace-leaf-content[data-type="file-explorer"]
  .nav-header {
  padding-top: var(--size-4-1);
}

body:not(.is-mobile)
  .workspace-leaf-content[data-type="file-explorer"]
  .nav-buttons-container {
  justify-content: flex-start;
}


.embedded-backlinks {
  border-top: 0.5px solid var(--verso-border-subtle);
}

.embedded-backlinks .backlink-pane > .tree-item-self,
.embedded-backlinks .backlink-pane > .tree-item-self:hover {
  color: var(--text-muted);
  font-size: 13px;
  font-weight: 550;
  letter-spacing: -0.01em;
}

.embedded-backlinks .backlink-pane > .tree-item-self.is-clickable.is-collapsed {
  color: var(--text-faint);
}

.embedded-backlinks .backlink-pane > .tree-item-self .tree-item-flair,
.embedded-backlinks .backlink-pane .search-result-file-title .tree-item-flair {
  color: var(--text-faint);
  font-size: 12px;
  font-weight: 450;
}

.embedded-backlinks .backlink-pane .search-result-file-title {
  color: var(--text-muted);
  font-size: 13px;
  font-weight: 500;
}

.embedded-backlinks .backlink-pane .search-result .collapse-icon svg.svg-icon {
  width: 8px;
  height: 8px;
  stroke-width: 3px;
}


body:not(.is-mobile) .prompt {
  --prompt-border-color: var(--verso-border-subtle);
  --prompt-border-width: 0.5px;
  --search-clear-button-color: var(--text-faint);

  border-radius: 14px;
  box-shadow: var(--verso-prompt-shadow);
}

body:not(.is-mobile) .prompt-input-container {
  --search-clear-button-size: 14px;
}

body:not(.is-mobile) input.prompt-input,
body:not(.is-mobile) input.prompt-input:hover,
body:not(.is-mobile) input.prompt-input:focus,
body:not(.is-mobile) input.prompt-input:focus-visible {
  border-bottom: 0.5px solid var(--verso-border-subtle);
}

body:not(.is-mobile) .prompt-results {
  padding: 10px;
}

body:not(.is-mobile) .prompt .suggestion-item {
  border-radius: var(--radius-m);
}

body:not(.is-mobile) .prompt-instructions {
  display: none;
}

body:not(.is-mobile) .prompt-input-container .search-input-clear-button {
  opacity: 0.58;
  transition:
    color var(--verso-transition-duration) ease,
    opacity var(--verso-transition-duration) ease;
}

body:not(.is-mobile)
  .prompt-input-container
  .search-input-clear-button:is(:hover, :active) {
  color: var(--text-muted);
  opacity: 1;
}


.metadata-container,
.status-bar {
  color: var(--text-faint);
}


body:not(.is-mobile) .status-bar {
  opacity: 0;
  transition: opacity var(--verso-transition-duration) ease;
}

body:not(.is-mobile) .status-bar:is(:hover, :focus-within) {
  opacity: 1;
}

body:not(.is-mobile) .status-bar-item.plugin-sync .sync-status-icon {
  opacity: 0;
  transition: opacity var(--verso-transition-duration) ease;
}

body:not(.is-mobile)
  :is(
    .status-bar:hover .status-bar-item.plugin-sync,
    .status-bar-item.plugin-sync:hover,
    .status-bar-item.plugin-sync:focus-within
  )
  .sync-status-icon {
  opacity: 1;
}

:is(.markdown-rendered, .markdown-source-view.mod-cm6) {
  --link-decoration-thickness: 1px;
}

.markdown-rendered a,
.cm-hmd-internal-link,
.cm-link,
.cm-url {
  text-underline-offset: 0.16em;
}

.markdown-embed {
  border-radius: var(--verso-block-radius);
}

.markdown-rendered :not(pre) > code,
.cm-s-obsidian .cm-inline-code {
  --code-background: var(--verso-inline-code-background);
  --code-radius: var(--verso-content-radius);
}

.callout {
  --callout-padding: 12px 16px;
  --callout-content-padding: 8px 0 0;
  --callout-title-size: 1em;
  --callout-title-weight: 500;

  font-size: var(--table-text-size);
}

:is(.markdown-source-view, .markdown-rendered) table :is(th, td) {
  padding: 4px 10px;
  border: 0;
}

:is(.markdown-source-view, .markdown-rendered) table th {
  background-color: transparent;
}

:is(.markdown-source-view, .markdown-rendered)
  table
  > thead
  > tr
  > th,
:is(.markdown-source-view, .markdown-rendered)
  table
  > tbody
  > tr:not(:last-child)
  > td {
  border-bottom: 0.5px solid var(--verso-border-subtle);
}

:is(.markdown-source-view, .markdown-rendered)
  table
  tr
  > :first-child {
  padding-inline-start: 0;
}

:is(.markdown-source-view, .markdown-rendered)
  table
  tr
  > :last-child {
  padding-inline-end: 0;
}

.markdown-source-view.mod-cm6 .cm-table-widget .table-cell-wrapper {
  padding: 4px 10px;
}

.markdown-source-view.mod-cm6
  .cm-table-widget
  tr
  > :first-child
  .table-cell-wrapper {
  padding-inline-start: 0;
}

.markdown-source-view.mod-cm6
  .cm-table-widget
  tr
  > :last-child
  .table-cell-wrapper {
  padding-inline-end: 0;
}

.callout-title {
  align-items: center;
  gap: 6px;
}

:is(.callout-icon, .callout-fold) svg {
  width: 14px;
  height: 14px;
}

.cm-embed-block.cm-callout .edit-block-button {
  color: var(--text-muted);
  opacity: 0.7;
  transition:
    color var(--verso-transition-duration) ease,
    opacity var(--verso-transition-duration) ease;
}

.cm-embed-block.cm-callout .edit-block-button:hover {
  color: var(--text-muted);
  opacity: 0.9;
}

.callout-content > :first-child {
  margin-block-start: 0;
}

.callout-content > :last-child {
  margin-block-end: 0;
}

@media (width <= 600px) {
  body {
    --font-text-size: 16px;
    --verso-line-width: 100%;
    --verso-max-width: 100%;
  }

  .is-readable-line-width {
    --file-margins: 1rem var(--file-margins-x) 0;
  }
}