/*

Minimal Publish / MIT License
Copyright (c) 2020-2024 Steph Ango (@kepano)

*/
/* Adjust the following variables or find more at the link below */
/* https://docs.obsidian.md/Reference/CSS+variables/CSS+variables */

body {
  /* Font sizes */
  --font-text-size: 16px;
  --font-small: 13px;
  --font-smaller: 11px;
  --font-smallest: 10px;
  --font-inputs: 13px;

  /* Font weights */
  --normal-weight: 400;
  --bold-weight: 600;
  --link-weight: inherit;

  /* Headings */
  --page-title-weight: 500;
  --page-title-line-height: 1.1;

  --h1: 1.25em;
  --h2: 1.1em;
  --h3: 1.05em;
  --h4: 1em;
  --h5: 0.85em;
  --h6: 0.85em;

  --h1-weight: 600;
  --h2-weight: 600;
  --h3-weight: 600;
  --h4-weight: 500;
  --h5-weight: 500;
  --h6-weight: 400;

  --h1-variant: normal;
  --h2-variant: normal;
  --h3-variant: normal;
  --h4-variant: normal;
  --h5-variant: small-caps;
  --h6-variant: small-caps;

  --h1-style: normal;
  --h2-style: normal;
  --h3-style: normal;
  --h4-style: normal;
  --h5-style: normal;
  --h6-style: normal;

  /* Cards */
  --cards-min-width: 180px;
  --cards-max-width: 1fr;
  --cards-mobile-width: 180px;
  --cards-image-height: 400px;
  --cards-padding: 1.2em;
  --cards-image-fit: contain;
  --cards-background: transparent;
  --cards-border-width: 1px;
  --cards-aspect-ratio: auto;
  --cards-columns: repeat(
    auto-fit,
    minmax(var(--cards-min-width), var(--cards-max-width))
  );

  /* Images */
  --image-radius: 8px;

  --img-grid-fit: cover;
  --img-grid-background: transparent;
  --img-grid-gap: 0.5rem;

  --img-zoom-background: rgba(0, 0, 0, 0.6);
  --img-zoom-max-width: 96%;
  --img-zoom-max-height: 90vh;
  --img-zoom-in-cursor: zoom-in;
  --img-zoom-out-cursor: zoom-out;

  /* Misc */
  --icon-muted: 0.5;
  --border-width: 1px;

  --folding-offset: 16px;
  --nested-padding: 30px; /* Quotes and transclusions */

  --list-padding: 2em; /* List padding */
  --list-spacing: 0.075em; /* Space between list items */
}

/* Mobile */
@media (max-width: 400pt) {
  body {
    --cards-min-width: var(--cards-mobile-width);
    --img-grid-gap: 0.25rem;
  }
}
/* macOS color scheme */
.theme-dark,
.theme-light {
  --color-red-rgb: 255, 59, 49;
  --color-orange-rgb: 255, 149, 2;
  --color-yellow-rgb: 255, 204, 0;
  --color-green-rgb: 42, 205, 65;
  --color-cyan-rgb: 2, 199, 190;
  --color-blue-rgb: 2, 122, 255;
  --color-purple-rgb: 176, 81, 222;
  --color-pink-rgb: 255, 46, 85;

  --color-red: #ff3b31;
  --color-orange: #ff9502;
  --color-yellow: #ffcc00;
  --color-green: #2acd41;
  --color-cyan: #02c7be;
  --color-blue: #027aff;
  --color-purple: #b051de;
  --color-pink: #ff2e55;
}
.theme-light {
  --accent-h: 212;
  --accent-s: 100%;
  --accent-l: 50%;

  --bg1: #fff;
  --bg2: #f0f0f0;
  --bg3: #d7d7d7;

  --ui1: #e7e7e7;

  --tx1: #454545;
  --tx2: #808080;
  --tx3: #b0b0b0;

  --ax1: #027aff;
  --ax2: #0463cc;
  --ax3: #007bff;

  --hl1: #b3d7ff;
}
.theme-dark {
  --accent-h: 212;
  --accent-s: 100%;
  --accent-l: 50%;

  --bg1: #1e1e1e;
  --bg2: #282828;
  --bg3: #414141;

  --background-divider: #000;

  --ui1: #373737;
  --ui2: #515151;
  --ui3: #595959;

  --tx1: #dcdcdc;
  --tx2: #8c8c8c;
  --tx3: #686868;

  --ax1: #027aff;
  --ax2: #3f9bff;
  --ax3: #007bff;

  --hl1: #3f638b;
}
.theme-light {
  --mono100: black;
  --mono0: white;
}
.theme-dark {
  --mono100: white;
  --mono0: black;
}
.theme-dark,
.theme-light {
  --h1-color: var(--text-normal);
  --h2-color: var(--text-normal);
  --h3-color: var(--text-normal);
  --h4-color: var(--text-normal);
  --h5-color: var(--text-normal);
  --h6-color: var(--text-muted);
}
.published-container {
  --outline-heading-color-active: var(--tx1);
  --sidebar-left-background: var(--bg2);
}
.theme-dark,
.theme-light {
  --background-primary: var(--bg1);
  --background-primary-alt: var(--bg2);
  --background-secondary: var(--bg2);
  --background-secondary-alt: var(--bg1);
  --background-tertiary: var(--bg3);
  --background-table-rows: var(--bg2);
  --background-modifier-form-field: var(--bg1);
  --background-modifier-form-field-highlighted: var(--bg1);
  --background-modifier-accent: var(--ax3);
  --background-modifier-border: var(--ui1);
  --background-modifier-border-hover: var(--ui2);
  --background-modifier-border-focus: var(--ui3);
  --background-modifier-success: var(--color-green);
  --background-divider: var(--ui1);
  --interactive-hover: var(--ui1);
  --interactive-accent: var(--ax3);
  --interactive-accent-hover: var(--ax3);
  --quote-opening-modifier: var(--ui2);
  --modal-border: var(--ui2);
  --icon-color: var(--tx2);
  --icon-color-hover: var(--tx2);
  --icon-color-active: var(--tx1);
  --icon-hex: var(--mono0);
  --text-normal: var(--tx1);
  --text-bold: var(--tx1);
  --text-italic: var(--tx1);
  --text-muted: var(--tx2);
  --text-faint: var(--tx3);
  --text-accent: var(--ax1);
  --text-accent-hover: var(--ax2);
  --text-on-accent: white;
  --text-selection: var(--hl1);
  --text-code: var(--tx4);
  --text-error: var(--color-red);
  --text-blockquote: var(--tx2);
  --title-color: var(--tx1);
  --title-color-inactive: var(--tx2);
}
.theme-light {
  --interactive-normal: var(--bg1);
  --interactive-accent-rgb: 220, 220, 220;
  --text-highlight-bg: rgba(255, 225, 0, 0.5);
  --text-highlight-bg-active: rgba(0, 0, 0, 0.1);
  --background-modifier-error: rgba(255, 0, 0, 0.14);
  --background-modifier-error-hover: rgba(255, 0, 0, 0.08);
  --shadow-color: rgba(0, 0, 0, 0.1);
  --btn-shadow-color: rgba(0, 0, 0, 0.05);
}
.theme-dark {
  --interactive-normal: var(--bg3);
  --interactive-accent-rgb: 66, 66, 66;
  --text-highlight-bg: rgba(255, 177, 80, 0.3);
  --text-highlight-bg-active: rgba(255, 255, 255, 0.1);
  --background-modifier-error: rgba(255, 20, 20, 0.12);
  --background-modifier-error-hover: rgba(255, 20, 20, 0.18);
  --background-modifier-box-shadow: rgba(0, 0, 0, 0.3);
  --shadow-color: rgba(0, 0, 0, 0.3);
  --btn-shadow-color: rgba(0, 0, 0, 0.2);
}
.alt-title .page-header,
.hide-title .page-header {
  display: none;
}
.hide-title.markdown-preview-view div:nth-child(4) h1 {
  margin-top: 0.25em;
  font-variant: var(--page-title-variant);
  letter-spacing: -0.015em;
  line-height: var(--page-title-line-height);
  font-size: var(--page-title-size);
  color: var(--page-title-color);
  font-weight: var(--page-title-weight);
  font-style: var(--page-title-style);
  font-family: var(--page-title-font);
  border: none;
}
.h1-borders h1 {
  border-bottom: 1px solid var(--ui1);
  padding-bottom: 0.5em;
}
.table-col-1-150.markdown-preview-view td:first-child {
  width: 150px;
}
.table-col-1-200.markdown-preview-view td:first-child {
  width: 200px;
}
.table-100 table,
.table-cards table,
.table-full table {
  width: 100%;
}
.table-small table {
  --table-text-size: 85%;
}
.table-tiny table {
  --table-text-size: 75%;
}
.row-hover {
  --table-edge-cell-padding-first: 10px;
}
.row-alt {
  --table-row-alt-background: var(--background-table-rows);
  --table-edge-cell-padding-first: 10px;
}
.col-alt .markdown-rendered:not(.cards) {
  --table-column-alt-background: var(--background-table-rows);
}
.table-tabular table {
  font-variant-numeric: tabular-nums;
}
.table-lines {
  --table-border-width: var(--border-width);
  --table-header-border-width: var(--border-width);
  --table-column-first-border-width: var(--border-width);
  --table-column-last-border-width: var(--border-width);
  --table-row-last-border-width: var(--border-width);
  --table-edge-cell-padding: 10px;
}
.table-nowrap {
  --table-white-space: nowrap;
}
.table-nowrap .table-wrap,
.trim-cols {
  --table-white-space: normal;
}
.table-numbers table {
  counter-reset: section;
}
.table-numbers table > thead > tr > th:first-child::before {
  content: " ";
  padding-right: 0.5em;
  display: inline-block;
  min-width: 2em;
}
.table-numbers table > tbody > tr > td:first-child::before {
  counter-increment: section;
  content: counter(section) " ";
  text-align: center;
  padding-right: 0.5em;
  display: inline-block;
  min-width: 2em;
  color: var(--text-faint);
  font-variant-numeric: tabular-nums;
}
.row-lines-off .table-view-table > tbody > tr > td,
.row-lines-off table tbody > tr:last-child > td,
.row-lines-off table tbody > tr > td {
  border-bottom: none;
}
.row-lines .table-view-table > tbody > tr > td,
.row-lines table tbody > tr > td {
  border-bottom: var(--table-border-width) solid var(--table-border-color);
}
.row-lines table tbody > tr:last-child > td {
  border-bottom: none;
}
.col-lines .table-view-table thead > tr > th:not(:last-child),
.col-lines .table-view-table > tbody > tr > td:not(:last-child),
.col-lines table tbody > tr > td:not(:last-child) {
  border-right: var(--table-border-width) solid
    var(--background-modifier-border);
}
.row-hover {
  --table-row-background-hover: hsla(var(--accent-h), 50%, 80%, 20%);
}
.theme-dark .row-hover,
.theme-dark.row-hover {
  --table-row-background-hover: hsla(var(--accent-h), 30%, 40%, 20%);
}
img[src$="#outline"],
span[src$="#outline"] img {
  border: 1px solid var(--ui1);
}
.published-container img[src$="#interface"],
.published-container span[src$="#interface"] img {
  border: 1px solid var(--ui1);
  box-shadow: 0 0.5px 0.9px rgba(0, 0, 0, 0.021),
    0 1.3px 2.5px rgba(0, 0, 0, 0.03), 0 3px 6px rgba(0, 0, 0, 0.039),
    0 10px 20px rgba(0, 0, 0, 0.06);
  margin-top: 10px;
  margin-bottom: 15px;
  border-radius: var(--radius-m);
}
.theme-dark img[src$="#invert"],
.theme-dark span[src$="#invert"] img {
  filter: invert(1) hue-rotate(180deg);
  mix-blend-mode: screen;
}
.theme-light img[src$="#invertW"],
.theme-light span[src$="#invertW"] img {
  filter: invert(1) hue-rotate(180deg);
}
img[src$="#circle"],
span[src$="#circle"] img {
  border-radius: 50%;
  aspect-ratio: 1/1;
}
body {
  --img-grid-fit: cover;
  --img-grid-background: transparent;
  --img-grid-gap: 0.5rem;
}
@media (max-width: 400pt) {
  body {
    --img-grid-gap: 0.25rem;
  }
}
.img-grid-ratio {
  --image-grid-fit: contain;
}
.img-grid .image-embed.is-loaded {
  line-height: 0;
  display: flex;
  align-items: stretch;
}
.img-grid .image-embed.is-loaded img {
  background-color: var(--image-grid-background);
}
.img-grid .image-embed.is-loaded img:active {
  background-color: transparent;
}
.img-grid .markdown-preview-section > div:has(img) .image-embed ~ br,
.img-grid .markdown-preview-section > div:has(img) img ~ br,
.img-grid .markdown-preview-section > div:has(img) p:empty {
  display: none;
}
.img-grid .markdown-preview-section div:has(> .image-embed ~ .image-embed),
.img-grid .markdown-preview-section div:has(> img ~ img),
.img-grid .markdown-preview-section p:has(> .image-embed ~ .image-embed),
.img-grid .markdown-preview-section p:has(> .image-embed ~ img),
.img-grid .markdown-preview-section p:has(> img ~ .image-embed),
.img-grid .markdown-preview-section p:has(> img ~ img) {
  display: grid;
  margin-block-start: var(--img-grid-gap);
  margin-block-end: var(--img-grid-gap);
  grid-column-gap: var(--img-grid-gap);
  grid-row-gap: 0;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
}
.img-grid
  .markdown-preview-section
  div:has(> .image-embed ~ .image-embed)
  > img,
.img-grid .markdown-preview-section div:has(> img ~ img) > img,
.img-grid .markdown-preview-section p:has(> .image-embed ~ .image-embed) > img,
.img-grid .markdown-preview-section p:has(> .image-embed ~ img) > img,
.img-grid .markdown-preview-section p:has(> img ~ .image-embed) > img,
.img-grid .markdown-preview-section p:has(> img ~ img) > img {
  object-fit: var(--image-grid-fit);
  align-self: stretch;
}
.img-grid
  .markdown-preview-section
  div:has(> .image-embed ~ .image-embed)
  > .internal-embed
  img,
.img-grid .markdown-preview-section div:has(> img ~ img) > .internal-embed img,
.img-grid
  .markdown-preview-section
  p:has(> .image-embed ~ .image-embed)
  > .internal-embed
  img,
.img-grid
  .markdown-preview-section
  p:has(> .image-embed ~ img)
  > .internal-embed
  img,
.img-grid
  .markdown-preview-section
  p:has(> img ~ .image-embed)
  > .internal-embed
  img,
.img-grid .markdown-preview-section p:has(> img ~ img) > .internal-embed img {
  object-fit: var(--image-grid-fit);
  align-self: center;
}
.img-grid .markdown-preview-section > div:has(img) > p {
  display: grid;
  margin-block-start: var(--img-grid-gap);
  margin-block-end: var(--img-grid-gap);
  grid-column-gap: var(--img-grid-gap);
  grid-row-gap: 0;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
}
.img-grid .markdown-preview-section > div:has(img) > p > br {
  display: none;
}
.img-zoom .image-embed {
  cursor: zoom-in;
}
.lightbox {
  z-index: 99999;
  position: fixed;
  width: 100%;
  height: 100%;
  max-width: 100%;
  top: 0;
  left: 0;
  background: var(--img-zoom-background);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.lightbox .internal-embed.image-embed {
  max-width: var(--img-zoom-max-width);
  max-height: var(--img-zoom-max-height);
  cursor: var(--img-zoom-in-cursor);
  display: flex;
}
.lightbox img {
  cursor: var(--img-zoom-out-cursor);
  object-fit: contain;
  width: auto;
}
.cards table {
  --table-width: 100%;
  --table-edge-cell-padding-first: calc(var(--cards-padding) / 2);
  --table-edge-cell-padding-last: calc(var(--cards-padding) / 2);
  --table-cell-padding: calc(var(--cards-padding) / 3)
    calc(var(--cards-padding) / 2);
  line-height: 1.3;
}
.cards table tbody {
  clear: both;
  padding: 0.5rem 0;
  display: grid;
  grid-template-columns: var(--cards-columns);
  grid-column-gap: 0.75rem;
  grid-row-gap: 0.75rem;
}
.cards table > tbody > tr {
  background-color: var(--cards-background);
  border: var(--cards-border-width) solid var(--background-modifier-border);
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0 0 calc(var(--cards-padding) / 3) 0;
  border-radius: 6px;
  overflow: hidden;
  transition: box-shadow 0.15s linear;
  max-width: var(--cards-max-width);
}
.cards table > tbody > tr:hover {
  border: var(--cards-border-width) solid
    var(--background-modifier-border-hover);
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.05),
    0 1px 3px 1px rgba(0, 0, 0, 0.025);
  transition: box-shadow 0.15s linear;
}
.cards table tbody > tr > td:first-child {
  font-weight: var(--bold-weight);
  border: none;
}
.cards table tbody > tr > td:first-child a {
  display: block;
}
.cards table tbody > tr > td:last-child {
  border: none;
}
.cards table tbody > tr > td:not(:first-child) {
  font-size: calc(var(--table-text-size) * 0.9);
  color: var(--text-muted);
}
.cards table tbody > tr > td > * {
  padding: calc(var(--cards-padding) / 3) 0;
}
.cards table tbody > tr > td:not(:last-child):not(:first-child) {
  padding: 4px 0;
  border-bottom: 1px solid var(--background-modifier-border);
  width: calc(100% - var(--cards-padding));
  margin: 0 calc(var(--cards-padding) / 2);
}
.cards table tbody > tr > td a {
  text-decoration: none;
}
.cards table tbody > tr > td > button {
  width: 100%;
  margin: calc(var(--cards-padding) / 2) 0;
}
.cards table tbody > tr > td:last-child > button {
  margin-bottom: calc(var(--cards-padding) / 6);
}
.cards table tbody > tr > td > ul {
  width: 100%;
  padding: 0.25em 0 !important;
  margin: 0 auto !important;
}
.cards table tbody > tr > td:has(img) {
  padding: 0 !important;
  background-color: var(--background-secondary);
  display: block;
  margin: 0;
  width: 100%;
}
.cards table tbody > tr > td img {
  aspect-ratio: var(--cards-aspect-ratio);
  width: 100%;
  object-fit: var(--cards-image-fit);
  max-height: var(--cards-image-height);
  background-color: var(--background-secondary);
  vertical-align: bottom;
}
.cards table thead {
  display: none;
}
.list-cards.markdown-preview-view .list-bullet,
.list-cards.markdown-preview-view .list-collapse-indicator,
.list-cards.markdown-preview-view.markdown-rendered.show-indentation-guide
  li
  > ul::before {
  display: none;
}
.list-cards.markdown-preview-view div > ul {
  display: grid;
  gap: 0.75rem;
  grid-template-columns: var(--cards-columns);
  padding: 0;
  line-height: var(--line-height-tight);
}
.list-cards.markdown-preview-view div > ul > li {
  background-color: var(--cards-background);
  padding: calc(var(--cards-padding) / 2);
  border-radius: var(--radius-s);
  border: var(--cards-border-width) solid var(--background-modifier-border);
  overflow: hidden;
}
.list-cards.markdown-preview-view div > ul .image-embed {
  padding: 0;
  display: block;
  background-color: var(--background-secondary);
  border-radius: var(--image-radius);
}
.list-cards.markdown-preview-view div > ul .image-embed img {
  aspect-ratio: var(--cards-aspect-ratio);
  object-fit: var(--cards-image-fit);
  max-height: var(--cards-image-height);
  background-color: var(--background-secondary);
  vertical-align: bottom;
}
.list-cards.markdown-preview-view div > ul > li > a {
  --link-decoration: none;
  --link-external-decoration: none;
  font-weight: var(--bold-weight);
}
.list-cards.markdown-preview-view div ul > li:hover {
  border-color: var(--background-modifier-border-hover);
}
.list-cards.markdown-preview-view div ul ul {
  display: block;
  width: 100%;
  color: var(--text-muted);
  font-size: var(--font-smallest);
  margin: calc(var(--cards-padding) / -4) 0;
  padding: calc(var(--cards-padding) / 2) 0;
}
.list-cards.markdown-preview-view div ul ul ul {
  padding-bottom: calc(var(--cards-padding) / 4);
}
.list-cards.markdown-preview-view div ul ul > li {
  display: block;
  margin-inline-start: 0;
}
.cards.cards-16-9,
.list-cards.cards-16-9 {
  --cards-aspect-ratio: 16/9;
}
.cards.cards-1-1,
.list-cards.cards-1-1 {
  --cards-aspect-ratio: 1/1;
}
.cards.cards-2-1,
.list-cards.cards-2-1 {
  --cards-aspect-ratio: 2/1;
}
.cards.cards-2-3,
.list-cards.cards-2-3 {
  --cards-aspect-ratio: 2/3;
}
.cards.cards-cols-1,
.list-cards.cards-cols-1 {
  --cards-columns: repeat(1, minmax(0, 1fr));
}
.cards.cards-cols-2,
.list-cards.cards-cols-2 {
  --cards-columns: repeat(2, minmax(0, 1fr));
}
.cards.cards-cover,
.list-cards.cards-cover {
  --cards-image-fit: cover;
}
.cards.cards-align-bottom table.dataview tbody > tr > td:last-child,
.list-cards.cards-align-bottom table.dataview tbody > tr > td:last-child {
  margin-top: auto;
}
@media (max-width: 400pt) {
  .cards table.dataview tbody > tr > td:not(:first-child) {
    font-size: 80%;
  }
}
@media (min-width: 400pt) {
  .cards-cols-3 {
    --cards-columns: repeat(3, minmax(0, 1fr));
  }
  .cards-cols-4 {
    --cards-columns: repeat(4, minmax(0, 1fr));
  }
  .cards-cols-5 {
    --cards-columns: repeat(5, minmax(0, 1fr));
  }
  .cards-cols-6 {
    --cards-columns: repeat(6, minmax(0, 1fr));
  }
  .cards-cols-7 {
    --cards-columns: repeat(7, minmax(0, 1fr));
  }
  .cards-cols-8 {
    --cards-columns: repeat(8, minmax(0, 1fr));
  }
}
.markdown-preview-view code {
  color: var(--tx4);
  font-size: 0.85em;
}
.theme-light :not(pre) > code[class*="language-"],
.theme-light pre[class*="language-"] {
  background-color: var(--bg2);
}
iframe,
img {
  border-radius: var(--image-radius);
}
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="text"] {
  border-color: var(--ui1);
}
input[type="email"]:hover,
input[type="number"]:hover,
input[type="password"]:hover,
input[type="search"]:hover,
input[type="text"]:hover {
  border-color: var(--ui2);
}
input[type="email"]:active,
input[type="email"]:focus,
input[type="number"]:active,
input[type="number"]:focus,
input[type="password"]:active,
input[type="password"]:focus,
input[type="search"]:active,
input[type="search"]:focus,
input[type="text"]:active,
input[type="text"]:focus {
  border-color: var(--ui2);
  box-shadow: 0 0 0 2px var(--ui2);
}
ol > li::marker,
ul > li::marker {
  color: var(--tx3);
}
body {
  --table-header-border-width: 0;
  --table-column-first-border-width: 0;
  --table-column-last-border-width: 0;
  --table-row-last-border-width: 0;
  --table-edge-cell-padding-first: 0;
  --table-edge-cell-padding-last: 10px;
  --table-cell-padding: 4px 10px;
  --table-header-size: var(--table-text-size);
}
.markdown-preview-view table {
  border: var(--border-width) solid var(--border-color);
  border-collapse: collapse;
  margin-block-start: 1em;
}
.markdown-preview-view td,
.markdown-preview-view th {
  padding: var(--table-cell-padding);
}
.markdown-preview-view td:first-child,
.markdown-preview-view th:first-child {
  padding-left: var(--table-edge-cell-padding-first);
}
.markdown-preview-view td:last-child,
.markdown-preview-view th:last-child {
  padding-right: var(--table-edge-cell-padding-last);
}
.markdown-preview-view .tag:not(.token) {
  background-color: transparent;
  border: 1px solid var(--ui1);
  color: var(--tx2);
  font-size: var(--font-small);
}
.tooltip {
  display: none;
}

body {
  --image-border-color: var(--background-modifier-border);
  --image-border-width: 1px;
  --image-border-padding: 8px;
  --image-border-background: var(--td);
}

/*----Image Positions/Adjustments----*/
body {
  --micro: 70px;
  --tiny: 100px;
  --small: 200px;
  --small-med: 300px;
  --med-small: 400px;
  --medium: 500px;
  --med-tall: 600px;
  --tall: 700px;
}

.popover.hover-popover {
  --micro: 70px;
  --tiny: 100px;
  --small: 150px;
  --small-med: 200px;
  --med-small: 250px;
  --medium: 300px;
  --med-tall: 450px;
  --tall: 500px;
}

/*----Mobile----*/
@media (max-width: 500px) {
  .theme-dark,
  .theme-light {
    /*Mobile Sizes*/
    --radius: 0px;
    --micro: 70px;
    --tiny: 100px;
    --small: 150px;
    --small-med: 200px;
    --med-small: 250px;
    --medium: 300px;
    --med-tall: 450px;
    --tall: 500px;
  }
}
/*-Image Sizing-*/
/*Fit image within bounds WITHOUT stretching*/
img:is([alt*="cover"], [alt*="cvr"]),
.image-embed:is([src*="#cover"], [src*="#cvr"]),
span.image-embed:is([src*="#cover"], [src*="#cvr"]) img {
  object-fit: cover;
}

img[alt][alt]:not([alt*="relative"])[alt*="hmicro"] {
  height: var(--micro);
}
img[alt][alt]:not([alt*="relative"])[alt*="htiny"] {
  height: var(--tiny);
}
img[alt][alt]:not([alt*="relative"])[alt*="hsmall"] {
  height: var(--small);
}
img[alt][alt]:not([alt*="relative"])[alt*="hs-med"] {
  height: var(--small-med);
}
img[alt][alt]:not([alt*="relative"])[alt*="hm-sm"] {
  height: var(--med-small);
}
img[alt][alt]:not([alt*="relative"])[alt*="hmed"] {
  height: var(--medium);
}
img[alt][alt]:not([alt*="relative"])[alt*="hm-tl"] {
  height: var(--med-tall);
}
img[alt][alt]:not([alt*="relative"])[alt*="htall"] {
  height: var(--tall);
}
img[alt][alt]:not([alt*="relative"])[alt*="hfull"] {
  height: 100%;
}
img[alt][alt]:not([alt*="relative"])[alt*="wmicro"] {
  width: var(--micro);
}
img[alt][alt]:not([alt*="relative"])[alt*="wtiny"] {
  width: var(--tiny);
}
img[alt][alt]:not([alt*="relative"])[alt*="wsmall"] {
  width: var(--small);
}
img[alt][alt]:not([alt*="relative"])[alt*="ws-med"] {
  width: var(--small-med);
}
img[alt][alt]:not([alt*="relative"])[alt*="wm-sm"] {
  width: var(--med-small);
}
img[alt][alt]:not([alt*="relative"])[alt*="wmed"] {
  width: var(--medium);
}
img[alt][alt]:not([alt*="relative"])[alt*="wm-tl"] {
  width: var(--med-tall);
}
img[alt][alt]:not([alt*="relative"])[alt*="wtall"] {
  width: var(--tall);
}
img[alt][alt]:not([alt*="relative"])[alt*="wfull"] {
  width: 100%;
}

.image-embed[alt][alt*="relative"],
div:not(.image-embed) > img[alt][alt*="relative"] {
  --micro: 10%;
  --tiny: 20%;
  --small: 30%;
  --small-med: 40%;
  --med-small: 50%;
  --medium: 60%;
  --med-tall: 70%;
  --tall: 85%;
}
.image-embed[alt][alt*="relative"][alt*="wmicro"],
div:not(.image-embed) > img[alt][alt*="relative"][alt*="wmicro"] {
  width: var(--micro);
}
.image-embed[alt][alt*="relative"][alt*="wtiny"],
div:not(.image-embed) > img[alt][alt*="relative"][alt*="wtiny"] {
  width: var(--tiny);
}
.image-embed[alt][alt*="relative"][alt*="wsmall"],
div:not(.image-embed) > img[alt][alt*="relative"][alt*="wsmall"] {
  width: var(--small);
}
.image-embed[alt][alt*="relative"][alt*="ws-med"],
div:not(.image-embed) > img[alt][alt*="relative"][alt*="ws-med"] {
  width: var(--small-med);
}
.image-embed[alt][alt*="relative"][alt*="wm-sm"],
div:not(.image-embed) > img[alt][alt*="relative"][alt*="wm-sm"] {
  width: var(--med-small);
}
.image-embed[alt][alt*="relative"][alt*="wmed"],
div:not(.image-embed) > img[alt][alt*="relative"][alt*="wmed"] {
  width: var(--medium);
}
.image-embed[alt][alt*="relative"][alt*="wm-tl"],
div:not(.image-embed) > img[alt][alt*="relative"][alt*="wm-tl"] {
  width: var(--med-tall);
}
.image-embed[alt][alt*="relative"][alt*="wtall"],
div:not(.image-embed) > img[alt][alt*="relative"][alt*="wtall"] {
  width: var(--tall);
}
.image-embed[alt][alt*="relative"][alt*="hmicro"],
div:not(.image-embed) > img[alt][alt*="relative"][alt*="hmicro"] {
  width: var(--micro);
}
.image-embed[alt][alt*="relative"][alt*="htiny"],
div:not(.image-embed) > img[alt][alt*="relative"][alt*="htiny"] {
  width: var(--tiny);
}
.image-embed[alt][alt*="relative"][alt*="hsmall"],
div:not(.image-embed) > img[alt][alt*="relative"][alt*="hsmall"] {
  width: var(--small);
}
.image-embed[alt][alt*="relative"][alt*="hs-med"],
div:not(.image-embed) > img[alt][alt*="relative"][alt*="hs-med"] {
  width: var(--small-med);
}
.image-embed[alt][alt*="relative"][alt*="hm-sm"],
div:not(.image-embed) > img[alt][alt*="relative"][alt*="hm-sm"] {
  width: var(--med-small);
}
.image-embed[alt][alt*="relative"][alt*="hmed"],
div:not(.image-embed) > img[alt][alt*="relative"][alt*="hmed"] {
  width: var(--medium);
}
.image-embed[alt][alt*="relative"][alt*="hm-tl"],
div:not(.image-embed) > img[alt][alt*="relative"][alt*="hm-tl"] {
  width: var(--med-tall);
}
.image-embed[alt][alt*="relative"][alt*="htall"],
div:not(.image-embed) > img[alt][alt*="relative"][alt*="htall"] {
  width: var(--tall);
}
.image-embed[alt][alt*="relative"][alt*="hfull"],
div:not(.image-embed) > img[alt][alt*="relative"][alt*="hfull"] {
  width: 100%;
}

.image-embed[alt][alt*="relative"],
div:not(.image-embed) > img[alt][alt*="relative"] {
  display: block;
  margin: auto;
  max-height: 100%;
  object-fit: cover;
}

/*Height*/
/*Image Locations*/
/*Center Image*/
.img-adj-center.img-adj-center img,
img:is([alt~="ctr"], [alt~="center"]) {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.img-adj-center.img-adj-center .is-live-preview img {
  margin-left: auto !important;
  margin-right: auto !important;
}

/*Left & Right*/
.markdown-rendered img:is([alt~="left"], [alt~="locl"]),
.markdown-rendered img:is([src*="#left"], [src*="#locl"]),
.markdown-rendered .image-embed:is([alt~="left"], [alt~="locl"]),
.markdown-rendered .image-embed:is([src*="#left"], [src*="#locl"]) {
  float: left;
  margin-right: 2%;
  margin-top: 0px;
  margin-bottom: 0px;
}
.markdown-rendered img:is([alt~="right"], [alt~="locr"]),
.markdown-rendered img:is([src*="#right"], [src*="#locr"]),
.markdown-rendered .image-embed:is([alt~="right"], [alt~="locr"]),
.markdown-rendered .image-embed:is([src*="#right"], [src*="#locr"]) {
  float: right;
  margin-left: 2%;
  margin-bottom: 0px;
}

/*--Image Position--*/
img[alt*="p+"],
.image-embed[src*="#p+"] img {
  object-fit: cover;
}

/*Inner Image*/
img[alt*="p+c"],
.image-embed[src*="#p+c"] img {
  object-position: center;
}

img[alt*="p+t"],
.image-embed[src*="#p+t"] img {
  object-position: top;
}

img[alt*="p+b"],
.image-embed[src*="#p+b"] img {
  object-position: bottom;
}

img[alt*="p+l"],
.image-embed[src*="#p+l"] img {
  object-position: left;
}

img[alt*="p+r"],
.image-embed[src*="#p+r"] img {
  object-position: right;
}

img[alt*="p+cl"],
.image-embed[src*="#p+cl"] img {
  object-position: 15%;
}

img[alt*="p+ccl"],
.image-embed[src*="#p+ccl"] img {
  object-position: 25%;
}

img[alt*="p+cr"],
.image-embed[src*="#p+cr"] img {
  object-position: 60%;
}

img[alt*="p+ccr"],
.image-embed[src*="#p+ccr"] img {
  object-position: 75%;
}

img[alt*="p+tc"],
.image-embed[src*="#p+tc"] img {
  object-position: 50% 10%;
}

img[alt*="p+tcc"],
.image-embed[src*="#p+tcc"] img {
  object-position: 50% 20%;
}

img[alt*="p+cct"],
.image-embed[src*="#p+cct"] img {
  object-position: 50% 30%;
}

img[alt*="p+ct"],
.image-embed[src*="#p+ct"] img {
  object-position: 50% 40%;
}

img[alt*="p+cb"],
.image-embed[src*="#p+cb"] img {
  object-position: 50% 60%;
}

img[alt*="p+ccb"],
.image-embed[src*="#p+ccb"] img {
  object-position: 50% 70%;
}

img[alt*="p+bc"],
.image-embed[src*="#p+bc"] img {
  object-position: 50% 80%;
}

img[alt*="p+bcc"],
.image-embed[src*="#p+bcc"] img {
  object-position: 50% 90%;
}

/*Invert Colors*/
.theme-dark img[alt*="invertb"],
.theme-dark .image-embed[src*="#invertb"] {
  filter: invert(1) hue-rotate(180deg);
}
.theme-dark img[alt*="invertbc"],
.theme-dark .image-embed[src*="#invertbc"] {
  filter: invert(1) hue-rotate(180deg) contrast(1.5);
}

.theme-light img[alt*="invertw"],
.theme-light .image-embed[src*="#invertw"] {
  filter: invert(1) hue-rotate(180deg);
}
.theme-light img[alt*="invertwc"],
.theme-light .image-embed[src*="#invertwc"] {
  filter: invert(1) hue-rotate(180deg) contrast(1.45);
}

img:is([alt*="flip-x"], [alt*="flip-horizontal"]) {
  transform: scale(-1, 1);
}
img:is([alt*="flip-y"], [alt*="flip-vertical"]) {
  transform: scale(1, -1);
}
img:is([alt*="flip-xy"], [alt*="flip-vertical-horizontal"]) {
  transform: scale(-1, -1);
}

/*Fit image within bounds WITHOUT stretching*/
img[alt*="cover"],
img:is([alt*="cover"], [alt*="cvr"]),
.image-embed:is([src*="#cover"], [src*="#cvr"]),
span.image-embed:is([src*="#cover"], [src*="#cvr"]) img {
  object-fit: cover;
}

/*Fix Float Issues*/
:is(img, .image-embed)[alt*="clear"],
.image-embed[src*="#clear"] {
  clear: both;
}

img[alt*="unclr"],
.image-embed[src*="#unclr"] {
  clear: none !important;
}

img:is([alt~="lp"], [alt~="live-preview"]):is([alt*="right"], [alt*="locr"]),
.image-embed:is([alt~="lp"], [alt~="live-preview"]):is(
    [alt*="right"],
    [alt*="locr"]
  ) {
  float: right !important;
}
img:is([alt~="lp"], [alt~="live-preview"]):is([alt*="left"], [alt*="locl"]),
.image-embed:is([alt~="lp"], [alt~="live-preview"]):is(
    [alt*="left"],
    [alt*="locl"]
  ) {
  float: left !important;
}

.clear-hr {
  --hr-width: 100%;
}

.clear-headings :is(h1, h2, h3, h4, h5, h6),
.clear-heading-1 h1,
.clear-heading-2 h2,
.clear-heading-3 h3,
.clear-heading-4 h4,
.clear-heading-5 h5,
.clear-heading-6 h6 {
  clear: both;
}

/*Banners*/
img[alt*="banner"]:not([width]),
.image-embed[alt*="banner"]:not([width]) img {
  display: block;
  object-fit: cover;
  width: 100%;
  margin-bottom: 0px;
  clear: both;
}

img[alt~="banner"],
.image-embed[alt~="banner"] img,
.image-embed[src*="#banner"] {
  height: var(--small);
}

img[alt~="banner+small"],
.image-embed[alt~="banner+small"] img,
.image-embed[src*="#banner+small"] {
  height: var(--tiny);
}

img[alt~="banner+tall"],
.image-embed[alt~="banner+tall"] img,
.image-embed[src*="#banner+tall"] {
  height: var(--medium);
}

:is(img, .internal-embed)[alt*="sban"],
:is(img, .internal-embed)[alt~="sban"],
.internal-embed[src*="#sban"] img {
  object-fit: cover;
  width: 100%;
}

/*Portait*/
img[alt*="portrait"],
.image-embed[alt*="portrait"] img {
  object-fit: cover;
}

.image-embed[src~="#portrait"] {
  height: var(--small-med);
  width: 40%;
}

.image-embed[src~="#portrait+small"] {
  height: var(--small);
  width: 25%;
}

.image-embed[src~="#portrait+tall"] {
  height: 500px;
  width: 50%;
}

img:is([alt~="portrait"], [alt*="portrait+"]),
.image-embed:is([alt~="portrait"], [alt*="portrait+"]) img {
  --img-adj-portrait-size: var(--med-small);
  height: var(--img-adj-portrait-size);
  width: calc(var(--img-adj-portrait-size) / 1.7);
}

img[alt~="portrait+small"],
.image-embed[alt~="portrait+small"] img {
  --img-adj-portrait-size: var(--small-med);
}

img[alt~="portrait+tall"],
.image-embed[alt~="portrait+tall"] img {
  --img-adj-portrait-size: var(--medium);
}

/*Profile*/
img[alt*="profile"],
.image-embed[alt*="profile"] img {
  object-fit: cover;
  border-radius: 50%;
}

img[alt~="profile"],
.image-embed[alt~="profile"] img,
.image-embed[src*="#profile"] {
  height: var(--tiny);
  width: var(--tiny);
}

img[alt~="profile+medium"],
.image-embed[alt~="profile+medium"] img,
.image-embed[src*="#profile+medium"] {
  height: var(--small);
  width: var(--small);
}

img[alt~="profile+tall"],
.image-embed[alt~="profile+tall"] img,
.image-embed[src*="#profile+tall"] {
  height: var(--medium);
  width: var(--medium);
}

img[alt~="sprf"] {
  object-fit: cover;
  border-radius: 100%;
}

/*Image Shapes*/
img[alt][alt*="circle"] {
  border-radius: 50%;
}

img[alt~="square"],
.image-embed[alt~="square"] img {
  border-radius: 0;
}

img[alt~="border"],
.internal-embed[alt~="border"] img {
  border: var(--image-border-width) solid var(--image-border-color);
  padding: var(--image-border-padding);
  background: var(--image-border-background);
}

.image-captions .image-embed::after,
.image-embed[src*="#cap"]::after {
  content: attr(alt);
  color: var(--inactive, var(--faint-text));
  display: block;
  text-align: center;
}

.image-embed[src*="#cap"] {
  display: inline-block;
}
.image-embed[src*="#cap"] img {
  float: unset !important;
  object-fit: cover;
}
.image-embed[src*="#cap"][src*="#hmicro"] img {
  height: var(--micro);
}
.image-embed[src*="#cap"][src*="#htiny"] img {
  height: var(--tiny);
}
.image-embed[src*="#cap"][src*="#hsmall"] img {
  height: var(--small);
}
.image-embed[src*="#cap"][src*="#hs-med"] img {
  height: var(--small-med);
}
.image-embed[src*="#cap"][src*="#hm-sm"] img {
  height: var(--med-small);
}
.image-embed[src*="#cap"][src*="#hmed"] img {
  height: var(--medium);
}
.image-embed[src*="#cap"][src*="#hm-tl"] img {
  height: var(--med-tall);
}
.image-embed[src*="#cap"][src*="#htall"] img {
  height: var(--tall);
}
.image-embed[src*="#cap"][src*="#hfull"] img {
  height: 100%;
}
.image-embed[src*="#cap"][src*="#wmicro"],
.image-embed[src*="#cap"][src*="#wmicro"] img {
  width: var(--micro);
}
.image-embed[src*="#cap"][src*="#wtiny"],
.image-embed[src*="#cap"][src*="#wtiny"] img {
  width: var(--tiny);
}
.image-embed[src*="#cap"][src*="#wsmall"],
.image-embed[src*="#cap"][src*="#wsmall"] img {
  width: var(--small);
}
.image-embed[src*="#cap"][src*="#ws-med"],
.image-embed[src*="#cap"][src*="#ws-med"] img {
  width: var(--small-med);
}
.image-embed[src*="#cap"][src*="#wm-sm"],
.image-embed[src*="#cap"][src*="#wm-sm"] img {
  width: var(--med-small);
}
.image-embed[src*="#cap"][src*="#wmed"],
.image-embed[src*="#cap"][src*="#wmed"] img {
  width: var(--medium);
}
.image-embed[src*="#cap"][src*="#wm-tl"],
.image-embed[src*="#cap"][src*="#wm-tl"] img {
  width: var(--med-tall);
}
.image-embed[src*="#cap"][src*="#wtall"],
.image-embed[src*="#cap"][src*="#wtall"] img {
  width: var(--tall);
}
.image-embed[src*="#cap"][src*="#wfull"],
.image-embed[src*="#cap"][src*="#wfull"] img {
  width: 100%;
}

.mobile-image-viewer img[alt][alt][alt] {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

/*@settings
name: Image Adjustments
id: image-adjustments
settings:
    - 
        id: info-text-SlRvb-img-adj
        type: info-text
        title: Image Adjustments by SlRvb
        description: "[Image Adjustments Snippet How-To Guide](https://publish.obsidian.md/slrvb-docs/ITS+Theme/Image+Adjustments)"
        markdown: true
    -
        title: List Overlap Fix
        description: Fix list bullets overlapping with images
        id: img-adj-list
        type: class-toggle
        default: true
    -
        title: Clear Images
        description: Push image under/over headings or horizontal lines
        id: img-adj-clears
        type: heading
        level: 1
        collapsed: true
    -
        title: Horizontal Lines
        description: Push image under/over any horizontal lines
        id: clear-hr
        type: class-toggle
    -
        title: Headings
        description: Push image under/over all headings 1-6
        id: clear-headings
        type: class-toggle
    -
        title: Heading Specific
        description: Push image under/over some headings and not others
        id: img-adj-clears-headings
        type: heading
        level: 2
        collapsed: true
    -
        title: Header 1
        id: clear-heading-1
        type: class-toggle
    -
        title: Header 2
        id: clear-heading-2
        type: class-toggle
    -
        title: Header 3
        id: clear-heading-3
        type: class-toggle
    -
        title: Header 4
        id: clear-heading-4
        type: class-toggle
    -
        title: Header 5
        id: clear-heading-5
        type: class-toggle
    -
        title: Header 6
        id: clear-heading-6
        type: class-toggle
*/
/*Theme fixes*/
.img-adj-list :is(ul, ol) {
  display: flow-root;
}