[dir] .lesson--card{cursor:pointer;border-radius:12px;margin-bottom:16px}[dir] .lesson--card[data-current_progress=true]{border:2px solid var(--color-secondary--500)}.lesson--card[data-progress_locked=true]:after{position:absolute;content:"";width:100%;height:100%;top:0;opacity:.4;user-select:none}[dir] .lesson--card[data-progress_locked=true]:after{cursor:not-allowed;background-color:var(--color-neutral--50)}[dir=ltr] .lesson--card[data-progress_locked=true]:after{left:0}[dir=rtl] .lesson--card[data-progress_locked=true]:after{right:0}.lesson__title{position:relative;font-size:20px;font-weight:700;width:100%;min-height:24px}.lesson__thumb{display:inline-block;width:88px;height:88px;object-fit:cover;position:relative}.lesson__progress-text{font-size:12px}.lesson__complete-label{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;position:absolute;top:0;color:#fff}[dir] .lesson__complete-label{background-color:var(--color-success--500);border-radius:100px}[dir=ltr] .lesson__complete-label{right:0}[dir=rtl] .lesson__complete-label{left:0}.lesson__lock-icon{position:absolute;width:44px;height:44px;top:calc(50% - 22px)}[dir=ltr] .lesson__lock-icon{left:calc(50% - 22px)}[dir=rtl] .lesson__lock-icon{right:calc(50% - 22px)}.lesson__current-label{color:var(--color-secondary--500,#ffc549);font-size:12px}