/* Layout */

.md-grid {
  max-width: 100%;
  margin-left: 10px;
  margin-right: 10px;
}

.md-main__inner {
  margin-top: 12px;
}

/* Mermaid diagrams */

.mermaid,
pre.mermaid {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center; /* Centers the content inside the Mermaid diagram if needed */
  max-width: 100%; /* Ensures the diagram doesn't overflow */
}

/* Icons */

.icon-nav-level-1 {
  height: 24px;
  min-width: 24px;
  margin-right: 6px;
  filter: brightness(0) invert(1) !important;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.md-ellipsis > .icon-nav-level-1 {
  margin-top: 6px;
  filter: brightness(0) saturate(100%) invert(22%) sepia(17%) saturate(3182%)
    hue-rotate(182deg) brightness(98%) contrast(100%) !important;
}

.md-nav__title > .icon-nav-level-1 {
  filter: brightness(0) saturate(100%) invert(22%) sepia(17%) saturate(3182%)
    hue-rotate(182deg) brightness(98%) contrast(100%) !important;
}

[data-md-color-scheme="slate"] .md-nav__title > .icon-nav-level-1 {
  filter: brightness(0) invert(1) !important;
}

[data-md-color-scheme="slate"] .md-ellipsis > .icon-nav-level-1 {
  filter: brightness(0) invert(1) !important;
}

.md-nav__link > .icon-nav-level-1 {
  filter: brightness(0) saturate(100%) invert(22%) sepia(17%) saturate(3182%)
    hue-rotate(182deg) brightness(98%) contrast(100%) !important;
}

@media (max-width: 1219px) {
  .icon-nav-level-1 {
    top: -5px;
  }
}

@media (min-width: 1220px) and (max-width: 1599px) {
  .icon-nav-level-1 {
    top: -4px;
  }
}

@media (min-width: 1600px) {
  .icon-nav-level-1 {
    top: -3px;
  }
}

.icon-nav-level-2 {
  height: 20px;
  min-width: 20px;
  vertical-align: middle;
  margin-right: 2px;
  margin-bottom: 4px;
  /* filter: brightness(0) !important; */
  filter: brightness(0) saturate(100%) invert(22%) sepia(17%) saturate(3182%)
    hue-rotate(182deg) brightness(98%) contrast(100%) !important;
}

[data-md-color-scheme="slate"] .icon-nav-level-2 {
  filter: brightness(0) invert(1) !important;
}

.icon-nav-level-3 {
  height: 20px;
  min-width: 20px;
  vertical-align: middle;
  margin-right: 2px;
  margin-bottom: 2px;
  /* filter: brightness(0) !important; */
  filter: brightness(0) saturate(100%) invert(22%) sepia(17%) saturate(3182%)
    hue-rotate(182deg) brightness(98%) contrast(100%) !important;
}

[data-md-color-scheme="slate"] .icon-nav-level-3 {
  filter: brightness(0) invert(1) !important;
}

/* Icon examples */

.twitter {
  color: #1da1f2;
}

@keyframes heart {
  0%,
  40%,
  80%,
  100% {
    transform: scale(1);
  }
  20%,
  60% {
    transform: scale(1.15);
  }
}
.heart {
  animation: heart 1000ms infinite;
}


/* Images */

.md-typeset img:not(.twemoji) {
  border-radius: 6px;
  border: 1px solid var(--md-typeset-color);
}

/* Swagger UI */

body[data-md-color-scheme="slate"] .swagger-ui-iframe {
  padding: 12px;
  margin-top: 36px;
  margin-bottom: 36px;
  border-radius: 12px;
  border: 1px solid #444;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.6);
  background-color: #1E2129;
}


/* Buttons */

.md-button > span {
  margin-left: 6px;
  margin-right: 6px;
}