.lessonName {
    margin-bottom: 8px;
    height: 20px;
}

.lessonNameText {
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    color: #232323;
    cursor: text;
    outline: none;
    position: relative;
}

.lessonNameText.empty {
    color: #9aa1aa;
}

.lessonNameText.empty::before {
    content: attr(data-placeholder);
    position: absolute;
    left: 0;
    top: 0;
    color: #9aa1aa;
    pointer-events: none;
}