.markmap-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
  }

  .dark .markmap-wrap {
    background: #1a1a1a;
  }

  .markmap-wrap.fullscreen {
    background: #ffffff;
  }

  .markmap-wrap.fullscreen svg {
    height: auto !important;
  }

  .dark .markmap-wrap.fullscreen {
    background: #1a1a1a;
  }
      
  .markmap-wrap>svg {
    display: block;
    width: 100%;
    max-height: 100%;
    height: auto;
    min-height: 150px;
    margin: 0;
    padding: 0;
  }
  
  .mm-toolbar {
    position: absolute;
    right: .5em;
    bottom: .5em;
  }
  
  .dark .markmap {
    --markmap-code-bg: #1a1b26;
    --markmap-code-color: #ddd;
    --markmap-circle-open-bg: #444;
    --markmap-text-color: #eee;
  }
  
  .dark .mm-toolbar {
    --un-border-opacity: 1;
    border-color: rgb(82 82 91 / var(--un-border-opacity));
    --un-bg-opacity: 1;
    background-color: rgb(39 39 42 / var(--un-bg-opacity));
    --un-text-opacity: 1;
    color: rgb(161 161 170 / var(--un-text-opacity));
  }