@import "https://ascension.quest/cdn/fonts.css?v=4";

/* #region: Variables */
body {
  --font-text: "PragmataPro Liga";
  --font-interface: "PragmataPro Liga";
  --font-monospace: "PragmataPro Liga";
  --table-line-height: 32px;
  --background-modifier-border: oklab(0.83 -0.04 0.19 / 14%);
  --link-color: oklch(0.93 0.11 89.51 / 0.7);
  --link-unresolved-color: oklch(0.81 0.17 176.5 / 0.76);
  --link-color-hover: oklch(0.9 0.28 132.82);
  --link-unresolved-decoration-color: #2d72264d;
  --popover-width: 400px;
  --popover-height: 400px;
  --font-text-size: 1.001em;
  --p-spacing: 24px;
  --p-spacing: 1.6em;
  --line-height-normal: 1.7312em;
  --list-indent: 1.39em;
  --text-gradient: linear-gradient(to right, oklch(0.88 0.23 172.65), oklch(0.91 0.12 82.83), oklch(0.8 0.19 346.05));
  
  
  /* Checkboxes */
  --checkbox-size: 1.33em;
  --checkbox-marker-color: oklch(0.57 0.12 19.82);
  --checkbox-color: oklch(0.92 0.17 97.24);
  --checkbox-color-hover: oklch(0.99 0.06 107.39);
  --checkbox-border-color: oklch(0.88 0.21 93.07 / 0.63);
  --checkbox-border-color-hover: oklch(0.96 0.18 117.27);
  --checklist-done-decoration: line-through;
  --checklist-done-color: oklch(0.95 0.13 124.95);
  
  /* Tags */
  --tag-size: 0.85em;
  --tag-color: oklch(0 0 0);
  --tag-color-hover: oklch(0.88 0.21 93.07 / 0.63);
  --tag-decoration: none;
  --tag-decoration-hover: none;
  --tag-background: oklch(0.76 0.17 180.63);
  --tag-background-hover: oklch(0.88 0.21 93.07 / 0.63);
  --tag-border-color: oklch(0.88 0.21 93.07 / 0.63);
  --tag-border-color-hover: oklch(0.88 0.21 93.07 / 0.63);
  --tag-border-width: 0px;
  --tag-padding-x: 0.85em;
  --tag-padding-y: 0.25em;
  --tag-radius: 2em;
  --tag-weight: inherit;
  
  /* List */
  --list-marker-color: oklch(0.82 0.14 48.89);
  --list-marker-color-hover: var(--text-muted);
  --list-marker-color-collapsed: var(--text-accent);
  
  --nav-collapse-icon-color: red;
  --nav-collapse-icon-color-hover: pink;
  --code-background: oklch(0.79 0.15 209.09 / 0.14);
  
    --link-external-color: oklch(0.93 0.11 89.51 / 0.7);
    --link-external-color-hover: oklch(0.9 0.28 132.82);
  --link-unresolved-color: oklch(0.81 0.17 176.5 / 0.76);
  }
  
  .published-container {
  --sidebar-right-width: 490px;
  --graph-height: 300px;
  --header-height: 60px;
  --text-accent: #ffe593;
  --outline-heading-color-active: var(--text-accent);
  --background-modifier-border-focus: cyan;
  --background-modifier-border-hover: cyan;
  }
  
  /* #endregion */
  
  
  /* #region: Globals */
  
  body {
  font-feature-settings: "ss09" on;
  }
  
  .markdown-preview-sizer.markdown-preview-section div:not(.form):has(> iframe) {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
  overflow: hidden;
  }
  
  .markdown-preview-sizer.markdown-preview-section div:not(.form)>iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  }
  
  a.tag {
  font-family: 'PragmataPro Liga';
  font-stretch: 85%;
  font-weight: 1000;
  background: linear-gradient(to bottom, oklch(0.62 0.27 27.73 / 0.19), oklch(0.65 0.31 315.78 / 0.08), oklch(0.62 0.27 0.53 / 0.2));
  color: oklch(0.89 0.11 70.68);
  display: inline-block;
  line-height: 0.5;
  vertical-align: middle;
  font-weight: 100;
  padding-top: 0.45em;
  padding-bottom: 0.5em;
  text-transform: capitalize;
  font-size: 1em;
  }
  
  a.tag:hover {
  background: linear-gradient(to right, oklch(0.89 0.15 87.82), oklch(0.92 0.15 93.83), oklch(0.82 0.15 57.3));
  color: oklch(0.21 0.07 247.7);
  transform: scale(1.02);
  }
  
  .markdown-rendered code {
  background: #ffd7001f;
  color: #e9d481;
  padding: 6px 8px;
  mix-blend-mode: color-dodge;
  background-blend-mode: color-dodge;
  font-weight: 300;
  line-height: 34px;
  font-feature-settings: "ss09" off;
  }
  
  table {
  width: 100%;
  }
  
  .publish-renderer .markdown-rendered .markdown-preview-sizer.markdown-preview-section {
  background: oklch(0.19 0.04 71.22 / 0.44);
  border-radius: 0 0 16px 16px;
  min-height: 20vh;
  overflow: visible;
  padding-top: 16px;
  margin-bottom: 20px;
  padding-bottom: 30px !important;
  backdrop-filter: blur(10px);
  border: 1px solid oklch(0.73 0.17 94.68 / 0.38);
  border-top-color: oklch(0.88 0.21 92.44 / 0.44);
  }
  
  .publish-renderer .markdown-embed .markdown-rendered .markdown-preview-sizer.markdown-preview-section {
  border: 0;
  padding: 0 !important;
  margin: 0;
  min-height: fit-content;
  backdrop-filter: none;
  background: none;
  }
  
  .publish-renderer .markdown-embed .markdown-rendered .markdown-preview-sizer.markdown-preview-section .markdown-preview-pusher {
  display: none;
  }
  
  .published-container.print.is-readable-line-width.has-navigation.has-graph {
  background-size: cover;
  background-blend-mode: darken;
  background-color: #371e36d9;
  }
  
  .published-container strong {
  font-style: normal;
  font-weight: 800;
  color: #ffffc8;
  }
  
  .site-body-left-column-inner {
  padding-top: 65px;
  }
  
  
  .site-body-left-column {
  border: 0;
  background: 0 0;
  padding: 0;
  }
  
  .site-body-left-column:hover {
  opacity: 1;
  }
  
  div.site-body-right-column .site-body-right-column-inner {
  width: 100%;
  display: block;
  padding-right: 12px;
  }
  
  .markdown-preview-view.markdown-rendered.node-insert-event {
  padding: 0;
  scrollbar-gutter: auto;
  }
  
  .published-container.is-readable-line-width .site-body-left-column {
  padding-left: 20px;
  }
  
  .outline-view-outer * {
  font-family: "Nure";
  }
  
  .outline-view-outer.node-insert-event {
  height: auto;
  border-top: 1px solid oklch(0.88 0.21 92.37 / 0.34);
  }
  
  .internal-embed .markdown-embed {
  padding: 0;
  margin: 0;
  border: 0;
  }
  
  .markdown-embed .frontmatter {
  display: none !important;
  }
  
  /* #endregion */
  
  
  /* #region: Logo */
  
  .site-body-left-column-site-name {
  text-transform: uppercase;
  font-weight: 700;
  }
  
  .site-body-left-column-site-name::before {
  content: "(";
  }
  
  .site-body-left-column-site-name::after {
  content: ")";
  }
  
  .site-body-left-column-site-name {
  font-size: 26px;
  background: linear-gradient(#ebff4f, #ff974d);
  background-clip: text;
  -webkit-text-fill-color: transparent;
  }
  
  .site-body-left-column-site-name {
  display: none;
  }
  
  .eye span {
  display: inline-block;
  position: relative;
  transform: rotate(-90deg);
  color: oklch(0.95 0.24 107.11);
  z-index: 2;
  font-size: 79px;
  font-family: Nure;
  font-weight: 700;
  font-stretch: 125%;
  min-width: 59px;
  vertical-align: super;
  line-height: 59px;
  text-align: center;
  }
  
  .eye .edge {
    font-size: 79px;
    height: 59px;
    line-height: 59px;
    margin-left: -18px;
  
  }
  
  .eye .edge:first-child {
    transform: rotate(-90deg);
    color: oklch(0.88 0.2 107.43);
    font-weight: 500;
    font-stretch: 125%;
    margin-right: -21px;
    margin-left: 0;
  }
  
  .eye .edge:last-child {
    z-index: 1;
    color: oklch(0.72 0.17 107.41);
    font-weight: 500;
    font-stretch: 125%;
    transform: rotate(90deg);
    transform-origin: center;
  }
  
  .site-body-left-column-site-logo {
  padding-right: 18px;
  margin-bottom: 24px;
  height: 60px;
  }
  
  /* #endregion */
  
  /* #region: Page Headers */
  
  .mod-header {
  position: relative;
  }
  
  .published-container.has-navigation .site-header {
  border: 0;
  height: 60px;
  justify-content: space-between;
  }
  
  .mod-header .page-header {
  margin-left: 0;
  padding-left: 41px;
  margin-top: 18px;
  }
  
  .mod-header .page-header span.icon {
  left: 3px;
  }
  
  .page-header {
  /* font-size: 26px; */
  display: block;
  margin-left: 10px;
  }
  
  .page-header span.icon {
  margin-left: 0;
  margin-right: 6px;
  }
  
  .site-header .page-header {
  margin: 0;
  display: flex;
  flex-grow: 1;
  }
  
  .site-header .site-header-text {
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 80px;
  flex-basis: max-content;
  flex-grow: 0;
  font-family: var(--font-text);
  /* font-size: 13px; */
  border-bottom: 1px solid #4a4531;
  color: #c4ca86;
  margin-right: 0;
  font-stretch: 108%;
  letter-spacing: 1px;
  line-height: normal;
  font-style: normal;
  font-weight: 500;
  background: linear-gradient(45deg, #902c6030, #24676738);
  }
  
  .site-header .site-header-text:hover {
  text-decoration: none;
  color: #fff;
  }
  
  
  .markdown-header {
  border: 1px solid #423f2f;
  overflow: hidden;
  position: relative;
  border-bottom: 0;
  height: 109px;
  border-radius: 12px 12px 0 0;
  margin-top: 20px;
  z-index: 0;
  max-width: var(--page-width);
  margin-right: var(--sidebar-right-width);
  }
  
  .markdown-header.expanded {
  height: 200px;
  }
  
  .markdown-header h1 {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 100;
  margin: 0 !important;
  padding-left: 40px;
  width: 100%;
  }
  
  .markdown-header .tags {
  position: absolute;
  top: 10px;
  left: 0;
  z-index: 100;
  text-align: right;
  margin: 0 !important;
  padding: 0;
  width: 100%;
  }
  
  .markdown-header .decor {
  margin-right: 6px;
  display: inline-block;
  color: #998989;
  }
  
  .markdown-header .tags a {
  background: #fff;
  padding: 10px 12px;
  margin: 0 16px 0 0;
  color: #000;
  display: inline-block;
  }
  
  .markdown-header .shade {
  position: absolute;
  bottom: 0;
  left: 0 !important;
  z-index: 1;
  min-width: 310px;
  background: linear-gradient(0deg, #171717, transparent);
  width: 100%;
  height: 200px;
  }
  
  .markdown-header img {
  position: absolute;
  bottom: -50%;
  height: 100vh;
  margin-bottom: -15%;
  object-fit: cover;
  }
  
  .markdown-header.empty {
  border-color: transparent;
  min-height: max-content;
  padding-top: 100px;
  overflow: visible;
  height: auto;
  margin-bottom: 8px;
  }
  
  
  .page-controls {
  display: flex;
  list-style: none;
  justify-content: flex-end;
  flex-grow: 1;
  padding-left: 0;
  margin: 0;
  
  }
  
  .page-controls li {
  margin-left: 0;
  }
  
  .page-controls li a {
  background: #0c0c02c2;
  display: flex;
  flex-basis: max-content;
  flex-grow: 0;
  padding: 9px 13px;
  text-decoration: none;
  /* font-size: 12px; */
  color: #b1a271;
  text-align: center;
  margin-left: 0;
  }
  
  .page-controls li a:hover {
  color: #fff;
  }
  
  .markdown-custom-header {
  margin-right: var(--sidebar-right-width);
  padding-right: 20px;
  }
  
  .published-section-header {
  padding-top: 16px;
  }
  
  .markdown-custom-header {
  margin-right: var(--sidebar-right-width);
  padding-right: 20px;
  }
  
  /* #endregion */
  
  /* #region: Graph & Search */
  
  .graph-view-container {
  opacity: 1;
  background-blend-mode: initial;
  background: #1e1e1e00;
  backdrop-filter: blur(4px);
  border: 0;
  margin-top: 0;
  }
  
  .popover {
  height: var(--popover-height);
  max-height: var(--popover-max-height);
  /* font-size: 10px; */
  }
  
  .popover>.markdown-embed>.markdown-embed-content>.markdown-preview-view {
  padding: 20px;
  }
  
  .popover.hover-popover p:first-child {
  margin-top: 0;
  }
  
  .graph-view.color-fill {
  color: #ffff0057;
    color: #af921bb3;
  }
  
  .graph-view.color-arrow,
  .graph-view.color-circle,
  .graph-view.color-line {
  color: #00f1ff4d;
    color: #00f1ff26;
  }
  
  .theme-dark .graph-view.color-fill-attachment,
  .theme-dark .graph-view.color-fill-tag,
  .theme-light .graph-view.color-fill-attachment,
  .theme-light .graph-view.color-fill-tag {
  color: purple;
  }
  
  .graph-view.color-fill-unresolved {
  color: #3f1a0b !important;
  }
  
  .graph-view.color-text {
  color: #ffffffd1;
    color: #ffffffc2;
  opacity: 1;
  }
  
  .graph-view.color-fill-highlight,
  .graph-view.color-line-highlight,
  .graph-view.color-text-highlight {
  color: #ff0;
  }
  
  .graph-view.color-fill-unresolved {
  opacity: 0.5;
  }
  
  .graph-view-outer .list-item.published-section-header {
  display: none;
  }
  
  .graph-view-outer {
  margin-top: 20px !important;
  }
  
  .outline-view-outer.node-insert-event {
  overflow-y: scroll;
  height: auto;
  margin-bottom: 0 !important;
  padding: 0;
  }
  
  .graph-view-container.mod-expanded {
  border: 2px solid #00fff6de;
  box-shadow: 0 0 20px 0 #eb61cfa6, 0 0 0 1px #00e1cf6b;
  width: 90vw;
  height: 85vh;
  margin-top: 20px;
  }
  
  input.search-bar {
  background: oklch(0.18 0.04 61.13 / 0.44);
  border: 1px solid oklch(0.88 0.2 194.74 / 0.69);
  box-shadow: 0 0 13px oklch(0.89 0.21 187.75 / 0.24);
  color: #fffcad;
  background: oklch(0.88 0.16 201.49 / 0.13);
  color: oklch(0.99 0.03 140.53);
  }
  
  .search-results {
  background: oklch(0.46 0.1 206.21 / 0.47);
  backdrop-filter: blur(10px);
  border: 2px solid #00fff6de;
  box-shadow: 0 0 20px 0 oklch(0.86 0.16 204.85 / 0.6), 0 0 0 1px oklab(0.88 -0.22 0 / 0.42);
  }
  
  
  .search-view-container .search-bar::placeholder {
  display: block !important;
  color: oklch(0.95 0.1 140.66) !important;
  }
  
  input.metadata-input-text:active,
  input.metadata-input-text:focus,
  input[type="date"]:active,
  input[type="date"]:focus,
  input[type="datetime-local"]:active,
  input[type="datetime-local"]:focus,
  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,
  textarea:active,
  textarea:focus {
  box-shadow: 0 0 20px #00ffff6e, 0 0 5px #c9ff00e0;
  }
  
  
  
  
  /* #endregion */
  
  /* #region: Icons */
  
  span.icon {
  color: oklch(0.93 0.22 103.63);
  font-family: var(--font-monospace);
  }
  
  
  .markdown-preview-sizer .iconified {
  padding-left: 24px;
  position: relative;
  }
  
  .markdown-embed-title {
    font-variant: var(--h4-variant);
    letter-spacing: 0.015em;
    line-height: var(--h4-line-height);
    font-size: var(--h4-size);
    color: var(--h4-color);
    font-weight: var(--h4-weight);
    font-style: var(--h4-style);
    font-family: var(--h4-font);  
    font-family: "Nure";
    font-size: 19px;
  }
  
  
  .iconified.markdown-embed-title {
    padding-left: 36px;
  }
  
  .markdown-preview-sizer span.icon {
  position: absolute;
  left: 4px;
  }
  
  .page-title span.icon {
  animation: spin 5s ease;
  animation-iteration-count: infinite;
  display: inline-block;
  margin-right: 10px;
  }
  
  
  @keyframes spin {
  from {
    transform: rotateY(0);
  }
  
  to {
    transform: rotateY(1turn);
  }
  }
  
  
  .page-title {
  background: var(--text-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  display: inline-block;
  /* Fixes background-clip bug in some browsers */
  font-family: "Nure";
  font-stretch: 0%;
  font-weight: 600;
  word-spacing: 0.2em;
  font-size: 40px;
  }
  
  .page-title .up {
  color: #3cffe5;
  border-radius: 9px;
  padding: 2px 6px 2px 16px;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  margin-right: 6px;
  margin-left: -37px;
  font-size: 24px;
  padding-bottom: 14px;
  font-family: "PragmataPro Liga"
  }
  
  /* #endregion */
  
  /* #region: Footer */
  
  .backlinks {
  border: 0;
  margin-top: 0;
  position: absolute;
  bottom: -420px;
  padding-bottom: 20px;
  }
  
  .site-footer {
  display: none;
  }
  
  /* #endregion */
  
  /* #region: External Forms */
  
  .substack,
  .tally {
  background: #422747;
  border-radius: 4px;
  padding-top: 8px;
  margin-top: 14px;
  }
  
  .substack .form,
  .tally .form {
  padding: 0 8px;
  }
  
  .substack .label,
  .tally .label {
  color: #cdc4a7;
  border-radius: 7px 7px 0 0;
  padding: 5px 15px;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 90;
  }
  
  .tally {
  background-color: #3b37298a;
  border-radius: 8px;
  box-shadow: 0 2px 15px rgb(0 0 0 / 10%);
  }
  
  .tally iframe {}
  
  .substack iframe {
  width: 100%;
  border-radius: 3px;
  padding-top: 0;
  opacity: 0.9;
  mix-blend-mode: color-dodge;
  height: 178px;
  }
  
  .rating-container {
  background-color: #3b37298a;
  padding: 20px 30px 30px;
  border-radius: 8px;
  box-shadow: 0 2px 15px rgb(0 0 0 / 10%);
  text-align: center;
  margin-top: 40px;
  position: relative;
  }
  
  .rating-container a {
  text-decoration: none;
  color: inherit;
  font-size: 20px;
  cursor: pointer;
  margin: 0;
  padding: 10px 24px 10px 20px;
  border-radius: 5px;
  transition: background-color 0.3s;
  word-spacing: 5px;
  }
  
  .rating-container a:hover {
  background-color: #64e5644a;
  }
  
  .rating-container a:last-child:hover {
  background-color: #ff000030;
  }
  
  .rating-container p {
  margin-bottom: 15px;
  font-size: 16px;
  margin-top: 5px;
  }
  
  /* #endregion */
  
  /* #region: 404 */
  .has-not-found .publish-renderer {
  display: none;
  }
  
  /* #endregion */
  
  /* #region: Responsive */
  
  @media screen and (width <=350px) {
  .markdown-header.empty {
    height: 130px !important;
  }
  }
  
  @media screen and (width <=750px) {
  .markdown-header h1 {
    padding-left: 21px !important;
  }
  
  .site-header .site-header-text {
    display: flex;
    margin-right: 8px;
  }
  
  .page-header {
    padding-left: 26px;
  }
  
  .render-container {
    padding-left: 16px;
    padding-top: 0;
    padding-right: 0;
  }
  
  .render-container-inner {
    height: 100%;
  }
  
  .site-body-left-column {
    background: #0f0f0fdb !important;
    backdrop-filter: blur(9px);
  }
  
  .graph-view-container.mod-expanded {
    border: 2px solid #00fff6de;
    box-shadow: 0 0 20px 0 #eb61cfa6, 0 0 0 1px #00e1cf6b;
    width: 90vw;
    height: 87vh;
    margin-top: 50px;
  }
  
  .markdown-header .page-title .up {
    padding: 2px 6px;
    margin-right: 12px;
    margin-left: -3px;
  }
  }
  
  @media screen and (width <=1300px) {
  .site-body-right-column {
    display: none !important;
  }
  
  .markdown-preview-sizer.markdown-preview-section {
    margin-right: 0 !important;
  }
  
  .graph-view-container {
    height: auto;
  }
  
  .markdown-header {
    margin-right: 0 !important;
  }
  }
  
  @media screen and (width <=1500px) {
  .published-container {
    --sidebar-right-width: 420px;
    --graph-height: 460px;
  }
  }
  
  @media screen and (width <=750px) {
  .up {
    font-size: 0.7em !important;
    padding-bottom: 7px !important;
  }
  .page-title {
    font-size: 1em !important;
    margin-bottom: 8px;
  }
  .site-body-left-column {
    opacity: 1;
  }
  }
  
  /* #endregion */
  
  hr.build {
  display: none;
  }
  
  .callout {
  font-family: Nure;
  }
  
  .callout-icon {
  margin-right: 8px;
  }
  
  .callout-title-inner {
  }
  
  .markdown-rendered .callout p,
  .markdown-rendered .callout ul {
  margin-block-start: calc(var(--p-spacing)/2);
  margin-block-end: calc(var(--p-spacing)/2);
  }
  
  .suggestion-item,
  .suggestion-empty {
  font-size: 30px;
  margin-bottom: 1px;
  border-bottom: 1px solid oklch(0.89 0.21 186.61);
  margin-left: 1px;
  border-radius: 0;
  color: #fff;
  }
  
  .suggestion-content {
  font-size: 20px;
  line-height: 35px;
  font-family: Nure;
  cursor: pointer;
  }
  
  .suggestion-content .icon {
  margin-right: 9px;
  width: 17px !important;
  display: inline-block;
  }
  
  h1,
  h2,
  h3,
  h4,
  h5,
  h6, .markdown-embed-title {
  font-variant-numeric: lining-nums tabular-nums stacked-fractions;
  font-feature-settings: 'ss08' on, 'ss12' on;
  font-family: Nure !important;
  font-stretch: 123%;
  font-weight: 400 !important;
  
  background: var(--text-gradient) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  display: inline-block;
  /* Fixes background-clip bug in some browsers */
  word-spacing: 0.2em;
  border: 0 !important;
  
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
  padding-bottom: 0 !important;
  }
  
  div:has(> .publish-article-heading) {
  margin-top: 24px !important;
  }
  
  div.is-flashing {
  background: oklch(0.88 0.21 93.31 / 0.12) !important;
  padding-left: 16px;
  margin-left: -16px;
  }
  
  span>img {
  margin-bottom: var(--p-spacing);
  }
  
  
  hr {background: linear-gradient(to right, oklch(0.85 0.18 79), oklch(0.55 0.13 77.78), oklch(0.67 0.12 56.59 / 0.6));border: 0;height: 1px !important;margin: 3em auto;border: 1px !important;}
  
  .notice-container {
  padding-top: 50px;
  }
  
  .page-controls {
  font-size: 14px;
  }
  
  .outline-view-outer .tree-item-self {
  color: oklch(0.78 0.06 71.9);
  }
  
  .suggestion-highlight {
  color: oklch(0.25 0.05 201.89);
  background: oklch(0.88 0.19 89.25 / 0.72);
  border-radius: 4px;
  padding: 0.05em;
  margin: 0.050000000000000044em
  }
  
  .nav-view-outer .tree-item-children .tree-item-children .tree-item-children {
  border-color:  oklch(0.88 0.21 92.44 / 0.2);
  }
  
  .nav-view-outer .tree-item-self:not(.mod-collapsible) {
  border-color: oklch(0.88 0.21 92.44 / 0.58);
  color: oklch(0.93 0.11 89.51 / 0.7);
  }
  
  .nav-view-outer .tree-item-self:hover:not(.mod-collapsible):not(.mod-active) {
  border-color: oklch(0.98 0.08 106.48);
  }
  
  .collapse-icon {
  color: oklch(0.89 0.21 189.98 / 0.58);
  }
  
  @media (hover: hover) {
  .tree-item-self.is-clickable:hover {
    color: oklch(0.98 0.04 96.73) !important;
  }
  .tree-item-self.is-clickable:hover > .tree-item-icon {
    color: oklch(0.92 0.14 191.91 / 0.77);
  }
  }
  
  .tree-item-self:hover .collapse-icon {
  color: oklch(0.85 0.17 205.08) !important;
  }
  
  .nav-view-outer .nav-view > .tree-item > .tree-item-children > .tree-item > .tree-item-self:hover {
  opacity: 1 !important;
  color: oklch(0.98 0.04 96.73) !important;
  }
  
  .search-view-container .search-bar::placeholder {
  color: oklch(0.18 0.08 336.91);
  }
  
  .published-search-icon {
  color: oklch(0.95 0.1 140.66);
  }
  .suggestion-item.mod-complex .suggestion-title {
  color: #fff;
  }
  .suggestion-item.mod-complex .suggestion-note {
  color: oklch(0.81 0.16 199.01);
  }
  
  .suggestion-item.mod-complex .suggestion-flair {
  color: oklch(0.86 0.31 151.89 / 0.91);
  }
  
  .outline-view-outer .tree-item-children {
  border-color:  oklch(0.88 0.21 92.44 / 0.2);
  }