.screencast-header_style_angular{background:linear-gradient(125.41deg,#1545a2 -29.99%,#3288e8);padding-bottom:20px;padding-top:80px}.screencast-header_style_angular .screencast-header__bottom{color:#fff;font-size:20px;text-align:center}.screencast-header_style_angular .screencast-header__title{margin-bottom:8px}.screencast-header_style_angular .screencast-header__note{color:#fff;margin:24px auto 0;max-width:800px;opacity:.7}.screencast-header_style_angular .screencast-header__title-accent{background:url(/pack/angular.bd4273565bdde0ba6d43.svg) 10px no-repeat;color:#52d3fa;padding-left:222px}.screencast-header_style_angular .share-icons{margin-top:45px}.screencast-header_style_angular .share-icons__title{color:#fff}.screencast-header_style_angular .screencast-header__button .simple-button__text{color:#52d3fa}.screencast-header_style_angular .share-icons .share{color:#f2b8b7}.working-hover .screencast-header_style_angular .share-icons .share:hover{color:hoverize(#f2b8b7)}.screencast-header_style_angular .screencast-header__foot{color:#fff}.screencast-header_style_angular .screencast-header__tag{background:#f9ab34;color:#1e2937!important;margin:0;padding:10px 60px;position:absolute;right:-60px;text-decoration:none!important;top:27px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.screencast-header_style_angular:after{background:url(/pack/arrow-react.9a034e0e4d26b093ade7.svg);content:"";display:block;height:31px;margin:30px auto 0;opacity:.5;position:static;width:31px}.screencast-header_style_git{background:#f0f0e8 url(/pack/screencast-header_style_git.1b83214b8bf1a236c795.svg) 50% 50% no-repeat;background-size:cover;color:#2f2606;padding:50px 50px 20px}.screencast-header_style_git .screencast-header__bottom{font-size:20px;margin:30px 0;text-align:center}.screencast-header_style_git .screencast-header__title{margin-bottom:8px}.screencast-header_style_git .screencast-header__note{margin:24px auto 0;max-width:800px;opacity:.7}.screencast-header_style_git .screencast-header__title-accent{background:url(/pack/git.1072a7527c6ff845dfd5.svg) 10px no-repeat;color:#52d3fa;padding-left:222px}.screencast-header_style_git .share-icons{margin:20px}.screencast-header_style_git .share-icons__title{color:#2f2606}.screencast-header_style_git .screencast-header__button .simple-button__text{color:#52d3fa}.screencast-header_style_git .share-icons .share{color:#a7742e}.working-hover .screencast-header_style_git .share-icons .share:hover{color:hoverize(#a7742e)}.screencast-header_style_git .screencast-header__foot{color:#fff}.screencast-header_style_git .screencast-header__tag{background:#f9ab34;color:#1e2937!important;margin:0;padding:10px 60px;position:absolute;right:-60px;text-decoration:none!important;top:27px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.screencast-header_style_gulp{background:#020806 url(/pack/screencast-header_style_gulp.9cdb5069392a3ca5ee55.jpg) 50% 50% no-repeat;background-size:cover}.screencast-header_style_gulp .screencast-header__title{margin-top:-40px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.screencast-header_style_gulp .screencast-header__description{text-shadow:0 2px 4px rgba(0,0,0,.5)}.screencast-header_style_gulp .screencast-header__title-accent{background:url(/pack/gulp.9f4d2050e5bb0e6c0046.svg);display:inline-block;height:107px;left:16px;position:relative;top:30px;width:167px}.screencast-header_style_gulp .screencast-header__info{color:#fff;opacity:.6;text-shadow:0 2px 2px #000}.screencast-header_style_gulp .donate-links__link,.screencast-header_style_gulp .share-icons .share{color:#8dd792}.screencast-header_style_gulp .donate-links__title,.screencast-header_style_gulp .share-icons__title{color:#fff}.screencast-header_style_gulp .donate-links__link:hover,.working-hover .screencast-header_style_gulp .share-icons .share:hover{color:hoverize(#8dd792)}.screencast-header_style_gulp .screencast-header__button .simple-button__text{color:#8dd792}.screencast-header_style_gulp .screencast-header__button .simple-button__description{color:#fff}.screencast-header_style_gulp .screencast-header__foot{color:#fff;text-shadow:0 2px 2px rgba(0,0,0,.5)}.screencast-header_style_gulp .screencast-header__tag{background:#b1d490;color:#1e2937!important;margin:0;padding:10px 60px;position:absolute;right:-60px;text-decoration:none!important;top:27px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.screencast-header_style_gulp:after{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMSIgdmlld0JveD0iMCAwIDMwIDMxIj48dGl0bGU+RmlsbCA0OCArIE92YWwgMjwvdGl0bGU+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSguNSAxKSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEzLjYzNyAyMi45OGExIDEgMCAwIDAgLjA4Ny4wNTVsLjA5OC4wNXEuMDI2LjAxMi4wNTMuMDI2bC4wMy4wMWExIDEgMCAwIDAgLjE5NS4wNnEuMDUyLjAxMS4xMDcuMDE4LjA0NS4wMDguMDkuMDEyLjA1Ny4wMDMuMTEuMDAyLjA0NSAwIC4wOS0uMDAyLjA1Ni0uMDA0LjExMy0uMDE0LjA0Mi0uMDA1LjA4NC0uMDE1YTEuMyAxLjMgMCAwIDAgLjE5NC0uMDU2bC4wNC0uMDEzcS4wMzItLjAxMy4wNjQtLjAzMmExLjMgMS4zIDAgMCAwIC4xNzctLjFxLjAzNi0uMDI2LjA3LS4wNTNhMSAxIDAgMCAwIC4wOS0uMDc3cS4wMjMtLjAxNy4wNDItLjAzNmw2LjQzNy02LjQzNmExLjM3NSAxLjM3NSAwIDEgMC0xLjk0NC0xLjk0NGwtNC4wOSA0LjA5VjUuNzlBMS4zNyAxLjM3IDAgMCAwIDE0LjQgNC40MTJjLS4zOCAwLS43MjMuMTU0LS45NzIuNDAzYTEuMzcgMS4zNyAwIDAgMC0uNDAzLjk3M1YxOC41MmwtNC4wOS00LjA5YTEuMzc2IDEuMzc2IDAgMCAwLTEuOTQ1IDEuOTQ2bDYuNDQgNi40MzZxLjAyLjAyLjA0Mi4wMzhhMS40IDEuNCAwIDAgMCAuMTY1LjEzIi8+PGNpcmNsZSBjeD0iMTQuNSIgY3k9IjE0LjUiIHI9IjE0LjUiIHN0cm9rZT0iI2ZmZiIvPjwvZz48L3N2Zz4=)}.screencast-header_style_nodejs{background:#020806 url(/pack/screencast-header_style_nodejs.a8ac05659b9c12091f01.jpg) 50% 50% no-repeat;background-size:cover}.screencast-header_style_nodejs .screencast-header__title-accent{color:#dfc374}.screencast-header_style_nodejs .screencast-header .share-icons__title,.screencast-header_style_nodejs .screencast-header__info{color:hsla(0,0%,100%,.7)}.screencast-header_style_nodejs .share-icons .share{color:#dfc374}.working-hover .screencast-header_style_nodejs .share-icons .share:hover{color:hoverize(#dfc374)}.screencast-header_style_nodejs .screencast-header__foot{color:#b1d490}.screencast-header_style_nodejs .screencast-header__tag{background:#b1d490;color:#1e2937!important;margin:0;padding:10px 60px;position:absolute;right:-60px;text-decoration:none!important;top:27px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.screencast-header_style_nodejs:after{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMSIgaGVpZ2h0PSIzMSI+PHRpdGxlPlNsaWNlIDE8L3RpdGxlPjx0aXRsZT5MYXllciAxPC90aXRsZT48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGZpbGw9IiNiMWQ0OTAiIGQ9Ik0xNC42MzcgMjMuOThxLjA0Mi4wMy4wODYuMDU0LjA0OS4wMjYuMS4wNWMuMDE3LjAwOC4wMzMuMDIuMDUyLjAyN2wuMDMuMDFxLjA1Mi4wMjIuMTA3LjAzNy4wNDQuMDEzLjA4OC4wMjQuMDUyLjAxMy4xMDYuMDJjLjAzMi4wMDMuMDYuMDEuMDkyLjAxcS4wNTUuMDA0LjExLjAwMy4wNDYgMCAuMDg4LS4wMDIuMDU3LS4wMDIuMTE0LS4wMTMuMDQyLS4wMDUuMDg0LS4wMTVhMSAxIDAgMCAwIC4xMS0uMDMgMSAxIDAgMCAwIC4wODQtLjAyNmwuMDQtLjAxM3EuMDMtLjAxMy4wNjQtLjAzMi4wNC0uMDE4LjA4LS4wNGwuMDk3LS4wNnEuMDM0LS4wMjUuMDctLjA1bC4wOS0uMDhjLjAxMy0uMDEuMDMtLjAyMi4wNC0uMDM1bDYuNDM4LTYuNDM2Yy41MzYtLjU0LjUzNi0xLjQxIDAtMS45NDZhMS4zOCAxLjM4IDAgMCAwLTEuOTQ1IDBsLTQuMDkgNC4wOTJWNi43ODhjMC0uNDc1LS4yNC0uODk0LS42MDYtMS4xNGExLjM3IDEuMzcgMCAwIDAtMS43NDIuMTY3IDEuMzcgMS4zNyAwIDAgMC0uNDAzLjk3M1YxOS41MmwtNC4wOS00LjA5YTEuMzc3IDEuMzc3IDAgMCAwLTEuOTQ0IDAgMS4zODMgMS4zODMgMCAwIDAgMCAxLjk0Nmw2LjQ0IDYuNDM2cS4wMi4wMi4wNDIuMDM4LjA0LjAzOC4wODYuMDc0LjAzOC4wMy4wOC4wNTYiLz48Y2lyY2xlIGN4PSIxNS41IiBjeT0iMTUuNSIgcj0iMTQuNSIgc3Ryb2tlPSIjYjFkNDkwIi8+PC9nPjwvc3ZnPg==)}.screencast-header_style_react{background:#1f2127 url(/pack/screencast-header_style_react.f583cad85ff28e81fbf4.png) 50% 50% no-repeat;background-size:cover;padding:50px 50px 20px}.screencast-header_style_react .screencast-header__top{color:#fff;font-size:24px;opacity:.6}.screencast-header_style_react .screencast-header__title{margin-bottom:50px}.screencast-header_style_react .screencast-header__title-accent{background:url(/pack/react-small.3c794a33a1a233d73952.svg) 10px no-repeat;color:#52d3fa;padding-left:60px}.screencast-header_style_react .screencast-header .share-icons__title,.screencast-header_style_react .screencast-header__info{color:hsla(0,0%,100%,.7)}.screencast-header_style_react .screencast-header__button .simple-button__text,.screencast-header_style_react .share-icons .share{color:#52d3fa}.working-hover .screencast-header_style_react .share-icons .share:hover{color:hoverize(#52d3fa)}.screencast-header_style_react .screencast-header__foot{color:#fff}.screencast-header_style_react .screencast-header__tag{background:#f9ab34;color:#1e2937!important;margin:0;padding:10px 60px;position:absolute;right:-60px;text-decoration:none!important;top:27px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.screencast-header_style_react:after{background:url(/pack/arrow-react.9a034e0e4d26b093ade7.svg);content:"";display:block;height:31px;margin:30px auto 0;opacity:.5;position:static;width:31px}.screencast-header_style_webpack{background:#67a2d2 url(/pack/screencast-header_style_webpack.10d6f022d5ae399be5da.jpg) 50% 50% no-repeat}.screencast-header_style_webpack .screencast-header__title-accent{color:#fffb9d;text-transform:uppercase}.screencast-header_style_webpack .screencast-header__button .simple-button__text{color:#fffb9d}.screencast-header_style_webpack .donate-links__title,.screencast-header_style_webpack .screencast-header__info,.screencast-header_style_webpack .share-icons__title{color:hsla(0,0%,100%,.7)}.screencast-header_style_webpack .share-icons .share{color:#fffb9d}.screencast-header_style_webpack .screencast-header__foot,.working-hover .screencast-header_style_webpack .share-icons .share:hover{color:#fff}.screencast-header_style_webpack:after{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMSIgaGVpZ2h0PSIzMSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTQuNjM3IDIzLjk4cS4wNDIuMDMuMDg2LjA1NC4wNDkuMDI2LjEuMDVjLjAxNy4wMDguMDMzLjAyLjA1Mi4wMjdsLjAzLjAxcS4wNTIuMDIyLjEwNy4wMzcuMDQ0LjAxMy4wODguMDI0LjA1Mi4wMTMuMTA2LjAyYy4wMzIuMDAzLjA2LjAxLjA5Mi4wMXEuMDU1LjAwNC4xMS4wMDMuMDQ2IDAgLjA4OC0uMDAyLjA1Ny0uMDAyLjExNC0uMDEzLjA0Mi0uMDA1LjA4NC0uMDE1YTEgMSAwIDAgMCAuMTEtLjAzIDEgMSAwIDAgMCAuMDg0LS4wMjZsLjA0LS4wMTNxLjAzLS4wMTMuMDY0LS4wMzIuMDQtLjAxOC4wOC0uMDRsLjA5Ny0uMDZxLjAzNC0uMDI1LjA3LS4wNWwuMDktLjA4Yy4wMTMtLjAxLjAzLS4wMjIuMDQtLjAzNWw2LjQzOC02LjQzNmMuNTM2LS41NC41MzYtMS40MSAwLTEuOTQ2YTEuMzggMS4zOCAwIDAgMC0xLjk0NSAwbC00LjA5IDQuMDkyVjYuNzg4YzAtLjQ3NS0uMjQtLjg5NC0uNjA2LTEuMTRhMS4zNyAxLjM3IDAgMCAwLTEuNzQyLjE2NyAxLjM3IDEuMzcgMCAwIDAtLjQwMy45NzNWMTkuNTJsLTQuMDktNC4wOWExLjM3NyAxLjM3NyAwIDAgMC0xLjk0NCAwIDEuMzgzIDEuMzgzIDAgMCAwIDAgMS45NDZsNi40NCA2LjQzNnEuMDIuMDIuMDQyLjAzOC4wNC4wMzguMDg2LjA3NC4wMzguMDMuMDguMDU2Ii8+PGNpcmNsZSBjeD0iMTUuNSIgY3k9IjE1LjUiIHI9IjE0LjUiIHN0cm9rZT0iI2ZmZiIvPjwvZz48L3N2Zz4=)}:root{--white:#fff;--grey-120:#313130;--grey-46:#716f6e;--grey-30:#908e8d;--grey-16:#c6c4c2;--grey-10:#f7f4f3;--grey-11:#e9e6e4;--grey-13:#d9d6d5;--redBrand-46:#c4433a;--redBrand-30:#df6c5d;--redBrand-12:#fcd5ce;--blueAction-30:#748dcd;--blueAction-46:#436ebd;--green-46:#407b5a;--green-30:#4f9e72;--green-16:#91c2a3;--green-12:#cde3d5;--green-10:#f0f7f2;--orange-30:#df6e41;--red-10:#feeeed;--red-12:#fad5d2;--red-30:#dc6968;--red-46:#c73943;--yellow-46:#a15d00;--yellow-30:#d07a00;--yellow-10:#fff4e4;--yellow-11:#fee3d4;--blue-46:#0d75a1;--blue-30:#4b94be;--blue-12:#d0e0ed;--blue-10:#ecf2f8;--foregroundInverted:var(--grey-10);--foregroundDefault:var(--grey-120);--foregroundAlt:var(--grey-46);--foregroundSubtle:var(--grey-30);--foregroundAccent:var(--redBrand-46);--foregroundAccentHover:var(--redBrand-30);--foregroundAction:var(--blueAction-46);--foregroundConstructive:var(--green-46);--foregroundConstructiveAlt:var(--green-30);--foregroundCallout:var(--orange-30);--foregroundCalloutAlt:var(--yellow-30);--foregroundInformation:var(--blue-30);--foregroundPrimaryCTA:var(--white);--borderPrimary:var(--grey-11);--borderSecondary:var(--grey-10);--borderAlt:var(--yellow-10);--borderConstructive:var(--green-10);--borderAccent:var(--redBrand-12);--borderAccentHover:var(--redBrand-30);--borderAction:var(--blueAction-30);--borderImportant:var(--grey-10);--backgroundBase:var(--white);--backgroundAlt:var(--grey-10);--backgroundAltHover:var(--grey-11);--backgroundInverted:var(--grey-120);--backgroundElevated1:var(--white);--backgroundElevated2:var(--white);--backgroundConstructive:var(--green-46);--backgroundConstructiveAlt:var(--green-30);--backgroundCalloutAlt:var(--yellow-10);--backgroundTextWarningBanner:var(--backgroundCalloutAlt);--backgroundTextHighlight:var(--yellow-11);--backgroundProgressBar:var(--grey-13);--backgroundProgressBarValue:var(--green-16);--foregroundSidebarLink:var(--foregroundDefault);--lessonsListBorder:var(--borderSecondary);--iframeBg:var(--white);--borderPrismLineHighlight:#a67f59;--backgroundPrismLineHighlight:#f5e7c6;--prismBlockBg:var(--grey-10);--prismLineNumbersBg:#e7e5e3;--prismColor:var(--foregroundDefault);--prismTokenComment:#708090;--prismTokenConstant:var(--foregroundDefault);--prismTokenPunctuation:#708090;--prismTokenSymbols:#905;--prismTokenSymbolsAlt:#690;--prismTokenOperator:#a67f59;--prismTokenAtRule:#07a;--prismTokenKeywordControl:#07a;--prismTokenFunctionAndClassname:#dd4a68;--prismTokenRegex:#e90;--prismTokenClassname:#dd4a68;--prismTokenVariable:#e90;--prismTokenKeyword:#07a;--prismTokenImportant:#e90;--prismTokenTagPunctuation:#999;--prismTokenCdata:#708090;--prismTokenAttrvalue:#07a;--gradientFadeOutLight:linear-gradient(180deg,hsla(0,0%,100%,0) 0,#fff 80%);--gradientFadeOutDark:linear-gradient(180deg,rgba(35,37,41,0) 0,#232529 80%);--gradientFadeOut:var(--gradientFadeOutLight)}html[data-theme=dark]{--grey-120:#e2e3e7;--grey-66:#c4c7cf;--grey-46:#868d9a;--grey-30:#696e79;--grey-16:#41454c;--grey-13:#35383f;--grey-11:#292c31;--grey-10:#232529;--redBrand-46:#e3796a;--redBrand-30:#d2483e;--redBrand-12:#602620;--blueAction-46:#84a0ef;--blueAction-30:#427ae7;--green-46:#5fa67d;--green-30:#448460;--green-16:#315841;--green-12:#253e2f;--green-10:#1f3428;--orange-30:#ba5d38;--yellow-46:#cf9a69;--yellow-30:#b2722a;--yellow-10:#38230b;--yellow-11:#462b0d;--blue-46:#78aacd;--blue-30:#2a88b7;--blue-12:#193c50;--blue-10:#162936;--red-10:#441b1b;--red-12:#632425;--red-30:#d55759;--red-46:#e88b88;--backgroundBase:var(--grey-10);--backgroundAlt:var(--grey-11);--backgroundAltHover:var(--grey-13);--backgroundElevated1:var(--grey-13);--backgroundElevated2:var(--grey-16);--foregroundInverted:var(--grey-120);--foregroundAccent:var(--redBrand-46);--foregroundAccentHover:var(--redBrand-30);--foregroundSidebarLink:var(--foregroundDefault);--foregroundPrimaryCTA:var(--grey-10);--lessonsListBorder:var(--borderPrimary);--borderImportant:var(--grey-13);--borderPrimary:var(--grey-13);--borderAccent:var(--redBrand-12);--backgroundProgressBar:var(--grey-13);--backgroundProgressBarValue:var(--grey-30);--iframeBg:var(--grey-66);--borderPrismLineHighlight:#462900;--backgroundPrismLineHighlight:#44475a;--prismBlockBg:#282a36;--prismLineNumbersBg:var(--prismBlockBg);--prismColor:#f8f8f2;--backgroundCalloutAlt:#462900;--backgroundTextHighlight:var(--backgroundAlt);--prismTokenComment:#6272a4;--prismTokenConstant:#9876aa;--prismTokenPunctuation:#f8f8f2;--prismTokenSymbols:#bd93f9;--prismTokenSymbolsAlt:#f1fa8c;--prismTokenOperator:#ff79c6;--prismTokenAtRule:#ce9178;--prismTokenKeywordControl:#c586c0;--prismTokenFunctionAndClassname:#8be9fd;--prismTokenRegex:#d16969;--prismTokenClassname:#8be9fd;--prismTokenVariable:#9cdcfe;--prismTokenKeyword:#ff79c6;--prismTokenImportant:#ff79c6;--prismTokenInterpolation:#f8f8f2;--prismTokenTagPunctuation:grey;--prismTokenCdata:grey;--prismTokenAttrvalue:#ce9178;--gradientFadeOut:var(--gradientFadeOutDark)}:root{--color_red:#b80000;--color_green:#469269;--color_black:#000;--color_orange:#f8ab47;--color_orange_light:#fdc073;--color-red-accent:#d44242;--link_color:#0059b2;--light_link_color:#3b86c4;--alternate_link_color:#2974bb;--link_color_new:#3a8aed;--link_hover_color:#ba1000;--link_visited_color:#551a8b;--navigation_link_color:#696664;--color-grey-25:#3b3b3b;--color-grey-60:#919191;--color-grey-80:#c6c6c6;--color-grey-90:#e2e2e2;--text_yellow:#fffed7;--text_grey_dark:#373636;--text_courses_dark:#404040;--color:#333;--code_color:#333;--gray_color:#666;--light_gray_color:#999;--ultralight_gray_color:#e1e1e1;--separator_color:#dfdfd0;--secondary_color:#b20600;--hover_color_correction:25%;--background:#fff;--background_light:#eee;--background_blocks:#f5f2f0;--background_yellow_light:#f6f4eb;--background_yellow_dark:#ede9d8;--errorColor:#cc5b4d}html[data-theme=dark] img{-webkit-filter:brightness(.8) contrast(1.2);filter:brightness(.8) contrast(1.2)}.playlist-item{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;padding:24px 24px 24px 48px;position:relative;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;width:100%}.playlist-item_active{border-left:2px solid #d44242;margin-left:-1px;padding-left:47px}.playlist-item_active:before{border-color:transparent transparent transparent #d44242;border-style:solid;border-width:6px 0 6px 10px;content:"";display:block;left:20px;position:absolute;top:29px}@media (max-width:890px){.playlist-item_active{border-left:0}.playlist-item_active:before{display:none}}.playlist-item_active .playlist-item__id,.playlist-item_active .playlist-item__name{color:#d44242}@media (max-width:890px){.playlist-item{font-size:14px;line-height:20px;padding:16px 0}}.working-hover .playlist-item:hover{cursor:pointer}.playlist-item__id{color:#c6c6c6;width:40px;-webkit-box-flex:0;-webkit-flex:0 0 40px;-ms-flex:0 0 40px;flex:0 0 40px}.working-hover .playlist-item:hover .playlist-item__id{color:#d44242}@media (max-width:890px){.playlist-item__id{width:32px;-webkit-box-flex:0;-webkit-flex:0 0 32px;-ms-flex:0 0 32px;flex:0 0 32px}}.playlist-item__name{width:100%}.working-hover .playlist-item:hover .playlist-item__name{color:#d44242}.playlist-item__duration{color:#c6c6c6;width:60px;-webkit-box-flex:0;-webkit-flex:0 0 60px;-ms-flex:0 0 60px;flex:0 0 60px;text-align:right}.playlist{max-width:560px}@media (max-width:890px){.playlist{max-width:100%;padding:0}}.playlist-section{margin:0 0 24px}@media (max-width:890px){.playlist-section{margin:0 0 12px}}.playlist-section__title{font-size:16px;font-weight:700;letter-spacing:3px;line-height:24px;padding:12px 24px 12px 64px;text-transform:uppercase}@media (max-width:890px){.playlist-section__title{font-size:14px;font-weight:700;letter-spacing:2px;line-height:20px;margin:0 0 8px;padding:4px 0 4px 32px}}.screencast-description{max-width:50em}.screencast-description h1{font-size:135%;margin-bottom:20px}.screencast-heading{font-size:16px;line-hegith:24px;font-weight:700;letter-spacing:3px;text-transform:uppercase}.screencast-heading__separator{color:#d44242;font-size:20px;font-weight:700;line-height:24px;margin:0 4px}.screencast-meta{padding-bottom:60px}.screencast-meta p{margin:0 0 16px}@media (max-width:890px){.screencast-meta{padding-bottom:0}}.screencast-page{padding:0 16px}@media (max-width:890px){.screencast-page{padding:0}}.screencast-player{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;height:calc(100vh - 60px);position:relative}@media (max-width:890px){.screencast-player{display:block;height:100%}.screencast-player:after,.screencast-player:before{display:none}}.screencast-player__main{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;order:1;position:relative;width:calc(140px + 50%);-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;overflow-y:scroll;scrollbar-width:none;-webkit-transition:height .2s;transition:height .2s;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-overflow-scrolling:touch}.screencast-player__main::-webkit-scrollbar{height:0;width:0}.screencast-player__main::-webkit-scrollbar-track{display:none}@media (max-width:890px){.screencast-player__main{height:auto;overflow:hidden;width:100%}}.screencast-player__main-inner{-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;max-width:780px;padding:0 56px 0 0;width:100%}@media (max-width:890px){.screencast-player__main-inner{max-width:none;padding:0}}.screencast-player__nav{-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;border-left:1px solid #e2e2e2;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;order:2;overflow-y:scroll;padding-top:20px;scrollbar-width:none;-webkit-transition:height .2s;transition:height .2s;width:calc(-140px + 50%);-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-overflow-scrolling:touch}.screencast-player__nav::-webkit-scrollbar{height:0;width:0}.screencast-player__nav::-webkit-scrollbar-track{display:none}@media (max-width:890px){.screencast-player__nav{display:none}}.screencast-player__nav-inner{max-width:500px}.screencast-player_short .screencast-player__main,.screencast-player_short .screencast-player__nav{height:calc(100vh - 130px)}@media (max-width:890px){.screnncast-subscribe{display:none}}.screnncast-subscribe form{margin:0 0 16px}.screnncast-subscribe__heading{font-size:16px;font-weight:700;line-height:24px;margin:0 0 12px}.screnncast-subscribe input[type=text]{border:1px solid #c6c6c6;border-radius:3px;font-size:14px;line-height:20px;margin-right:4px;min-width:220px;padding:8px}.share-buttons{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:16px 8px}@media tablet-medium{.share-buttons{display:none}}.share-buttons__button{height:24px;margin:0 2px;width:24px}.working-hover .share-buttons__button:hover .nc-icon-wrapper{fill:#919191}.share-buttons .nc-icon-wrapper{fill:#c6c6c6}.video-player{margin:40px 0}.video-player_playing .pause{display:block}.video-player_playing .play{display:none}@media (max-width:890px){.video-player{margin:0 0 8px}}.video-player__player{height:100%;left:0;position:absolute;top:0;width:100%}.video-player__player iframe{display:block}.video-player__video{padding-bottom:56.30631%;position:relative;width:100%}.video-player__video_angular{padding-bottom:62.5%}.video-player__video_nodejs{padding-bottom:60.79027%}.video-player__video-id{-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;color:#d44242;flex-grow:0;margin-right:12px;min-width:24px}@media (max-width:890px){.video-player__video-id{margin-right:8px}}.video-player__video-name{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.video-player__controls{height:52px}.video-player__btn-container,.video-player__controls{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.video-player__btn-container{height:100%;width:100%;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.video-player__control{cursor:pointer;height:32px;min-width:32px;fill:#3b3b3b;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;margin-right:8px}.video-player__control:last-child{margin-right:0}.working-hover .video-player__control:hover svg{fill:#d44242}.video-player__control_pause{display:none}.video-player__control_pause svg{fill:#d44242}.video-player__control_pause svg,.video-player__control_play svg{height:32px;width:32px}.video-player__control_next svg,.video-player__control_prev svg{height:16px;width:16px}
/*# sourceMappingURL=screencast.831869540f4d14ac3b37.css.map*/