:where(lexxy-toolbar) {
  position: sticky;
  top: 1rem;
  z-index: 10;
  overflow: hidden;
  background-color: var(--color-base-200);
  border: 0;
  border-radius: 9999px;
  justify-content: center;

  button {
    background-color: inherit;
    border-radius: 9999px;
  }
}

:where(lexxy-editor) {
  border: 0;
  gap: 0.5rem;
  display: flex;
  flex-direction: column;

  --lexxy-color-canvas: transparent;
}

.lexxy-editor__content {
  border: 1px solid var(--lexxy-color-ink-lighter);
  border-radius: calc(var(--lexxy-radius) + var(--lexxy-toolbar-gap));
}

.attachment__caption {
  display: none;
}

.lexxy-editor__toolbar-button[name="code"],
.lexxy-editor__toolbar-button[name="link"],
.lexxy-editor__toolbar-button[name="quote"],
.lexxy-editor__toolbar-button[name="unordered-list"],
.lexxy-editor__toolbar-button[name="ordered-list"],
.lexxy-editor__toolbar-button[name="undo"],
.lexxy-editor__toolbar-button[name="redo"] {
  display: none !important;
}
