.course-legend-container{flex-wrap:wrap;justify-content:center;display:flex}.course-legend-inner{flex:1;justify-content:center;margin-bottom:2rem;display:flex}.rowcontent.roadmap{font-size:1.1rem;position:relative}.rowcontent.roadmap .roadmap{margin-bottom:2rem}.rowcontent.roadmap header img{width:200px;height:140px;margin:4rem auto 2rem}.rowcontent.roadmap header{margin-bottom:5px;font-size:1rem}.rowcontent.roadmap header h1{text-align:center;color:var(--text-color-dark);width:80%;margin:auto;font-size:2.5rem;font-style:normal;font-weight:700;line-height:1.5em;display:block}.rowcontent.roadmap header p{color:var(--text-secondary);text-align:center;margin-bottom:2rem;font-size:1.2rem;font-weight:400}.rowcontent.roadmap .divider{--svg-color:var(--divider-color-darker);text-align:center;margin-top:3rem;position:relative;overflow:hidden}.rowcontent.roadmap .divider:before,.rowcontent.roadmap .divider:after{background-color:var(--divider-color-darker);content:"";vertical-align:middle;width:50%;height:1px;display:inline-block;position:relative;top:-5px}.divider svg{fill:none;width:32px;height:32px;display:inline-block}.rowcontent.roadmap .divider:before{margin-left:-50%;right:1em}.rowcontent.roadmap .divider:after{margin-right:-50%;left:1em}.rowcontent.roadmap .divider span:before,.rowcontent.roadmap .divider span:after{content:"";width:.45em;height:.45em;color:var(--text-color);border:.15em solid;border-width:.15em .15em 0 0;display:inline-block;position:relative;top:-2px;right:.5rem;transform:rotate(135deg)}.rowcontent.roadmap .divider span:after{top:-2px;left:.5rem}.roadmap-section .tobedone{--s-background:#555}.roadmap-section .tobedone img{opacity:.6}.roadmap-section{border-bottom:1px dashed #2e2d2d;grid-template-columns:auto 1fr;padding:0;display:grid}.roadmap-section:last-child{border-bottom:1px solid var(--divider-color-darker);margin-bottom:3rem}.roadmap-section .roadmapsection-title{flex-direction:column;justify-content:flex-start;margin-top:.5rem;margin-right:2rem;display:flex;position:relative}.roadmap-section .roadmapsection-title>span{letter-spacing:-1px;color:var(--main-color);font-size:1.2rem}.roadmap .easy,.tippy-box .easy{--s-background:#00776b}.roadmap .medium,.tippy-box .medium{--s-background:#987018}.roadmap .hard,.tippy-box .hard{--s-background:#ab064d}.roadmap-section .roadmapsection-title>div{background:var(--s-background);text-align:center;color:#fff;border-radius:16px;place-content:center space-around;width:32px;height:32px;margin-top:12px;font-size:1.4rem;font-weight:700;transition:all .5s;position:relative}.roadmap-section:hover .roadmapsection-title>span{color:var(--accent-strong-color)}.roadmap-section:hover .roadmapsection-title>div{box-shadow:inset 0 0 1px 1px var(--text-color-dark);transform:scale(1.2)}.roadmap-section .roadmap-group:hover ul{box-shadow:inset 0 0 1px 1px #45444b}.roadmap-section .roadmapsection-title>div:after{content:"";width:.45em;height:.45em;color:var(--text-color-light);border:.15em solid;border-width:.15em .15em 0 0;display:block;position:absolute;top:1.8em;left:10px;transform:rotate(135deg)}.roadmap-section>div{flex-wrap:wrap;justify-content:center;align-items:center;gap:0 3.5rem;display:flex}.roadmap-section-1>div{gap:0 5rem}.roadmap-section-2>div{gap:0 6rem}.roadmap-section-3>div{gap:0 5rem}.roadmap-section-1>div .article-title,.roadmap-section-2>div .article-title,.roadmap-section-3>div .article-title{max-width:200px}.roadmap-groups{padding:3.5rem 0}.roadmap-group{color:var(--text-color);border-radius:8px;flex-direction:column;align-items:center;display:flex}.roadmap-group>div{flex-direction:row;align-items:center;margin-bottom:.5rem;display:flex}.roadmap-group .roadmap-group-name{text-align:left;letter-spacing:.5px;color:var(--text-color);text-shadow:0px 0px 3px var(--card-background);z-index:10;margin-left:6px;font-size:1.1em;font-weight:500;transition:all .4s;position:relative}.roadmap-group .roadmap-group-icon{--icon-size:1.25rem;content:"";width:var(--icon-size);height:var(--icon-size);background:var(--text-color-light);mask:var(--group-icon) no-repeat center;mask-size:var(--icon-size);opacity:.8;transition:all .5s;position:relative}.roadmap-group:hover span:after{background:var(--text-color-dark);color:var(--text-color-dark)}.roadmap-group>ul{background:var(--card-background);border:var(--card-border);border-radius:16px;flex-flow:column wrap;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.roadmap-group>ul>li{border-bottom:var(--card-border);display:list-item}.roadmap-group>ul>li a{padding:2px 16px 2px 8px}.roadmap-group>ul>li:first-child{padding-top:4px}.roadmap-group>ul>li:last-child{border-bottom:none;padding-bottom:4px}.roadmap-group:hover .roadmap-group-name{color:var(--accent-strong-color)}.roadmap-group:hover .roadmap-group-icon{background:var(--accent-strong-color)}.roadmap-article{align-items:center;margin:2px 3px;transition:all .4s;display:flex;position:relative}.roadmap-article>div{background:color-mix(in srgb, var(--s-background), black 30%);border-radius:8px;align-items:center;width:2rem;height:2rem;margin:2px 1px;transition:all .5s;display:flex;position:relative;inset:0;overflow:hidden;box-shadow:inset 0 0 3px 1px #222}.roadmap-article .article-title{opacity:.8;color:var(--text-selectable);transform-origin:0;max-width:120px;margin-left:.5rem;font-size:.8rem;transition:all .5s}.roadmap-article:hover .article-title{opacity:1;color:var(--text-selectable-selected);transform:scale(1.1)}img.article-icon{margin:auto;padding:5px;transition:all .5s;position:absolute;transform:translateY(0)}.roadmap-group>ul>li:hover{background-color:#6664}.article-badge{place-content:center;place-items:center;transition:all .5s;display:flex;position:absolute;inset:2px;transform:translateY(-2rem)}.roadmap-article:hover>div{box-shadow:inset 0 0 2px 2px var(--accent-color)}#figure-diagram{pointer-events:none;position:absolute;inset:0}#figure-diagram svg{stroke-dasharray:4 4;stroke:#555;fill:none;opacity:.8;stroke-width:3px;z-index:-1;animation:.8s linear infinite stroke-animation;position:absolute;inset:0}#figure-diagram svg path{mask-image:linear-gradient(#0000,#000 30% 65%,#0000);mask-size:max(100%,5px) max(100%,5px)}#figure-diagram svg.L_R:not(.B_T):not(.T_B) path{mask-image:linear-gradient(90deg,#0000,#000 30% 80%,#0000)}#figure-diagram svg.R_L:not(.B_T):not(.T_B) path{mask-image:linear-gradient(270deg,#0000,#000 30% 80%,#0000)}@keyframes stroke-animation{0%{stroke-dashoffset:0}to{stroke-dashoffset:-8px}}:root[data-theme=light] #figure-diagram svg{opacity:.2}@media screen and (width<=1571px){.roadmap-section>div .article-title{max-width:80px}.roadmap-section-1>div,.roadmap-section-2>div,.roadmap-section-3>div{gap:0 3rem}.roadmap-section-1>div .article-title,.roadmap-section-2>div .article-title,.roadmap-section-3>div .article-title{max-width:120px}}@media screen and (width<=991px){.roadmap-section{grid-template-columns:1fr;padding-top:0}.roadmap-section .roadmapsection-title{flex-direction:row;justify-content:flex-start;align-items:flex-end;gap:0;margin-bottom:1.5rem}.roadmap-section .roadmapsection-title>span{writing-mode:horizontal-tb;text-orientation:sideways;letter-spacing:0}.roadmap-section .roadmapsection-title>div{margin-left:12px}.roadmap-section .roadmapsection-title>div:after{display:none}.roadmap-section>div{flex-direction:column}.roadmap-groups{padding:0}.roadmap-group{align-items:flex-start;width:100%;max-width:500px;margin:0 0 20px}.roadmap-group>ul{align-items:flex-start;width:100%;padding:0;display:block}.roadmap-article:hover{box-shadow:none;color:var(--accent-color)}.roadmap-article:after{content:none}.roadmap-article .article-title{opacity:.8;max-width:400px;font-size:.95rem}#figure-diagram{display:none}}