[data-md-color-scheme="hopsworks"] {
  --md-primary-fg-color: #1eb382;
  --md-secondary-fg-color: #188a64;
  --md-tertiary-fg-color: #0d493550;
  --md-quaternary-fg-color: #fdfdfd;
  --border-radius-variable: 5px;
}

.md-footer__inner:not([hidden]) {
  display: none;
}
/* Lex did stuff here */
.svg_topnav {
  width: 12px;
  filter: invert(100);
}
.svg_topnav:hover {
  width: 12px;
  filter: invert(10);
}

.md-header[data-md-state="shadow"] {
  box-shadow: 0 0 0 0;
}

.md-tabs__item {
  min-width: 2.5rem;
}

.md-tabs__item:hover {
  background-color: var(--md-tertiary-fg-color);
  transition: background-color 450ms;
}

.md-sidebar__scrollwrap {
  background-color: var(--md-quaternary-fg-color);
  padding: 15px 5px 5px 5px;
  border-radius: var(--border-radius-variable);
}

.image_logo_02 {
  width: 450px;
}

/* End of Lex did stuff here */

/* no-icon style for admonitions */
.md-typeset .no-icon > .admonition-title::before,
.md-typeset .no-icon > summary::before {
  display: none;
}
.md-typeset .no-icon > :is(.admonition-title, summary) {
  padding-left: 1rem;
}
/* end of no-icon style */

.md-header__button.md-logo {
  margin: 0.1rem;
  padding: 0.1rem;
}

.md-header__button.md-logo img,
.md-header__button.md-logo svg {
  display: block;
  width: 1.8rem;
  height: 1.8rem;
  fill: rgba(43, 155, 70, 0.1);
}

.md-tabs {
  width: 100%;
  overflow: auto;
  color: var(--md-primary-bg-color);
  background-color: var(--md-secondary-fg-color);
  transition: background-color 250ms;
}

.wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  grid-auto-rows: minmax(100px, auto);
}

.wrapper * {
  border: 2px solid green;
  text-align: center;
  padding: 70px 0;
}

.one {
  grid-column: 1 / 2;
  grid-row: 1;
}
.two {
  grid-column: 2 / 3;
  grid-row: 1;
}
.three {
  grid-column: 3 / 4;
  grid-row: 1;
}
.four {
  grid-column: 4 / 5;
  grid-row: 1;
}
.five {
  grid-column: 1 / 3;
  grid-row: 2;
}
.six {
  grid-column: 3 / 5;
  grid-row: 2;
}

/* Jupyter Stuff */
.jupyter-wrapper .jp-CodeCell .jp-Cell-inputWrapper .jp-InputPrompt {
  display: none !important;
}

@media screen and (max-width: 479px) {
  .md-sidebar--primary,
  .md-sidebar {
    z-index: 50 !important;
  }
  .md-logo {
    visibility: hidden;
  }
}

/*******************************************************/
/* Dark Theme */
[data-md-color-scheme="slate"] {
  --md-hue: 160;
  --md-primary-fg-color: #1eb382;
  --md-secondary-fg-color: #188a64;
  --md-tertiary-fg-color: #0d493550;
  --md-quaternary-fg-color: hsla(var(--md-hue), 0%, 14.5%, 1);
  --border-radius-variable: 5px;

  --md-default-fg-color:             hsla(var(--md-hue), 0%, 90%, 0.82);
  --md-default-fg-color--light:      hsla(var(--md-hue), 0%, 90%, 0.56);
  --md-default-fg-color--lighter:    hsla(var(--md-hue), 0%, 90%, 0.32);
  --md-default-fg-color--lightest:   hsla(var(--md-hue), 0%, 90%, 0.12);
  --md-default-bg-color:             hsla(var(--md-hue), 0%, 14%, 1);
  --md-default-bg-color--light:      hsla(var(--md-hue), 0%, 14%, 0.54);
  --md-default-bg-color--lighter:    hsla(var(--md-hue), 0%, 14%, 0.26);
  --md-default-bg-color--lightest:   hsla(var(--md-hue), 0%, 14%, 0.07);

  --md-code-fg-color:                hsla(var(--md-hue), 0%, 86%, 0.82);
  --md-code-bg-color:                hsla(var(--md-hue), 0%, 18%, 1);
  --md-code-bg-color--light:         hsla(var(--md-hue), 0%, 18%, 0.9);
  --md-code-bg-color--lighter:       hsla(var(--md-hue), 0%, 18%, 0.54);

  --md-footer-bg-color:              hsla(var(--md-hue), 0%, 10%, 0.87);
  --md-footer-bg-color--dark:        hsla(var(--md-hue), 0%, 8%, 1);
}

[data-md-color-scheme="slate"] p img,
[data-md-color-scheme="slate"] figure img {
  background-color: white;
  padding: .4rem;
  border-radius: var(--border-radius-variable);
}
[data-md-color-scheme="slate"] .marctech_main > div {
  display: none;
}
[data-md-color-scheme="slate"] .marctech_main::after {
  content: "Switch to the light theme to view the diagram.";
}

/*******************************************************/
/* Fix z-index. */
.md-overlay {
  z-index: 800 !important;
}
.md-sidebar {
  z-index: 900 !important;
}
header.md-header {
  z-index: 1000 !important;
}
.md-search__overlay {
  z-index: 1100 !important;
}
.md-search__inner {
  z-index: 1200 !important;
}

/*******************************************************/
/* Hide repo stats. */
.md-source__fact--stars, .md-source__fact--forks {
  display: none;
}

/*******************************************************/
/* Hide empty backlinks. */
.info-backlinks:has(.doc-backlink-list:empty) {
  display: none;
}

/*******************************************************/
/* Hide symbol type labels from backlinks. */
.doc-backlink-crumb .doc-symbol {
  display: none;
}

/*******************************************************/
/* Handle source links the nice way. */
.source-link::after {
  content: "[source]";
}

/*******************************************************/
/* Handle overflow in sidebars. */
.md-ellipsis {
  overflow-wrap: break-word;
}

/*******************************************************/
/* Custom styles for syntax highlighting in signatures. */

/* Fancier color for operators such as * and |. */
.doc-signature .o {
  color: var(--md-code-hl-special-color);
}

/* Fancier color for constants such as None, True, and False. */
.doc-signature .kc {
  color: var(--md-code-hl-constant-color);
}

/*******************************************************/
/* Customization of mkdocs material theme */

/* Mark external links as such. */
a.external::after,
a.autorefs-external::after {
  content: "↗";
}

/* The Helm values styles below use four tokens of the current docs design
   system, which this branch's stylesheet predates. They are defined on the
   two containers those styles apply to, with the light and dark values the
   design system gives them. */
.md-typeset .hops-values,
.md-typeset .hops-values-filterbar {
  --hops-accent: #21b182;
  --hops-surface: #f5f5f5;
  --hops-border: #e2e2e2;
  --hops-border-strong: #cbcbcb;
}
[data-md-color-scheme="slate"] .md-typeset .hops-values,
[data-md-color-scheme="slate"] .md-typeset .hops-values-filterbar {
  --hops-accent: #1eb182;
  --hops-surface: hsla(160, 0%, 18%, 1);
  --hops-border: hsla(160, 0%, 100%, 0.09);
  --hops-border-strong: hsla(160, 0%, 100%, 0.18);
}

/* ---- Helm values reference: one entry per chart value ----------
   The generated pages under setup_installation/common/helm_chart_values/
   wrap their definition lists in .hops-values. Keys run to 90 characters,
   so they cannot sit in a table column;
   each key is a hairline-separated row with its type, default and
   description under it at table type size. */
.md-typeset .hops-values dl {
  margin: 0;
}
.md-typeset .hops-values dt {
  margin: 0;
  padding-top: 0.5rem;
  border-top: 1px solid var(--hops-border);
  font-size: 0.72rem;
}
.md-typeset .hops-values dd {
  margin: 0.15rem 0 0.5rem 0;
  font-size: 0.68rem;
  line-height: 1.45;
}
.md-typeset .hops-values dd p {
  margin: 0;
}
/* Deprecated values stay listed (an old override still has to validate) but
   recede: a muted label after the key and a muted description. The muting is
   the theme's light foreground, not opacity, which took the text below 4.5:1. */
.md-typeset .hops-values-deprecated {
  margin-left: 0.4em;
  padding: 0.05em 0.4em;
  border: 1px solid var(--hops-border-strong);
  border-radius: 0.25rem;
  color: var(--md-default-fg-color--light);
  font-size: 0.58rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  vertical-align: middle;
}
.md-typeset .hops-values dt:has(.hops-values-deprecated) + dd {
  color: var(--md-default-fg-color--light);
}
/* Filter box (js/values-filter.js), pinned under the header while the long
   pages scroll. */
.md-typeset .hops-values-filterbar {
  position: sticky;
  top: 2.4rem;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 0.6rem;
  margin: 1rem 0 0.5rem;
  padding: 0.4rem 0;
  background: var(--md-default-bg-color);
}
.md-typeset .hops-values-filter {
  flex: 1;
  min-width: 0;
  padding: 0.35rem 0.7rem;
  border: 1px solid var(--hops-border-strong);
  border-radius: 1rem;
  background: var(--hops-surface);
  color: var(--md-default-fg-color);
  font: inherit;
  font-size: 0.72rem;
}
.md-typeset .hops-values-filter:focus {
  outline: 2px solid var(--hops-accent);
  outline-offset: 1px;
}
.md-typeset .hops-values-count {
  color: var(--md-default-fg-color--light);
  font-size: 0.64rem;
  white-space: nowrap;
}
/* A linked key or section lands below the header and the pinned filter bar,
   not under it. */
.md-content:has(.hops-values-filterbar) :is(h2, h3, dt)[id] {
  scroll-margin-top: 5.6rem;
}
/* From Material's tabs breakpoint up, this branch's sticky navigation tabs
   add another 2.4rem under the header. */
@media screen and (min-width: 76.25em) {
  .md-typeset .hops-values-filterbar {
    top: 4.8rem;
  }
  .md-content:has(.hops-values-filterbar) :is(h2, h3, dt)[id] {
    scroll-margin-top: 8rem;
  }
}
/* The filter hides a section's "Defaults as YAML" block with the hidden
   attribute, which Material's `details { display: flow-root }` outranks. */
.md-typeset details[hidden] {
  display: none;
}