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