.btn.btn-popup-close--mobile{display:none;transition-duration:var(--DEFAULT_POPUP__closeDuration);transition-property:opacity,transform;transition-timing-function:cubic-bezier(.66,.26,.1,.95)}@media (max-width:768px){.btn.btn-popup-close--mobile{display:flex;opacity:0;position:fixed;right:16px;top:24px;z-index:100}}.btn.btn-popup-close--mobile.show{opacity:1}.widget-course-lesson .lesson-marker__container{display:flex;justify-content:flex-end;margin-bottom:24px}@media (max-width:768px){.widget-course-lesson .lesson-marker__container{justify-content:center}}.widget-course-lesson .lesson-marker-box{-moz-column-gap:24px;column-gap:24px;display:flex}.widget-course-lesson .lesson-marker-box .marker-item{align-items:center;-moz-column-gap:12px;column-gap:12px;display:flex;position:relative}.widget-course-lesson .lesson-marker-box .marker-item:before{aspect-ratio:1/1;background-color:currentColor;content:"";width:16px}.widget-course-lesson .lesson-marker-box .marker-item .text{font-size:.875rem;line-height:1.42857;letter-spacing:0;font-weight:500}@media (max-width: 992.9px){.widget-course-lesson .lesson-marker-box .marker-item .text{font-size:.75rem;line-height:1.3333;letter-spacing:0;font-weight:500}}.widget-course-lesson .lesson-list-box{display:grid;row-gap:16px}@media (max-width:768px){.widget-course-lesson .lesson-list-box{row-gap:24px}}.widget-course-lesson .lesson-item{--status-bar-size: 24;display:flex}@media (max-width:768px){.widget-course-lesson .lesson-item{--status-bar-size: 16;flex-direction:column-reverse}}.widget-course-lesson .lesson-item>.status-bar{background-color:currentColor;display:block;width:calc(var(--status-bar-size)*1px)}@media (max-width:768px){.widget-course-lesson .lesson-item>.status-bar{height:calc(var(--status-bar-size)*1px);width:100%}}.widget-course-lesson .lesson-item>.main-content{background-color:#fff;flex:1;padding:24px}@media (max-width:768px){.widget-course-lesson .lesson-item>.main-content{padding:16px}}.widget-course-lesson .lesson-item>.main-content .top__section{border-bottom:1px solid #c2c2c2;padding-bottom:24px}.widget-course-lesson .lesson-item>.main-content .bottom__section{display:flex;gap:24px;justify-content:space-between;padding-top:24px}@media (max-width:768px){.widget-course-lesson .lesson-item>.main-content .bottom__section{flex-direction:column;justify-content:flex-start}}.widget-course-lesson .lesson-item>.main-content .detail-title-box{font-size:1rem;line-height:1.5;letter-spacing:0;font-weight:600}@media (max-width: 992.9px){.widget-course-lesson .lesson-item>.main-content .detail-title-box{font-size:1rem;line-height:1.5;letter-spacing:0;font-weight:600}}.widget-course-lesson .lesson-item>.main-content .detail-right__section{align-self:flex-end;flex-shrink:0}@media (max-width:768px){.widget-course-lesson .lesson-item>.main-content .detail-right__section{align-self:flex-start}}.widget-course-lesson .lesson-item>.main-content .name-box{font-size:1.25rem;line-height:1.6;letter-spacing:0;font-weight:600}@media (max-width: 992.9px){.widget-course-lesson .lesson-item>.main-content .name-box{font-size:1.125rem;line-height:1.33333;letter-spacing:0;font-weight:600}}.widget-course-lesson .lesson-item>.main-content .age_group-box{font-size:.875rem;line-height:1.42857;letter-spacing:0;font-weight:500;margin-top:12px}@media (max-width: 992.9px){.widget-course-lesson .lesson-item>.main-content .age_group-box{font-size:.75rem;line-height:1.3333;letter-spacing:0;font-weight:500}}@media (max-width:768px){.widget-course-lesson .lesson-item>.main-content .age_group-box{font-size:1rem;line-height:1.375;letter-spacing:0;font-weight:500}}.widget-course-lesson .lesson-item>.main-content .others-box{font-size:.875rem;line-height:1.42857;letter-spacing:0;font-weight:500;-moz-column-gap:24px;column-gap:24px;display:flex;flex-wrap:wrap;margin-top:12px;row-gap:12px}@media (max-width: 992.9px){.widget-course-lesson .lesson-item>.main-content .others-box{font-size:.75rem;line-height:1.3333;letter-spacing:0;font-weight:500}}.widget-course-lesson .lesson-item>.main-content .others-box .language-box,.widget-course-lesson .lesson-item>.main-content .others-box .location-box{width:100%}