.MediaList{list-style:none;list-style-image:none;padding-left:0;margin-top:0}.MediaItem{color:#e6e6e6;background:#171717;margin:0 0 28px;padding-left:10px;position:relative;overflow:hidden;transition:padding .3s}.MediaItem .s-vflex-outer{padding:20px;position:relative;z-index:5;background:radial-gradient(circle at left,rgba(0,0,0,.6) 0%,#000 25%)}.MediaItem:first-child{margin-top:0}.MediaItem a{text-decoration:none;transition:color .2s}.MediaItem .thumbnail-wrap{overflow:hidden;height:100%;position:absolute;top:0;left:0}.MediaItem .thumbnail img{height:100%;opacity:.5;width:auto}.MediaItem .Instructor{overflow:hidden}.MediaItem .Instructor a{float:left}.MediaItem .corner-flag{background:#f09e14;color:#222;font-weight:700;font-size:13px;padding:5px 0;position:absolute;right:0;text-align:center;top:90px;transform:rotate(45deg);transform-origin:bottom right;width:170px;z-index:5}.MediaItem .title{font-weight:400;margin:0 0 5px}.MediaItem .meta{color:#8a8a8a;font-size:14px;margin:10px 0}.MediaItem .meta.top{font-weight:600;margin:0}.MediaItem .cta{margin-top:20px}.MediaItem .description{font-size:14px;margin:10px 0}.MediaItem .description a{color:#aaa;text-decoration:underline}.MediaItem .captioned{background:#8a8a8a;border-radius:8px;color:#222;display:inline-block;margin-left:5px;padding:0 4px}.MediaItem .progress{position:absolute;bottom:0;left:0;background:#3e3e3e;height:6px;width:100%;z-index:6}.MediaItem .highlight{background:#c02d28;height:8px}.MediaItem .drag-handle{display:none}.MediaItem:hover .thumbnail img{opacity:1}.MediaItem.to-be-announced .s-vflex-outer{background:radial-gradient(circle at left,rgba(48,48,48,.75) 0%,#303030 25%)}.MediaItem.to-be-announced .meta.top{padding-right:80px}.MediaItem.to-be-announced h2.title{color:#f09e14;padding-right:40px}.MediaItem.to-be-announced:hover .thumbnail img{opacity:.5}@media only screen and (min-width:568px){.MediaItem{padding-left:100px}}@media only screen and (min-width:768px){.MediaItem .s-vflex-outer{min-height:325px}.MediaItem{padding-left:200px}.MediaListAsBlocks{display:flex;flex-wrap:wrap;justify-content:space-between}.MediaListAsBlocks .MediaItem{padding-left:100px;width:48.5%}.MediaListAsBlocks .MediaItem .thumbnail{height:100%}.MediaListAsBlocks .MediaItem .Button{display:block}.MediaListAsBlocks .MediaItem .Button+.Button{margin:10px 0 0}.MediaListAsBlocks .MediaItem:nth-child(2){margin-top:0}}@media only screen and (min-width:1024px){.MediaItem{padding-left:325px}.MediaListAsBlocks .MediaItem .Button{display:inline-block}.MediaListAsBlocks .MediaItem .Button+.Button{margin:0 0 0 5px}}.MediaItem-Complete{background:#c63528 0;color:#ccc;position:relative;overflow:visible;min-height:150px;margin-top:28px;padding-left:100px}.MediaItem-Complete .checkmark-circle{display:none}@media only screen and (min-width:768px){.MediaItem-Complete .checkmark-circle{display:block}}.MediaItem-Complete .description,.MediaItem-Complete .porthole,.MediaItem-Complete .meta,.MediaItem-Complete .bio,.MediaItem-Complete .progress,.MediaItem-Complete .cta,.MediaItem-Complete .drag-handle{display:none}.MediaItem-Complete .s-vflex-outer{padding:20px;position:relative;z-index:4;background:#c63528;overflow:hidden}@media only screen and (min-width:768px){.MediaItem-Complete .s-vflex-outer{background:radial-gradient( circle at left,rgba(198,53,40,.5) 0%,rgba(198,53,40,.5) 40%,rgba(228,96,37,.5) 100% )}}.MediaItem-Complete .thumbnail-wrap{overflow:hidden;height:100%;position:absolute;top:0;left:0}.MediaItem-Complete .thumbnail img{height:100%;opacity:.5;width:auto}.MediaItem-Complete:hover img{opacity:1}.MediaItem-Complete .Instructor .name,.MediaItem-Complete .Instructor .organization{padding:0;margin:0;color:#fff;opacity:.9}.MediaItem-Complete .title a{color:#fff;text-decoration:none;padding:0}.MediaItem-Complete .Instructor{min-height:0;padding:0}@media only screen and (min-width:768px){.MediaItem-Complete,.MediaItem-Complete .s-vflex-outer{min-height:0}.MediaItem-Complete{padding-left:180px}.MediaItem-Complete .s-vflex-outer{padding:40px}.MediaItem-Complete .thumbnail{height:180px}}@keyframes checkmark{0%{height:0;width:0;opacity:1}20%{height:0;width:37.5px;opacity:1}40%{height:75px;width:37.5px;opacity:1}100%{height:75px;width:37.5px;opacity:1}}@keyframes checkmark-revert{0%{height:0;width:0;opacity:1}20%{height:0;width:37.5px;opacity:1}40%{height:75px;width:37.5px;opacity:1}100%{height:75px;width:37.5px;opacity:1}}.checkmark-wrap{position:absolute;top:17%;left:-55px;z-index:5}.checkmark-circle{width:120px;height:120px;position:relative;display:inline-block;vertical-align:top}.checkmark-circle .background{width:110px;height:110px;border-radius:50%;background:#fff;position:absolute}.checkmark-circle .checkmark{border-radius:5px}.checkmark-circle .checkmark.draw::after{animation-delay:100ms;animation-duration:1s;animation-timing-function:ease;animation-name:checkmark;transform:scaleX(-1)rotate(135deg);animation-fill-mode:forwards}.checkmark-circle .checkmark::after{opacity:1;height:75px;width:37.5px;transform-origin:left top;border-right:15px solid #c63528;border-top:15px solid #c63528;border-radius:2.5px!important;content:"";left:15px;top:65px;position:absolute}.Instructor{min-height:80px;position:relative;padding-left:95px}.Instructor .porthole{border-top:2px solid #111;border-left:2px solid #111;position:absolute;top:0;left:0;background:#111;border-radius:40px;height:80px;overflow:hidden;width:80px;z-index:1}.Instructor a{color:#fff;text-decoration:none}.Instructor a:hover .porthole{border-top:2px solid #000;border-left:2px solid #000}.Instructor .name,.Instructor .name a{padding-top:15px;color:#e6e6e6;font-size:18px}.Instructor .organization,.Instructor .organization a{color:#8a8a8a;font-size:16px}.circle-progress{transform:rotate(-90deg);position:relative;z-index:3}.circle-progress-bar{stroke-dasharray:350px;stroke-dashoffset:350px;transition:stroke-dashoffset .5s}.PathItem{text-align:center;color:#e6e6e6;background:#303030;margin-bottom:28px;position:relative;overflow:hidden;padding:20px;position:relative}.PathItem .icon{position:absolute;top:22.5%;left:22.5%;width:55%;height:55%;opacity:.3}.PathItem .icon-vue{top:22%;left:17%;width:65%;height:65%}.PathItem .icon-react{width:68%;height:68%;top:16%;left:16%}.PathItem .icon-javascript{width:52%;height:52%;top:24%;left:24%}.PathItem .icon-css{top:20%;left:20%;width:60%;height:60%}.PathItem .icon-node-js{top:16%;left:16%;width:68%;height:68%}.PathItem .icon-sprout{top:25%;left:25%;width:52%;height:52%}.PathItem .icon-rocket{top:22%;left:21%;width:55%;height:55%}.PathItem .icon-robot-reading{top:16%;left:21%;width:60%;height:60%}.PathItem .icon-robot{top:19%;left:18%;width:62%;height:62%}.PathItem .icon-webdesign{top:17%;left:18%;width:62%;height:62%}.PathItem .icon-d3{top:20%;left:24%;width:58%;height:58%}.PathItem .icon-buildtools{top:10%;left:15%;width:70%;height:70%}.PathItem .icon-browser-apis{top:10%;left:18%;width:68%;height:68%}.PathItem .icon-plane{top:18%;left:18%;width:62%;height:62%}.PathItem .icon-angular{top:18%;left:19%;width:63%;height:63%}.PathItem .icon-rx{top:16%;left:16%;width:68%;height:68%}.PathItem .icon-functional-javascript{width:62%}.PathItem .flex-inner{display:flex;flex-direction:column;height:100%;justify-content:space-between}.PathItem .path-icon-wrap{position:relative}.PathItem a{text-decoration:none}.PathItem a h1,.PathItem a h2,.PathItem a p{color:#fff;border:none}.PathItem .Button{bottom:0;margin:0 auto;min-width:175px}.LearnAbout{position:relative;min-height:380px;padding-bottom:50px}.LearnAbout .background{z-index:1;position:absolute;opacity:.65;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:50%}.LearnAbout .grid{z-index:2;position:absolute;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAQAAAAD+Fb1AAAAEklEQVR42mNg+M8AAhASDUClAEXeA/1LlYqzAAAAAElFTkSuQmCC);opacity:.18;top:0;right:0;bottom:0;left:0}.LearnAbout .diagonal-one,.LearnAbout .diagonal-two{width:100%;height:60px;bottom:0;position:absolute;fill:rgba(0,0,0,.4)}.LearnAbout .s-wrap{z-index:3;position:relative;margin:20px auto 0;max-width:1000px}.LearnAbout .header-meta{align-self:center;line-height:1.25;text-align:center;text-shadow:0 2px 12px rgba(0,0,0,.5)}.LearnAbout .header-meta h1{font-size:36px;margin-bottom:10px}.LearnAbout .header-meta h1 span{display:block;font-size:27px;color:rgba(200,200,200,.8);margin-bottom:10px;letter-spacing:.5px}.LearnAbout .header-meta h2{font-size:21px;font-weight:300;margin-bottom:20px}.LearnAbout .header-progress{width:300px;position:relative;margin:0 auto}.LearnAbout .header-progress svg{width:300px}.LearnAbout .header-progress .icon{top:50px;left:18%;right:20%;width:65%;position:absolute;fill:#000;opacity:.2;z-index:2}.LearnAbout .header-progress .icon-background{position:absolute;top:0;right:0;left:0;bottom:0;z-index:1}.LearnAbout .header-progress .icon-node-js{width:75%;left:14%;top:55px;width:220px;height:220px}.LearnAbout .header-progress .icon-javascript{width:190px;height:190px}.LearnAbout .header-progress .icon-vue{height:240px}.LearnAbout .header-progress .icon-sprout{top:32px;left:40px;width:230px;height:230px}.LearnAbout .header-progress .icon-python{width:210px;height:210px;left:45px;top:45px}.LearnAbout .header-progress .icon-buildtools{width:210px;height:210px;left:30px;top:17px}.header-progress-completed{width:82%;height:82%;position:absolute;top:9%;left:9%;z-index:2;background:linear-gradient(#e46025,#c63528);opacity:0;border-radius:50%;transition-property:opacity;transition-delay:1s;transition-duration:1s}.header-progress-show{opacity:.6}.learn-course-list h3{font-size:46px;text-align:center;padding:0;margin:0}.learn-course-list h4{font-size:21px;text-align:center;padding:0;margin:0;margin-top:-5px;padding-bottom:10px;font-weight:400}#learn-course-list-core{padding-top:50px}#learn-course-list-core header{text-align:center}#learn-course-list-core header svg{width:100px}#learn-course-list-electives header{text-align:center}#learn-course-list-electives header svg{width:130px}@media only screen and (min-width:1024px){.LearnAbout .s-wrap{display:flex}.LearnAbout .header-meta{margin-left:40px;text-align:left}}.LearningPathCore{margin:30px 0;padding-left:50px;position:relative}.LearningPathCore .MediaItem,.LearningPathCore .MediaItem-Complete{margin:0 0 25px}.LearningPathProgress{position:absolute;top:40px;left:15px;bottom:0;background:#3e3e3e;width:10px}.LearningPathProgress::before,.LearningPathProgress::after{position:absolute;top:-40px;left:-15px;background:#3e3e3e;content:'';height:40px;width:40px}.LearningPathProgress::after{border-radius:50%;bottom:-40px;top:auto}.LearningPathProgress .progress{position:absolute;top:0;left:0;background:#c63528;height:0;transition:height 5s;width:100%}.LearningPathProgress.started::before{border-color:#c63528}.LearningPathProgress.completed::after{border-color:#c63528}.EditorsNote{position:relative;background:#3a3a3a;height:0;margin:0}.EditorsNote h2{padding:0;margin:0;font-size:19px}.EditorsNote h2,.EditorsNote .content{opacity:0;transition-property:opacity,height;transition-duration:2s}.EditorsNote .icon{position:absolute;left:-50px;top:0;font-size:27px;font-weight:700;border-radius:50%;background:#3a3a3a;color:#fff;cursor:pointer;height:40px;text-align:center;width:40px}.EditorsNote .icon:hover{background:#bbb;color:#3a3a3a}.EditorsNote:first-child .icon{border-radius:0}.EditorsNote.note-open{padding:20px 40px;border-radius:15px;height:auto;margin-bottom:25px}.EditorsNote.note-open h2,.EditorsNote.note-open .content{opacity:1}.EditorsNote.note-open .icon{background:#ccc;color:#000}@media only screen and (min-width:768px){.LearningPathCore{padding-left:100px}.LearningPathProgress{top:60px;left:25px}.LearningPathProgress::before,.LearningPathProgress::after{top:-60px;left:-25px;height:60px;width:60px}.LearningPathProgress::after{bottom:-60px;top:auto}.EditorsNote .icon{height:60px;left:-100px;line-height:60px;width:60px}}