[dir] .lesson--list-item{cursor:pointer}[dir] .lesson--list-item[data-current_progress=true]{background:var(--color-primary--50,#eff2ff)}[dir=ltr] .lesson--list-item[data-current_progress=true]{box-shadow:inset -4px 0 var(--color-primary--300)}[dir=rtl] .lesson--list-item[data-current_progress=true]{box-shadow:inset 4px 0 var(--color-primary--300)}.lesson__title{position:relative;font-size:14px;font-weight:700;width:100%;min-height:24px}[dir] .lesson__title{margin-bottom:0}.lesson__thumb{display:inline-block;width:52px;height:52px;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}[dir] .step--card{margin-top:24px;background:var(--color-neutral--100,#f1f5f9)}[dir] .step--card[data-step_completed=true]{background:var(--color-success--100,#d1fae5)}.step--card[data-step_completed=true] .topic--step{color:var(--color-success--500)}.topic--step{position:relative}.topic--step .topic__label{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;position:absolute;z-index:2;top:calc(50% - 8px);color:#fff}[dir] .topic--step .topic__label{border:2px solid var(--color-neutral--300);border-radius:100px;background-color:#f1f5f9}[dir=ltr] .topic--step .topic__label{left:-28px}[dir=rtl] .topic--step .topic__label{right:-28px}[dir] .topic--step[data-topic_completed=true] .topic__label{border:none;background-color:var(--color-success--500)}[dir] .topic--step[data-topic_current=true] .topic__label{border:2px solid var(--color-primary--500,#0f172a)}.topic--step:not(:first-child):after{content:"";display:block;position:absolute;z-index:1;width:2px;height:calc(100% + 16px);bottom:50%}[dir] .topic--step:not(:first-child):after{background-color:var(--color-neutral--300)}[dir=ltr] .topic--step:not(:first-child):after{left:-21px}[dir=rtl] .topic--step:not(:first-child):after{right:-21px}[dir] .topic--step[data-topic_current=true]:after{background-color:var(--color-primary--500)}.step__title{color:var(--color-neutral--900,#0f172a);font-size:20px;font-weight:700}.step__progress-text{font-size:12px}.step__complete-label{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;position:absolute;top:0;color:#fff}[dir] .step__complete-label{background-color:var(--color-success--500);border-radius:100px}[dir=ltr] .step__complete-label{right:0}[dir=rtl] .step__complete-label{left:0}[dir] .topic--step{margin-top:16px;margin-bottom:0;cursor:pointer}.lesson__title{font-size:24px;color:var(--color-neutral--900)}[dir] .lesson__title{margin-top:9px}.lesson__number{color:var(--color-neutral--400);font-size:14px}.page__wrapper{display:grid;width:100%;height:100%;grid-template-columns:1fr minmax(499px,726px) 1fr}.side-menu{min-width:257px;max-width:390px;min-height:calc(100vh - 64px);height:100%}[dir] .side-menu{background-color:#fff}.course__title{color:var(--neutral-900,#0f172a);font-size:24px;font-weight:700;line-height:150%}[dir] .course__title{margin-bottom:0}[dir=ltr] .course__title{margin-left:12px}[dir=rtl] .course__title{margin-right:12px}