.EducationTeaching { --education-bg:var(--app-color-bg); --education-surface:var(--app-color-surface); --education-surface-2:var(--app-color-surface-raised); --education-line:var(--app-color-border); --education-ink:var(--app-color-text); --education-muted:var(--app-color-text-muted); --education-accent:var(--app-color-primary); --education-purple:#9c79ef; min-height:100%; padding:clamp(24px,4vw,58px); box-sizing:border-box; color:var(--education-ink); background:var(--app-page-background); font-family:Inter,"Segoe UI",sans-serif; } .EducationTeaching *{box-sizing:border-box}.EducationTeaching button,.EducationTeaching input,.EducationTeaching textarea,.EducationTeaching select{font:inherit} .EducationTeachingHero{display:flex;justify-content:space-between;gap:35px;max-width:1380px;margin:0 auto 32px;padding:36px 0 42px;border-bottom:1px solid var(--education-line)} .EducationKicker{color:var(--education-accent);font-size:11px;font-weight:800;letter-spacing:.17em;text-transform:uppercase} .EducationTeachingHero h1{max-width:820px;margin:15px 0 18px;font-size:clamp(40px,5vw,72px);line-height:.98;letter-spacing:-.055em} .EducationTeachingHero>div>p:last-child{max-width:720px;color:var(--education-muted);font-size:16px;line-height:1.7} .EducationHeroActions{display:flex;align-self:flex-end;align-items:stretch;flex-direction:column;gap:9px;min-width:245px} .EducationMapLink{display:inline-flex;align-self:flex-end;align-items:center;gap:10px;min-width:max-content;padding:13px 18px;border:1px solid var(--education-line);border-radius:13px;color:var(--education-ink);text-decoration:none;font-size:13px;font-weight:750;background:var(--education-surface)} .EducationMapLink svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round} .EducationTemplateButton{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 18px;border:1px solid rgba(156,121,239,.45);border-radius:13px;background:linear-gradient(135deg,rgba(91,140,255,.18),rgba(139,111,232,.2));color:var(--education-ink);cursor:pointer;font-size:12px;font-weight:800}.EducationTemplateButton span{color:#b89cff}.EducationTemplateButton:disabled{opacity:.55;cursor:wait} .EducationTeachingStats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:1380px;margin:0 auto 18px} .EducationTeachingStats article{padding:18px 20px;border:1px solid var(--education-line);border-radius:16px;background:var(--education-surface)} .EducationTeachingStats span,.EducationTeachingStats strong{display:block}.EducationTeachingStats span{color:var(--education-muted);font-size:10px;text-transform:uppercase;letter-spacing:.1em}.EducationTeachingStats strong{margin-top:7px;font-size:27px;letter-spacing:-.04em} .EducationTeachingStatus{max-width:1380px;margin:0 auto 16px;padding:13px 16px;border:1px solid rgba(109,148,255,.35);border-radius:12px;background:rgba(109,148,255,.1);color:#a9c0ff;font-size:12px} .EducationTeachingStatus.is-error{border-color:rgba(239,107,116,.4);background:rgba(239,107,116,.1);color:#ffadb3} .EducationTeachingLayout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr);gap:18px;max-width:1380px;margin:auto;align-items:start} .EducationCourseComposer,.EducationCourseLibrary{border:1px solid var(--education-line);border-radius:22px;background:color-mix(in srgb,var(--education-surface) 94%,transparent);box-shadow:0 22px 60px rgba(0,0,0,.15)} .EducationCourseComposer{padding:clamp(22px,3vw,38px)}.EducationCourseLibrary{position:sticky;top:20px;padding:25px;max-height:calc(100vh - 92px);overflow:auto} .EducationPanelHeading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:25px} .EducationPanelHeading>div{display:flex;gap:13px;align-items:flex-start}.EducationPanelHeading>div>span{display:grid;width:29px;height:29px;place-items:center;border:1px solid var(--education-line);border-radius:9px;color:var(--education-accent);font-size:9px;font-weight:800} .EducationPanelHeading p{color:var(--education-accent);font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.EducationPanelHeading h2{margin-top:4px;font-size:23px;letter-spacing:-.035em} .EducationPanelHeading small{color:var(--education-muted);font-size:10px}.EducationPanelHeading>button{width:32px;height:32px;border:1px solid var(--education-line);border-radius:10px;background:transparent;color:var(--education-ink);cursor:pointer} .EducationFieldGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.EducationField--wide{grid-column:1/-1} .EducationField{display:grid;gap:7px}.EducationField>span:first-child,.EducationColorField legend{color:var(--education-muted);font-size:10px;font-weight:700;letter-spacing:.04em} .EducationField input,.EducationField textarea,.EducationField select,.EducationQuickImport textarea{width:100%;padding:12px 13px;border:1px solid var(--education-line);border-radius:10px;outline:none;background:var(--education-surface-2);color:var(--education-ink);resize:vertical} .EducationField input:focus,.EducationField textarea:focus,.EducationField select:focus,.EducationQuickImport textarea:focus{border-color:var(--education-accent);box-shadow:0 0 0 3px rgba(109,148,255,.12)} .EducationInputUnit{display:flex!important;align-items:center;border:1px solid var(--education-line);border-radius:10px;background:var(--education-surface-2)} .EducationInputUnit input{border:0!important;background:transparent!important;box-shadow:none!important}.EducationInputUnit i{padding-right:13px;color:var(--education-muted);font-size:10px;font-style:normal} .EducationColorField{border:0;padding:0}.EducationColorField>div{display:flex;gap:9px;margin-top:10px}.EducationColorField input{position:absolute;opacity:0}.EducationColorField label span{display:block;width:25px;height:25px;border:3px solid var(--education-surface);border-radius:50%;background:var(--color);box-shadow:0 0 0 1px var(--education-line);cursor:pointer} .EducationColorField input:checked+span{box-shadow:0 0 0 2px var(--education-ink)} .EducationDivider{height:1px;margin:34px 0;background:var(--education-line)} .EducationQuickImport{display:grid;grid-template-columns:1fr auto;gap:11px;margin-bottom:18px;padding:18px;border:1px dashed rgba(109,148,255,.35);border-radius:15px;background:rgba(109,148,255,.05)} .EducationQuickImport>div{grid-column:1/-1}.EducationQuickImport h3{font-size:14px}.EducationQuickImport p{margin-top:4px;color:var(--education-muted);font-size:10px}.EducationQuickImport textarea{min-height:110px} .EducationQuickImport button,.EducationSecondaryButton{border:1px solid var(--education-line);border-radius:10px;background:var(--education-surface);color:var(--education-ink);padding:10px 14px;cursor:pointer;font-size:11px;font-weight:750} .EducationPoleBuilder{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(300px,1.28fr);gap:14px} .EducationPoleFields,.EducationPoleList{padding:18px;border:1px solid var(--education-line);border-radius:15px;background:var(--education-surface-2)} .EducationPoleFields{display:grid;gap:13px}.EducationPoleFields>div:first-child{display:flex;justify-content:space-between;gap:15px}.EducationPoleFields h3{font-size:14px}.EducationPoleFields>div:first-child span{color:var(--education-accent);font-size:9px;font-weight:800;text-transform:uppercase} .EducationPoleList{display:grid;align-content:start;gap:9px;margin:0;min-height:265px;list-style:none;counter-reset:poles}.EducationPoleEmpty{align-self:center;text-align:center;color:var(--education-muted)}.EducationPoleEmpty span{display:block;color:var(--education-purple);font-size:31px}.EducationPoleEmpty p{margin-top:10px;color:var(--education-ink);font-size:13px;font-weight:700}.EducationPoleEmpty small{display:block;margin-top:5px;font-size:10px} .EducationPoleItem{display:grid;grid-template-columns:43px 1fr auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--education-line);border-radius:12px;background:var(--education-surface);counter-increment:poles}.EducationPoleBearing{display:grid;width:41px;height:41px;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--pole-color) 16%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pole-color) 55%,transparent);color:var(--pole-color);font-size:9px;font-weight:900}.EducationPoleItem strong,.EducationPoleItem small{display:block}.EducationPoleItem strong{font-size:12px}.EducationPoleItem small{margin-top:4px;color:var(--education-muted);font-size:9px}.EducationPoleItem .EducationPoleBearing small{margin-top:-11px;color:inherit;font-size:6px;opacity:.72}.EducationPoleItem button{border:0;background:transparent;color:var(--education-muted);cursor:pointer;font-size:18px} .EducationIslandBuilder{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(300px,1.28fr);gap:14px}.EducationIslandFields,.EducationIslandList{padding:18px;border:1px solid var(--education-line);border-radius:15px;background:var(--education-surface-2)}.EducationIslandFields{display:grid;gap:13px}.EducationIslandFields>div:first-child{display:flex;justify-content:space-between;gap:15px}.EducationIslandFields h3{font-size:14px}.EducationIslandFields>div:first-child span{color:var(--education-accent);font-size:9px;font-weight:800;text-transform:uppercase}.EducationIslandList{display:grid;align-content:start;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0;min-height:265px;list-style:none}.EducationIslandEmpty{grid-column:1/-1;align-self:center;text-align:center;color:var(--education-muted)}.EducationIslandEmpty span{display:block;color:var(--education-purple);font-size:31px}.EducationIslandEmpty p{margin-top:10px;color:var(--education-ink);font-size:13px;font-weight:700}.EducationIslandEmpty small{display:block;margin-top:5px;font-size:10px}.EducationIslandItem{display:grid;grid-template-columns:32px 1fr auto;gap:9px;align-items:center;padding:11px;border:1px solid var(--education-line);border-radius:12px;background:var(--education-surface)}.EducationIslandItem>span{display:grid;width:30px;height:30px;place-items:center;border:1px solid color-mix(in srgb,var(--island-color) 55%,transparent);border-radius:50%;background:color-mix(in srgb,var(--island-color) 13%,transparent);color:var(--island-color);font-size:10px}.EducationIslandItem strong,.EducationIslandItem small{display:block}.EducationIslandItem strong{font-size:11px}.EducationIslandItem small{margin-top:3px;color:var(--education-muted);font-size:8px}.EducationIslandItem button{border:0;background:transparent;color:var(--education-muted);cursor:pointer;font-size:17px} .EducationStageBuilder{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(300px,1.28fr);gap:14px} .EducationStageFields,.EducationStageList{padding:18px;border:1px solid var(--education-line);border-radius:15px;background:var(--education-surface-2)} .EducationStageFields{display:grid;gap:13px}.EducationStageBuilderTitle{display:flex;justify-content:space-between}.EducationStageBuilderTitle h3{font-size:14px}.EducationStageBuilderTitle span{color:var(--education-accent);font-size:9px;font-weight:800;text-transform:uppercase} .EducationStageRow{display:grid;grid-template-columns:1fr 1fr;gap:10px}.EducationStageRow--three{grid-template-columns:1fr 1fr 1fr}.EducationStageRow--four{grid-template-columns:repeat(4,1fr)}.EducationSecondaryButton{width:100%;border-color:rgba(109,148,255,.4);color:#a9c0ff} .EducationStageList{display:grid;align-content:start;gap:9px;margin:0;min-height:410px;list-style:none;counter-reset:stages} .EducationStageEmpty{align-self:center;text-align:center;color:var(--education-muted)}.EducationStageEmpty span{display:block;color:var(--education-accent);font-size:31px}.EducationStageEmpty p{margin-top:10px;color:var(--education-ink);font-size:13px;font-weight:700}.EducationStageEmpty small{display:block;margin-top:5px;font-size:10px} .EducationStageItem{display:grid;grid-template-columns:36px 1fr auto;gap:11px;align-items:center;padding:12px;border:1px solid var(--education-line);border-radius:12px;background:var(--education-surface);counter-increment:stages} .EducationStageItem::before{content:counter(stages,decimal-leading-zero);display:grid;width:34px;height:34px;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--stage-color) 16%,transparent);color:var(--stage-color);font-size:9px;font-weight:800} .EducationStageItem strong,.EducationStageItem small{display:block}.EducationStageItem strong{font-size:12px}.EducationStageItem small{margin-top:4px;color:var(--education-muted);font-size:9px}.EducationStageItem button{border:0;background:transparent;color:var(--education-muted);cursor:pointer;font-size:18px} .EducationCourseActions{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:24px;padding-top:24px;border-top:1px solid var(--education-line)} .EducationCourseActions p strong,.EducationCourseActions p span{display:block}.EducationCourseActions p strong{font-size:13px}.EducationCourseActions p span{margin-top:4px;color:var(--education-muted);font-size:10px} .EducationPrimaryButton{display:inline-flex;align-items:center;gap:10px;padding:13px 18px;border:0;border-radius:12px;background:linear-gradient(135deg,#5b8cff,#8b6fe8);box-shadow:0 12px 28px rgba(91,140,255,.23);color:#fff;cursor:pointer;font-weight:800} .EducationPrimaryButton svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .EducationCourseList{display:grid;gap:11px}.EducationLibraryEmpty{padding:56px 16px;text-align:center;color:var(--education-muted)}.EducationLibraryEmpty>span{color:var(--education-purple);font-size:34px}.EducationLibraryEmpty h3{margin:13px 0 7px;color:var(--education-ink);font-size:17px}.EducationLibraryEmpty p{font-size:11px;line-height:1.6} .EducationCourseCard{position:relative;overflow:hidden;padding:17px;border:1px solid var(--education-line);border-radius:15px;background:var(--education-surface-2)} .EducationCourseCard::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--course-color)} .EducationCourseCard header{display:flex;justify-content:space-between;gap:10px}.EducationCourseCard header span{color:var(--course-color);font-size:8px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.EducationCourseCard h3{margin-top:5px;font-size:15px}.EducationCourseCard button{border:0;background:transparent;color:var(--education-muted);cursor:pointer} .EducationCourseMeta{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0;color:var(--education-muted);font-size:9px}.EducationCourseProgress{height:5px;overflow:hidden;border-radius:5px;background:var(--education-line)}.EducationCourseProgress i{display:block;width:var(--progress);height:100%;border-radius:inherit;background:var(--course-color)} .EducationCourseAuthor{margin:9px 0 0;color:var(--education-muted);font-size:9px;line-height:1.45}.EducationCourseAuthor::before{content:"✎";margin-right:5px;color:var(--course-color)} .EducationCourseCard footer{display:flex;justify-content:space-between;margin-top:8px;color:var(--education-muted);font-size:9px} .EducationCourseActionsInline{display:grid;grid-template-columns:1fr;gap:7px;margin-top:13px}.EducationCourseActionsInline .EducationSecondaryButton{padding:9px 7px;font-size:9px} .EducationItemActions{display:flex;gap:5px}.EducationItemActions button{border:0;background:transparent;color:var(--education-muted);cursor:pointer;font-size:17px} .EducationPoleItem{grid-template-columns:43px 1fr auto auto}.EducationIslandItem{grid-template-columns:32px 1fr auto auto} #EducationStagePrerequisite{min-height:105px} @media(max-width:1050px){.EducationTeachingLayout{grid-template-columns:1fr}.EducationCourseLibrary{position:static;max-height:none}.EducationTeachingHero{align-items:flex-start}.EducationMapLink{align-self:flex-start}} @media(max-width:700px){.EducationTeaching{padding:20px 14px}.EducationTeachingHero{display:grid;padding-top:18px}.EducationTeachingHero h1{font-size:42px}.EducationHeroActions{width:100%;min-width:0}.EducationMapLink{width:100%;justify-content:center}.EducationTeachingStats{grid-template-columns:1fr}.EducationFieldGrid,.EducationPoleBuilder,.EducationIslandBuilder,.EducationStageBuilder{grid-template-columns:1fr}.EducationIslandList{grid-template-columns:1fr}.EducationField--wide{grid-column:auto}.EducationStageRow--three,.EducationStageRow--four{grid-template-columns:1fr}.EducationQuickImport{grid-template-columns:1fr}.EducationCourseActions{align-items:stretch;flex-direction:column}.EducationPrimaryButton{justify-content:center;width:100%}} .EducationField small{color:var(--education-muted);font-size:9px;line-height:1.6} .EducationRulesBuilder{display:grid;gap:12px;padding:16px;border:1px solid var(--education-line);border-radius:14px;background:var(--education-surface-2)} .EducationRulesHeading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.EducationRulesHeading span{color:var(--education-accent);font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.EducationRulesHeading h4{margin-top:5px;font-size:14px}.EducationRulesHeading p{max-width:340px;color:var(--education-muted);font-size:10px;line-height:1.55} .EducationExerciseRuleList{display:grid;gap:10px}.EducationExerciseRulesEmpty{padding:12px;color:var(--education-muted);font-size:10px} .EducationExerciseRule{min-width:0;margin:0;padding:12px;border:1px solid var(--education-line);border-radius:11px}.EducationExerciseRule legend{padding:0 6px;color:var(--education-muted);font-size:9px;font-weight:800} .EducationExerciseRuleTop{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.EducationExerciseRuleTop label,.EducationExerciseRuleFields label{display:grid;gap:6px}.EducationExerciseRuleTop label>span,.EducationExerciseRuleFields label>span{color:var(--education-muted);font-size:9px;font-weight:700} .EducationExerciseRuleTop select,.EducationExerciseRuleFields input,.EducationExerciseRuleFields select{width:100%;min-width:0;padding:9px;border:1px solid var(--education-line);border-radius:8px;background:var(--education-surface);color:var(--education-ink);font-size:10px} .EducationExerciseRuleTop button{padding:8px;border:0;border-radius:7px;background:rgba(239,107,116,.1);color:#ffadb3;font-size:9px;cursor:pointer}.EducationExerciseRuleFields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:10px} @media(max-width:700px){.EducationRulesHeading{flex-direction:column}.EducationExerciseRuleFields{grid-template-columns:1fr}} /* Auto-generated class selectors - do not edit this section. */ .EducationTeaching { .EducationTeachingHero { .EducationKicker { } .EducationMapLink { } .EducationHeroActions { .EducationMapLink { } } } .EducationTeachingStats { } .EducationTeachingStatus { } .EducationTeachingLayout { .EducationCourseComposer { .EducationPanelHeading { } .EducationFieldGrid { .EducationField, .EducationField--wide { } .EducationField { .EducationInputUnit { } } .EducationColorField { } } .EducationDivider { } .EducationPoleBuilder { .EducationPoleFields { .EducationField { } .EducationSecondaryButton { } } .EducationPoleList { .EducationPoleEmpty { } } } .EducationIslandBuilder { .EducationIslandFields { .EducationField { } .EducationSecondaryButton { } } .EducationIslandList { .EducationIslandEmpty { } } } .EducationQuickImport { } .EducationStageBuilder { .EducationStageFields { .EducationStageBuilderTitle { } .EducationField, .EducationField--wide { } .EducationStageRow, .EducationStageRow--four { .EducationField { .EducationInputUnit { } } } .EducationRulesBuilder, .EducationField--wide { .EducationRulesHeading { } .EducationExerciseRuleList { } .EducationSecondaryButton { } } .EducationSecondaryButton { } } .EducationStageList { .EducationStageEmpty { } } } .EducationCourseActions { .EducationSecondaryButton { } .EducationPrimaryButton { } } } .EducationCourseLibrary { .EducationPanelHeading { } .EducationCourseList { .EducationLibraryEmpty { } } } } } .EducationExerciseRule { .EducationExerciseRuleTop { } .EducationExerciseRuleFields { } } .EducationExerciseRulesEmpty { } .EducationPoleEmpty { } .EducationPoleItem { .EducationPoleBearing { } } .EducationIslandEmpty { } .EducationIslandItem { } .EducationStageEmpty { } .EducationStageItem { .EducationItemActions { } } .EducationLibraryEmpty { } .EducationCourseCard { .EducationCourseAuthor { } .EducationCourseMeta { } .EducationCourseProgress { } .EducationCourseActionsInline { .EducationSecondaryButton { } } } .is-error { } /* Desktop */ @media (min-width: 1920px) { .EducationTeaching { .EducationTeachingHero { .EducationKicker { } .EducationMapLink { } .EducationHeroActions { .EducationMapLink { } } } .EducationTeachingStats { } .EducationTeachingStatus { } .EducationTeachingLayout { .EducationCourseComposer { .EducationPanelHeading { } .EducationFieldGrid { .EducationField, .EducationField--wide { } .EducationField { .EducationInputUnit { } } .EducationColorField { } } .EducationDivider { } .EducationPoleBuilder { .EducationPoleFields { .EducationField { } .EducationSecondaryButton { } } .EducationPoleList { .EducationPoleEmpty { } } } .EducationIslandBuilder { .EducationIslandFields { .EducationField { } .EducationSecondaryButton { } } .EducationIslandList { .EducationIslandEmpty { } } } .EducationQuickImport { } .EducationStageBuilder { .EducationStageFields { .EducationStageBuilderTitle { } .EducationField, .EducationField--wide { } .EducationStageRow, .EducationStageRow--four { .EducationField { .EducationInputUnit { } } } .EducationRulesBuilder, .EducationField--wide { .EducationRulesHeading { } .EducationExerciseRuleList { } .EducationSecondaryButton { } } .EducationSecondaryButton { } } .EducationStageList { .EducationStageEmpty { } } } .EducationCourseActions { .EducationSecondaryButton { } .EducationPrimaryButton { } } } .EducationCourseLibrary { .EducationPanelHeading { } .EducationCourseList { .EducationLibraryEmpty { } } } } } .EducationExerciseRule { .EducationExerciseRuleTop { } .EducationExerciseRuleFields { } } .EducationExerciseRulesEmpty { } .EducationPoleEmpty { } .EducationPoleItem { .EducationPoleBearing { } } .EducationIslandEmpty { } .EducationIslandItem { } .EducationStageEmpty { } .EducationStageItem { .EducationItemActions { } } .EducationLibraryEmpty { } .EducationCourseCard { .EducationCourseAuthor { } .EducationCourseMeta { } .EducationCourseProgress { } .EducationCourseActionsInline { .EducationSecondaryButton { } } } .is-error { } } /* Petits laptops */ @media (min-width: 1025px) and (max-width: 1919px) { .EducationTeaching { .EducationTeachingHero { .EducationKicker { } .EducationMapLink { } .EducationHeroActions { .EducationMapLink { } } } .EducationTeachingStats { } .EducationTeachingStatus { } .EducationTeachingLayout { .EducationCourseComposer { .EducationPanelHeading { } .EducationFieldGrid { .EducationField, .EducationField--wide { } .EducationField { .EducationInputUnit { } } .EducationColorField { } } .EducationDivider { } .EducationPoleBuilder { .EducationPoleFields { .EducationField { } .EducationSecondaryButton { } } .EducationPoleList { .EducationPoleEmpty { } } } .EducationIslandBuilder { .EducationIslandFields { .EducationField { } .EducationSecondaryButton { } } .EducationIslandList { .EducationIslandEmpty { } } } .EducationQuickImport { } .EducationStageBuilder { .EducationStageFields { .EducationStageBuilderTitle { } .EducationField, .EducationField--wide { } .EducationStageRow, .EducationStageRow--four { .EducationField { .EducationInputUnit { } } } .EducationRulesBuilder, .EducationField--wide { .EducationRulesHeading { } .EducationExerciseRuleList { } .EducationSecondaryButton { } } .EducationSecondaryButton { } } .EducationStageList { .EducationStageEmpty { } } } .EducationCourseActions { .EducationSecondaryButton { } .EducationPrimaryButton { } } } .EducationCourseLibrary { .EducationPanelHeading { } .EducationCourseList { .EducationLibraryEmpty { } } } } } .EducationExerciseRule { .EducationExerciseRuleTop { } .EducationExerciseRuleFields { } } .EducationExerciseRulesEmpty { } .EducationPoleEmpty { } .EducationPoleItem { .EducationPoleBearing { } } .EducationIslandEmpty { } .EducationIslandItem { } .EducationStageEmpty { } .EducationStageItem { .EducationItemActions { } } .EducationLibraryEmpty { } .EducationCourseCard { .EducationCourseAuthor { } .EducationCourseMeta { } .EducationCourseProgress { } .EducationCourseActionsInline { .EducationSecondaryButton { } } } .is-error { } } /* Tablettes */ @media (min-width: 768px) and (max-width: 1024px) { .EducationTeaching { .EducationTeachingHero { .EducationKicker { } .EducationMapLink { } .EducationHeroActions { .EducationMapLink { } } } .EducationTeachingStats { } .EducationTeachingStatus { } .EducationTeachingLayout { .EducationCourseComposer { .EducationPanelHeading { } .EducationFieldGrid { .EducationField, .EducationField--wide { } .EducationField { .EducationInputUnit { } } .EducationColorField { } } .EducationDivider { } .EducationPoleBuilder { .EducationPoleFields { .EducationField { } .EducationSecondaryButton { } } .EducationPoleList { .EducationPoleEmpty { } } } .EducationIslandBuilder { .EducationIslandFields { .EducationField { } .EducationSecondaryButton { } } .EducationIslandList { .EducationIslandEmpty { } } } .EducationQuickImport { } .EducationStageBuilder { .EducationStageFields { .EducationStageBuilderTitle { } .EducationField, .EducationField--wide { } .EducationStageRow, .EducationStageRow--four { .EducationField { .EducationInputUnit { } } } .EducationRulesBuilder, .EducationField--wide { .EducationRulesHeading { } .EducationExerciseRuleList { } .EducationSecondaryButton { } } .EducationSecondaryButton { } } .EducationStageList { .EducationStageEmpty { } } } .EducationCourseActions { .EducationSecondaryButton { } .EducationPrimaryButton { } } } .EducationCourseLibrary { .EducationPanelHeading { } .EducationCourseList { .EducationLibraryEmpty { } } } } } .EducationExerciseRule { .EducationExerciseRuleTop { } .EducationExerciseRuleFields { } } .EducationExerciseRulesEmpty { } .EducationPoleEmpty { } .EducationPoleItem { .EducationPoleBearing { } } .EducationIslandEmpty { } .EducationIslandItem { } .EducationStageEmpty { } .EducationStageItem { .EducationItemActions { } } .EducationLibraryEmpty { } .EducationCourseCard { .EducationCourseAuthor { } .EducationCourseMeta { } .EducationCourseProgress { } .EducationCourseActionsInline { .EducationSecondaryButton { } } } .is-error { } } /* Smartphones */ @media (max-width: 767px) { .EducationTeaching { .EducationTeachingHero { .EducationKicker { } .EducationMapLink { } .EducationHeroActions { .EducationMapLink { } } } .EducationTeachingStats { } .EducationTeachingStatus { } .EducationTeachingLayout { .EducationCourseComposer { .EducationPanelHeading { } .EducationFieldGrid { .EducationField, .EducationField--wide { } .EducationField { .EducationInputUnit { } } .EducationColorField { } } .EducationDivider { } .EducationPoleBuilder { .EducationPoleFields { .EducationField { } .EducationSecondaryButton { } } .EducationPoleList { .EducationPoleEmpty { } } } .EducationIslandBuilder { .EducationIslandFields { .EducationField { } .EducationSecondaryButton { } } .EducationIslandList { .EducationIslandEmpty { } } } .EducationQuickImport { } .EducationStageBuilder { .EducationStageFields { .EducationStageBuilderTitle { } .EducationField, .EducationField--wide { } .EducationStageRow, .EducationStageRow--four { .EducationField { .EducationInputUnit { } } } .EducationRulesBuilder, .EducationField--wide { .EducationRulesHeading { } .EducationExerciseRuleList { } .EducationSecondaryButton { } } .EducationSecondaryButton { } } .EducationStageList { .EducationStageEmpty { } } } .EducationCourseActions { .EducationSecondaryButton { } .EducationPrimaryButton { } } } .EducationCourseLibrary { .EducationPanelHeading { } .EducationCourseList { .EducationLibraryEmpty { } } } } } .EducationExerciseRule { .EducationExerciseRuleTop { } .EducationExerciseRuleFields { } } .EducationExerciseRulesEmpty { } .EducationPoleEmpty { } .EducationPoleItem { .EducationPoleBearing { } } .EducationIslandEmpty { } .EducationIslandItem { } .EducationStageEmpty { } .EducationStageItem { .EducationItemActions { } } .EducationLibraryEmpty { } .EducationCourseCard { .EducationCourseAuthor { } .EducationCourseMeta { } .EducationCourseProgress { } .EducationCourseActionsInline { .EducationSecondaryButton { } } } .is-error { } } /* End of auto-generated class selectors. */