rhino-editor {
  --rhino-toolbar-icon-size: 1.3rem;
  /*
  --rhino-button-active-border-color: var(--color-primary);
  --rhino-focus-ring: 0px 0px 1px 1px var(--rhino-button-active-border-color);
  --rhino-button-focus-background-color: var(--color-primary-hover); */

  --rhino-focus-ring: 0px 0px 1px 1px var(--rhino-button-active-border-color);
  --rhino-border-radius: 4px;

  --rhino-danger-border-color: red;
  --rhino-danger-background-color: #ffdddd;

  /* Editor tokens */
  --rhino-text-color: #374151;
  --rhino-dark-text-color: white;

  --rhino-border-color: var(--color-primary);
  --rhino-placeholder-text-color: #cecece;
  --rhino-dark-placeholder-text-color: gray;

  /* Regular buttons */
  --rhino-button-text-color: #fff;
  --rhino-button-dark-text-color: #fff;
  --rhino-button-border-color: #cecece;

  /** Disabled Buttons */
  --rhino-button-disabled-text-color: #d1d5db;
  --rhino-button-disabled-border-color: #d1d5db;
  --rhino-button-disabled-background-color: #d1d5db;

  /** Active buttons */
  --rhino-button-active-border-color: var(--color-primary);
  --rhino-button-active-background-color: rgb(63, 74, 83);

  --rhino-toolbar-text-color: hsl(219, 6%, 43%);
  /* --rhino-toolbar-icon-size: 1em; */

  --rhino-button-focus-background-color-hsl: 210, 13%, 16%;
  --rhino-dialog-border-color: hsl(var(--rhino-button-focus-background-color-hsl) / 50%);
  /** Focus buttons */
  --rhino-button-focus-background-color: hsl(var(--rhino-button-focus-background-color-hsl));

}

.trix-content:is(:focus, :focus-within) {
  border-color: var(--color-primary);
  border-width: 1px;
}

.rhino-editor::part(toolbar) {
  background-color: var(--color-neutral-800);
}

.rhino-editor::part(toolbar__button) {
  border: 0;
  padding: 0.4em;
  background-color: var(--color-neutral-800);
  /* color: black; */
  /* font-size: inherit;
  display: inline-grid; */
}

/* .rhino-editor::part(toolbar__button--active) {
  background-color: var(--rhino-button-focus-background-color);
} */

.rhino-editor::part(toolbar__button--increase-indentation),
.rhino-editor::part(toolbar__button--decrease-indentation) {
  display: none;
}

rhino-editor .trix-content:focus-within {
  border-color: var(--color-primary);
}

.tiptap {
  background-color: var(--color-neutral-800);
  border-radius: 0px 0px var(--rhino-border-radius) var(--rhino-border-radius);
  margin: 0;
  padding: 0.4em 0.6em;
  min-height: 200px;
  outline: transparent;
  overflow-wrap: break-word;
  word-break: break-word;
}

.trix-content p {
  margin-bottom: 1rem;
}

.trix-content .callout p:only-child,
.trix-content .callout p:last-child {
  margin-bottom: 0;
}