.mkdocs-revealjs-wrapper {
  width: 100%;
  position: relative;
  margin: 1.5rem 0;
}
.mkdocs-revealjs-wrapper .reveal {
  width: 100% !important;
  height: 600px;
  border: 1px solid var(--md-default-fg-color--lightest, #e0e0e0);
  border-radius: 4px;
  overflow: hidden;
  box-sizing: border-box;
}

.mkdocs-revealjs-toolbar {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
  padding: 0.3rem 0.6rem;
  background: var(--md-default-bg-color, #fff);
  border: 1px solid var(--md-default-fg-color--lightest, #e0e0e0);
  border-bottom: none;
  border-radius: 4px 4px 0 0;
}
.mkdocs-revealjs-toolbar button {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0.2rem 0.5rem;
  color: var(--md-default-fg-color, #333);
  border-radius: 3px;
  font-size: 0.8rem;
  line-height: 1;
  transition: background 0.15s ease;
}
.mkdocs-revealjs-toolbar button:hover {
  background: var(--md-accent-fg-color--transparent, rgba(0, 0, 0, 0.07));
}
.mkdocs-revealjs-toolbar button svg {
  width: 1em;
  height: 1em;
  vertical-align: middle;
  fill: currentColor;
}
.mkdocs-revealjs-wrapper:fullscreen .mkdocs-revealjs-toolbar button:hover,
.mkdocs-revealjs-wrapper:-webkit-full-screen .mkdocs-revealjs-toolbar button:hover,
.mkdocs-revealjs-wrapper:-moz-full-screen .mkdocs-revealjs-toolbar button:hover {
  background: rgba(255, 255, 255, 0.15);
}

[data-md-color-scheme=slate] .mkdocs-revealjs-toolbar {
  background: var(--md-default-bg-color, #1e1e2e);
}