.note-editor {
    flex: 1;
    min-width: 0;
    padding: 2px 4px;
    border-radius: 3px;
    cursor: text;
    min-height: 22px;
    font: inherit;
    line-height: 22px;
    white-space: pre-wrap;
    word-break: break-word;
}

.note-editor:focus-within {
    background: #fff;
    box-shadow: 0 0 0 1px #ddd;
}

.part {
    outline: none;
    border: none;
    background: transparent;
    font: inherit;
    padding: 0;
    color: inherit;
    white-space: pre-wrap;
    display: inline;
}

.part:empty::before {
    content: attr(data-placeholder);
    color: #bbb;
    pointer-events: none;
}