.docblock-argstable {
  border-radius: 4px;
  overflow: hidden;
}

body.dark {
  .docs-story {
    background-color: #1B1C1D;
  }
  .sbdocs-wrapper {
    background-color: #1B1C1D;
    color: #eee;
  }
  .sbdocs-preview, .sbdocs-preview > div {
    background-color: #222425;
  }
  .sbdocs-preview > div:first-child {
    background-color: #292C2E;
  }
  .sbdocs-preview .docblock-code-toggle {
    background-color: #1B1C1D;
    color: #eee
  }
  .sbdocs-preview .docs-story > div:last-child {
    background-color: transparent
  }

  .docblock-argstable thead >tr>* {
    background-color: #292C2E;
    color: #eee;
  }
  .docblock-argstable tbody >tr>* {
    background-color: #222425;
    color: #eee;
  }

  .sbdocs-content {
    @apply prose-invert;
  }
}

body .sbdocs-content {
  @apply prose xl:max-w-[1000px];
}