.tutor-course-spotlight-notes{max-width:472px;margin:16px auto 0}.tutor-lesson-note-list-wrapper{margin-top:24px}.tutor-lesson-note-list-wrapper .tutor-lesson-note-list{flex-direction:column;gap:12px;display:flex}.tutor-lesson-note-list-wrapper .tutor-lesson-note-list-title{color:#767c8e;margin-bottom:8px;font-size:13px;font-weight:500;line-height:20px}.tutor-lesson-note-list-wrapper .tutor-lesson-note-list-item{background-color:#f8f9fa;border-radius:6px;gap:8px;padding:12px;font-size:13px;font-weight:400;line-height:18px;display:flex}@media screen and (max-width:575px){.tutor-lesson-note-list-wrapper .tutor-lesson-note-list-item{flex-direction:column}}.tutor-lesson-note-list-wrapper .tutor-lesson-note-list-item-left{flex-direction:column;gap:8px;max-width:114px;display:flex}@media screen and (max-width:575px){.tutor-lesson-note-list-wrapper .tutor-lesson-note-list-item-left{max-width:100%}}.tutor-lesson-note-list-wrapper .tutor-lesson-note-list-item-left img{border-radius:4px;width:100%;min-width:110px;max-width:100%}.tutor-lesson-note-list-wrapper .tutor-lesson-note-list-item-right{width:100%;overflow:hidden}.tutor-lesson-note-list-wrapper .tutor-lesson-note-list-item-video-action{border:none;align-items:center;gap:4px;padding:0;font-size:13px;font-weight:500;line-height:21px;display:flex}.tutor-lesson-note-list-wrapper .tutor-lesson-note-list-item-time{color:#424242;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;line-height:32px;display:flex}.tutor-lesson-note-list-wrapper .tutor-lesson-note-list-item-actions{align-items:center;gap:8px;display:none}.tutor-lesson-note-list-wrapper .tutor-lesson-note-list-item-actions button{padding:6px}.tutor-lesson-note-list-wrapper .tutor-lesson-note-list-item-highlight{color:#767c8e;white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;overflow:hidden}.tutor-lesson-note-list-wrapper .tutor-lesson-note-list-item-content span{white-space:pre-wrap;margin:0}.tutor-lesson-note-list-wrapper .tutor-lesson-note-list-item .tutor-dropdown{border:none;border-radius:6px;min-width:95px;padding:4px 0}.tutor-lesson-note-list-wrapper .tutor-lesson-note-list-item .tutor-dropdown .tutor-dropdown-item{align-items:center;gap:4px;padding:4px 12px;font-size:13px;font-weight:500;line-height:20px;display:flex}.tutor-lesson-note-list-wrapper .tutor-lesson-note-list-item:hover,.tutor-lesson-note-list-wrapper .tutor-lesson-note-list-item.is-focused{background-color:#f3f4f7;box-shadow:inset 0 0 0 1px #e0e2ea}.tutor-lesson-note-list-wrapper .tutor-lesson-note-list-item:hover .tutor-lesson-note-list-item-actions,.tutor-lesson-note-list-wrapper .tutor-lesson-note-list-item.is-focused .tutor-lesson-note-list-item-actions{display:flex}.tutor-lesson-note-form-wrapper{border:1px solid var(--tutor-border-color);z-index:9999;background-color:#fff;border-radius:12px;width:100%;max-width:400px;position:fixed;top:0;left:0;box-shadow:0 8px 24px rgba(17,18,19,.12)}.tutor-lesson-note-form-wrapper .tutor-lesson-note-form-title-wrapper{color:#41454f;align-items:center;gap:4px;font-size:16px;font-weight:500;line-height:26px;display:flex}.tutor-lesson-note-form-wrapper .tutor-lesson-note-start-time{color:var(--tutor-color-primary);background-color:#f1f5f9;border-radius:5px;padding:0 8px;font-size:13px;font-weight:500;line-height:21px;display:inline-block}.tutor-lesson-note-form-wrapper .tutor-iconic-btn{width:32px}.tutor-lesson-note-form-wrapper .tutor-btn{font-size:14px;line-height:1.375}.tutor-lesson-notes-form textarea{color:#212327;min-height:120px;font-size:15px}.tutor-lesson-notes-form textarea:focus{box-shadow:0 0 0 2px rgba(0,204,235,.6)}.tutor-lesson-notes-form-key-hint{color:#767c8e;align-items:center;gap:4px;font-size:12px;line-height:20px;display:flex}.tutor-lesson-wrapper{position:relative}.tutor-lesson-wrapper .tutor-highlighted{color:#212327;background-color:#cbfd78;transition:background-color .25s ease-in-out}.tutor-lesson-wrapper .tutor-highlighted.has-note{background-color:transparent;border-bottom:2px solid #cbfd78}.tutor-lesson-wrapper .tutor-highlighted.has-note:hover,.tutor-lesson-wrapper .tutor-highlighted.has-note.note-hover,.tutor-lesson-wrapper .tutor-highlighted.has-note.has-popover{background-color:#cbfd78}.tutor-note-popover{background-color:#fff;border:1px solid #cdcfd5;border-radius:12px;width:320px;padding:20px;box-shadow:0 6px 20px rgba(28,49,104,.1)}.tutor-note-popover-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.tutor-note-popover-top button{color:#9197a8;cursor:pointer;background-color:transparent;border:none;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;display:flex}.tutor-note-popover-highlight{color:#767c8e;white-space:nowrap;text-overflow:ellipsis;font-size:15px;line-height:24px;overflow:hidden}.tutor-note-popover-note{white-space:break-spaces;margin-bottom:12px;font-size:15px;line-height:24px}.tutor-note-popover-buttons{justify-content:end;gap:8px;display:flex}.tutor-note-popover-buttons button{color:#4d4d4d;cursor:pointer;background-color:#f5f5f5;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:16px;display:flex}.tutor-note-popover-buttons button.is-loading:before{margin:0}.tutor-delete-note-popover{background-color:#fff;border:1px solid #cdcfd5;border-radius:12px;width:320px;padding:20px;box-shadow:0 6px 20px rgba(28,49,104,.1)}.tutor-delete-note-popover-top{align-items:top;justify-content:space-between;gap:8px;margin-bottom:32px;display:flex}.tutor-delete-note-popover-top button{color:#9197a8;cursor:pointer;background-color:transparent;border:none;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;display:flex}.tutor-delete-note-popover-content{flex-direction:column;gap:4px;display:flex}.tutor-delete-note-popover-content h3{color:#212327;margin:0;font-size:18px;font-weight:500;line-height:24px}.tutor-delete-note-popover-content p{color:#5b616f;margin:0;font-size:14px;font-weight:400;line-height:20px}.tutor-delete-note-popover-buttons{justify-content:end;gap:8px;display:flex}.tutor-course-spotlight-nav{position:relative}#tutor-take-lesson-note-btn{z-index:99999;align-items:center;gap:4px;padding:5px 8px;display:flex;position:fixed}#tutor-take-lesson-note-btn:after{content:"";border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--tutor-color-primary);width:0;height:0;position:absolute;top:100%;left:50%;transform:translate(-50%)}#tutor-lesson-nav-take-note-btn{padding:8px 12px;position:absolute;top:2px;right:12px}@media screen and (max-width:768px){#tutor-lesson-nav-take-note-btn{z-index:9999;background-color:#f5f6fa;position:fixed;top:auto;bottom:16px;right:16px}}#tutor-lesson-nav-take-note-btn.tutor-video-lesson-take-note-button{z-index:9;background:#fff;padding:4px 8px;font-size:13px;font-weight:500;position:fixed;top:auto;bottom:72px;right:56px}