

.editor-wrapper div {
    min-height: 0;
    flex: 1;
    outline: none;
}

.tiptap p.is-editor-empty:first-child::before {
    color: var(--color-base-content);
    opacity: 0.5;
    content: attr(data-placeholder);
    float: left;
    height: 0;
    pointer-events: none;
}

/* Bubble menu */
.bubble-menu {
    background-color: var(--color-base-100);
    border: 1px solid var(--color-base-200);
    border-radius: 0.7rem;
    box-shadow: var(--shadow);
    display: flex;
    padding: 0.2rem;
  
    button {
      background-color: unset;
  
      &:hover {
        background-color: var(--color-base-300);
      }
  
      &.is-active {
        background-color: var(--color-base-200);
  
        &:hover {
          background-color: var(--color-base-300);
        }
      }
    }
  }
  