.md-typeset figure.uml-figure,
.md-typeset .uml-figure {
  margin: 1.5rem auto;
  padding: 1rem;
  max-width: 100%;
  border: 1px solid color-mix(in srgb, var(--dc-color-accent, var(--md-primary-fg-color)) 18%, transparent);
  border-radius: var(--dc-radius-md, 0.5rem);
  background: color-mix(in srgb, var(--dc-color-paper, var(--md-default-bg-color)) 94%, var(--dc-color-accent, var(--md-primary-fg-color)));
}

.md-typeset img.uml-diagram {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
  cursor: zoom-in;
}

.md-typeset .diagram-hint,
.md-typeset figcaption.diagram-hint {
  display: block;
  margin: 0.75rem 0 0;
  font-size: 0.8rem;
  text-align: center;
  color: var(--dc-color-muted, var(--md-default-fg-color--light));
  opacity: 0.9;
}

.glightbox-container .gslide-image img {
  max-width: 95vw;
  max-height: 90vh;
  width: auto;
  height: auto;
  object-fit: contain;
}

[data-md-color-scheme="slate"] .md-typeset .diagram-hint {
  opacity: 1;
}