.Syllabus{justify-content:center;align-items:flex-start;width:100%}.Syllabus,.Syllabus .s-groups{display:flex;flex-direction:column;gap:1rem}.Syllabus .s-groups{padding:1rem;background-color:var(--color-glass-bg);border-radius:1rem;border:1px solid var(--color-glass-border);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur)}.Syllabus .s-groups .h-progress{font-size:.9rem;background:var(--color-overlay-light);padding:2px 8px;border-radius:12px;margin-right:1rem;color:var(--color-text-muted)}.Syllabus .s-groups .collapsible .collapsible-header{font-size:1.4rem}.Syllabus .s-groups .collapsible ul.inner{gap:2rem}.Syllabus .s-groups .collapsible ul.inner .s-lesson{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;transition:opacity .2s}.Syllabus .s-groups .collapsible ul.inner .s-lesson.completed{transition:opacity .2s;opacity:.5}.Syllabus .s-groups .collapsible ul.inner .s-lesson.active{opacity:1}.Syllabus .s-groups .collapsible ul.inner .s-lesson.active .s-lesson-image{box-shadow:0 0 10px hsla(0,0%,100%,.2)}.Syllabus .s-groups .collapsible ul.inner .s-lesson .s-lesson-image{width:100%;height:auto;max-height:100px;border-radius:1rem;object-fit:cover;object-position:center}.Syllabus .s-groups .collapsible ul.inner .s-lesson .s-lesson-info{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;padding:0 1rem}.Syllabus .s-groups .collapsible ul.inner .s-lesson .s-lesson-info .s-lesson-title{font-size:1.6rem;color:var(--color-text-secondary)}.Syllabus .s-groups .collapsible ul.inner .s-lesson .s-lesson-info .s-lesson-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-size:1rem;color:var(--color-text-muted)}@media screen and (min-width:769px){.Syllabus .s-groups .collapsible ul.inner .s-lesson .s-lesson-info .s-lesson-description{font-size:1.2rem}}.Syllabus .s-groups .collapsible ul.inner .s-lesson .s-lesson-info .s-play{color:var(--color-text-secondary)}.Syllabus.onlyVertical{padding-bottom:2rem}.Syllabus.onlyVertical .s-groups{gap:1rem;background-color:transparent;border-radius:0;border:none;padding:0;-webkit-backdrop-filter:none;backdrop-filter:none}.Syllabus.onlyVertical .s-groups .collapsible ul.inner .s-lesson .s-lesson-image{max-height:200px}@media screen and (min-width:769px){.Syllabus:not(.onlyVertical){gap:3rem}.Syllabus:not(.onlyVertical) .s-groups{gap:3rem;padding:2rem}.Syllabus:not(.onlyVertical) .s-groups .h-progress{font-size:1.6rem}.Syllabus:not(.onlyVertical) .s-groups .collapsible .collapsible-header{font-size:1.8rem}.Syllabus:not(.onlyVertical) .s-groups .collapsible ul.inner{gap:2rem}.Syllabus:not(.onlyVertical) .s-groups .collapsible ul.inner .s-lesson{flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:3rem;height:160px}.Syllabus:not(.onlyVertical) .s-groups .collapsible ul.inner .s-lesson .s-lesson-image{width:auto;height:100%;max-height:unset}.Syllabus:not(.onlyVertical) .s-groups .collapsible ul.inner .s-lesson .s-lesson-info{gap:3rem}.Syllabus:not(.onlyVertical) .s-groups .collapsible ul.inner .s-lesson .s-lesson-info .s-lesson-title{font-size:2rem}.Syllabus:not(.onlyVertical) .s-groups .collapsible ul.inner .s-lesson .s-lesson-info .s-lesson-description{font-size:1.4rem}.Syllabus:not(.onlyVertical) .s-groups .collapsible ul.inner .s-lesson .s-lesson-info .s-play{font-size:1.6rem}}.collapsible{width:100%;border-bottom:1px solid var(--color-border-light)}.collapsible .collapsible-header{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;width:100%;padding:0;margin:1rem 0;background:none;border:none;outline:none;cursor:pointer;font-weight:700;font-size:15px;transition:opacity .1s}.collapsible .collapsible-header:hover{opacity:.5;transition:opacity .1s}.collapsible .collapsible-header .h-top{display:flex;justify-content:space-between;align-items:center;width:100%;color:var(--color-text-main)}.collapsible .collapsible-header .h-top .h-title{font-size:1.5rem}@media screen and (min-width:769px){.collapsible .collapsible-header .h-top .h-title{font-size:1.6rem}}.collapsible .collapsible-header .h-badges{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-bottom:.5rem}.collapsible .collapsible-header .h-badge{display:flex;align-items:center;gap:.4rem;font-size:1.2rem;font-weight:500;background:var(--color-overlay-light);padding:4px 10px;border-radius:12px;color:var(--color-text-muted)}@media screen and (min-width:769px){.collapsible .collapsible-header .h-badge{font-size:1.4rem;padding:5px 12px}}.collapsible .collapsible-header .h-badge svg{font-size:1.4rem}@media screen and (min-width:769px){.collapsible .collapsible-header .h-badge svg{font-size:1.6rem}}.collapsible .collapsible-header .h-sub{display:flex;justify-content:flex-start;align-items:center;gap:3px;margin-bottom:1rem;font-size:1.2rem;font-weight:400;color:var(--color-text-secondary)}.collapsible .collapsible-header .icon{font-size:18px;color:var(--color-text-muted)}.collapsible .collapsible-content{overflow:hidden;transition:max-height .35s ease-in-out}.collapsible ul.inner{display:flex;flex-direction:column;gap:1rem;list-style-type:none;padding:0;margin:0}