.Syllabus{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:1rem;width:100%;max-width:100%;overflow-x:hidden}.Syllabus h2{font-weight:300;text-transform:uppercase;letter-spacing:.1em;font-size:1.5rem;color:#000;margin-bottom:2rem}.Syllabus .s-groups{display:flex;flex-direction:column;gap:1rem;padding:1rem;background-color:transparent;border-radius:0;border:none;border-bottom:1px solid #000;-webkit-backdrop-filter:none;backdrop-filter:none;width:100%;max-width:100%;box-sizing:border-box}.Syllabus .s-groups .h-progress{font-size:.85rem;background:transparent;padding:0;border-radius:0;margin-right:1rem;color:#000;font-weight:300;letter-spacing:.1em;text-transform:uppercase}.Syllabus .s-groups .collapsible .collapsible-header{font-size:1.6rem;font-weight:300;text-transform:uppercase;letter-spacing:.05em}.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:1.5rem;transition:opacity .2s;width:70vw;max-width:260px;min-width:220px;scroll-snap-align:start;flex-shrink:0}.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:180px;border-radius:12px;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:#000;font-weight:300}.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{background:transparent;color:#000;border:1px solid #000;padding:.6rem 1.2rem;font-size:.85rem;font-weight:300;letter-spacing:.2em;text-transform:uppercase;border-radius:0;display:flex;align-items:center;gap:.8rem;cursor:pointer;transition:all .3s ease;outline:none}.Syllabus .s-groups .collapsible ul.inner .s-lesson .s-lesson-info .s-play:hover{background:#000;color:#fff}.Syllabus .s-groups .collapsible ul.inner .s-lesson .s-lesson-info .s-play:hover svg{color:#fff}.Syllabus .s-groups .collapsible ul.inner .s-lesson .s-lesson-info .s-play svg{font-size:1rem;color:#000;transition:color .3s ease}.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 0}.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:3rem}.Syllabus:not(.onlyVertical) .s-groups .collapsible ul.inner .s-lesson{min-width:320px;max-width:320px}.Syllabus:not(.onlyVertical) .s-groups .collapsible ul.inner .s-lesson .s-lesson-info{gap:1.5rem}.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:1rem}}.collapsible{width:100%;border:none;background:transparent;box-shadow:none;border-radius:0;padding:2rem 0;margin-bottom:0;transition:all .3s cubic-bezier(.25,.8,.25,1);box-sizing:border-box}.collapsible.is-open,.collapsible:hover{background:transparent;border-color:transparent;box-shadow:none}.collapsible .collapsible-header{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;width:100%;padding:0;margin:0;background:none;border:none;outline:none;cursor:pointer;font-weight:700;font-size:15px;transition:all .3s}.collapsible .collapsible-header:hover{opacity:1}.collapsible .collapsible-header .h-top{display:flex;justify-content:space-between;align-items:center;width:100%;color:var(--color-text-main);text-align:left;gap:1.5rem}.collapsible .collapsible-header .h-top .h-title{font-size:1.2rem;font-weight:300;text-transform:uppercase;letter-spacing:.05em;line-height:1.4;transition:color .3s}@media screen and (min-width:769px){.collapsible .collapsible-header .h-top .h-title{font-size:1.7rem}}.collapsible .collapsible-header:hover .h-top .h-title{color:#000}.collapsible .collapsible-header .h-badges{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin-top:4px}.collapsible .collapsible-header .h-badge{display:flex;align-items:center;gap:0;font-size:.85rem;font-weight:300;letter-spacing:.1em;text-transform:uppercase;background:transparent;border:none;padding:0;border-radius:0;color:#000;transition:all .3s}.collapsible .collapsible-header:hover .h-badge{background:transparent;color:#000}.is-open .collapsible .collapsible-header .h-badge{background:transparent;border-color:transparent;color:#000}.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{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:auto;height:auto;border-radius:0;background:transparent;border:none;color:#000;font-size:1.2rem;transition:all .3s ease}.collapsible .collapsible-header .icon svg{transition:transform .3s ease}.collapsible .collapsible-header .icon.open{background:transparent;border-color:transparent;color:#000}.collapsible .collapsible-header .icon.open svg{transform:rotate(180deg)}.collapsible .collapsible-header:hover .icon{background:transparent;border-color:transparent;color:#000;transform:none;box-shadow:none}.collapsible .collapsible-content{overflow:hidden;transition:max-height .35s ease-in-out;width:100%;max-width:100%}.collapsible ul.inner{display:flex;flex-direction:row;gap:2rem;list-style-type:none;border-top:1px solid #000;margin:1.5rem 0 0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;width:100%;max-width:100%;box-sizing:border-box;padding:2rem 0 1.5rem}.collapsible ul.inner::-webkit-scrollbar{height:8px!important;display:block!important;-webkit-appearance:none!important}.collapsible ul.inner::-webkit-scrollbar-track{background:rgba(0,0,0,.05)!important}.collapsible ul.inner::-webkit-scrollbar-thumb{background:rgba(0,0,0,.3)!important;border-radius:0!important}.collapsible ul.inner::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.6)!important}.collapsible ul.inner{scrollbar-width:auto!important;scrollbar-color:rgba(0,0,0,.3) rgba(0,0,0,.05)!important}