.top-bar{text-align:center;box-shadow:0 3px 8px rgba(116,129,141,.1);border-bottom:1px solid #d4dadf}@media(min-width:576px){.top-bar{padding:5px}}@media(min-width:768px){.top-bar{padding:40px}}.top-bar img{width:auto;height:40px;margin-right:40px}.top-bar h1{font-size:36px;font-weight:500;line-height:1.4;background-color:#fafbfc}#TableOfContents{background-color:#111827;border:1px solid #374151;border-left:3px solid #3b82f6;border-radius:.75rem;padding:1.25rem 1.5rem;margin-bottom:2rem}#TableOfContents::before{content:"In this article";display:block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#6b7280;margin-bottom:.75rem}#TableOfContents ul{list-style:none;margin:0;padding:0}#TableOfContents ul li{margin-bottom:.45rem}#TableOfContents ul li:before{content:""}#TableOfContents ul li a{color:#d1d5db;font-size:.9rem;font-weight:400;text-decoration:none;transition:color .15s ease}#TableOfContents ul li a:hover{color:#93c5fd}#TableOfContents ul ul{padding-left:1rem;margin-top:.35rem;border-left:1px solid #374151}#TableOfContents ul ul li{margin-bottom:.3rem}#TableOfContents ul ul li a{font-size:.85rem;color:#9ca3af}#TableOfContents ul ul li a:hover{color:#93c5fd}.post-info{line-height:1.35;font-size:.9rem;font-weight:500;color:#005469}.post-info img.icon{margin-right:5px;margin-top:-1px;width:20px;height:20px}.post-info img.author{width:35px;height:35px;margin:-10px;margin-right:5px;border-radius:50%;box-shadow:0 5px 10px -5px rgba(0,0,0,.4)}.post-info .post-info-inner{display:grid;grid-template-columns:auto auto auto auto;text-align:center;padding:20px}.post-info a{color:#005469}.post-info .badge-info{letter-spacing:.05rem;padding:5px 15px;background-color:#0f7895!important}.next-prev{width:auto;display:grid;grid-template-rows:auto;grid-template-areas:"previous next";grid-template-columns:1fr 1fr;margin:0;padding:0;grid-column-gap:24px;margin-top:40px}.filename{background:#2d3748;padding:.7rem 1rem .75rem;font-size:1rem;font-weight:700;border-top-left-radius:6px;border-top-right-radius:6px}.filename+.highlight>pre{border-top-left-radius:0;border-top-right-radius:0;margin-top:0}pre>code{white-space:pre-wrap;word-break:keep-all}p>code{padding:3px 5px;border-radius:5px;color:#fff;background:#2d3748;font-weight:700}.amazon-link{padding:1rem;background-color:#2d3748;border-radius:5px}.amazon-link a{text-decoration:underline}blockquote{--bg-opacity:1;background-color:#2a4365;background-color:rgba(42,67,101,var(--bg-opacity));padding:.25rem;border-left-width:8px;--border-opacity:1;border-color:#fff;border-color:rgba(255,255,255,var(--border-opacity));border-radius:.375rem}blockquote a{text-decoration:underline}.CodeMirror{height:100%}.CodeMirror *{font-family:monospace;font-size:16px}.player-bg{width:100%;background-image:url(/svg/small-dots.svg)}.player{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,5%);overflow:hidden}.ad{margin:80px}.overlay{position:absolute;top:0;bottom:0;width:100%;background-image:linear-gradient(transparent,rgba(0,0,0,.3)),url(https://s3.eu-west-1.amazonaws.com/images.tutorialedge.net/uploads/screencast_overlay_2.png);filter:blur(4px);z-index:0;background-position:50%;background-repeat:no-repeat;background-size:cover;overflow:hidden}.info{position:absolute;top:30%;width:100%;font-size:1rem;color:#fff;text-align:center;z-index:100}.info h2{color:#fff;font-size:1.5rem}#screencast{position:relative;padding-bottom:56.25%;z-index:1;height:0;overflow:hidden;max-width:100%;height:auto}#screencast iframe,#screencast object,#screencast embed{border-top-left-radius:5px;border-top-right-radius:5px;position:absolute;top:0;left:0;width:100%;height:100%}.btn-white{color:#fff;border:2px solid #fff}.btn-white:hover{color:rgba(255,255,255,.65)}.video-sidebar{padding:40px;background-color:#fff;border-left:1px solid #e6ecf1}.video-sidebar .disabled>span{color:#999}.video-sidebar h2{margin-bottom:60px}.video-sidebar h4{margin-top:40px;text-transform:capitalize;position:relative}.video-sidebar h4::before{top:-52px;left:0;width:100%;height:1px;margin-bottom:24px;margin-top:20px;content:" ";position:absolute;background-color:#e6ecf1}.video-sidebar .current-page{color:#2697f7}.video-sidebar a:hover{transition:1s;color:#13a352}.video-sidebar .play-button{width:20px;margin-right:10px;margin-top:2px;height:auto;float:left;stroke:green}.video-sidebar .nav-item{color:#3b454e;cursor:pointer;display:flex;position:relative;align-items:center;-webkit-box-align:center;border-width:1px 0 1px 1px;border-style:solid solid solid;border-color:transparent;-o-border-image:initial;border-image:initial;padding:4px 4px 8px 16px;margin:0;border-right:0;font-size:15px;line-height:24px;text-decoration:none}.video-sidebar .nav-item::before{content:url(https://s3.eu-west-1.amazonaws.com/images.tutorialedge.net/images/play-button.svg);width:20px;padding-top:5px;margin-right:10px;margin-top:2px;height:auto}.toc{line-height:1.2em;z-index:100}.toc i{padding-right:5px}.toc h4{font-size:1em;font-family:Content-font,Roboto,sans-serif;font-weight:700;line-height:1;letter-spacing:1.2px;text-transform:uppercase}.toc ul{margin:0;padding:0;list-style:none}.toc ul li{margin:0!important;padding-top:.125rem;padding-bottom:.125rem;list-style-type:none;font-size:.875rem;text-align:-webkit-match-parent;font-family:Content-font,Roboto,sans-serif;font-weight:500;line-height:2}.toc ul li a{display:-webkit-box;color:#74818d;cursor:pointer;margin:0;display:flex;align-items:center;padding-left:4px;vertical-align:middle;text-decoration:none;-webkit-box-align:center}.toc ul li a:hover{color:green;transition:1s}.left-sidebar{font-size:.875rem}.sidebar{margin-bottom:2rem}.sidebar ul li{margin-top:.5rem;margin-bottom:.5rem;font-size:1.1rem;line-height:1.6rem}#course-home .prose>p>code{background-color:#000!important}video{width:100%}body{color:var(--theme-ui-colors-text-primary,#36313d);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:TT Norms Pro,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,apple color emoji,segoe ui emoji,Segoe UI Symbol,noto color emoji}.btn{--bg-opacity:1;background-color:#2b6cb0;background-color:rgba(43,108,176,var(--bg-opacity));--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity));font-weight:700;padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;padding-right:1rem;border-radius:.25rem}.btn:hover{--bg-opacity:1;background-color:#2c5282;background-color:rgba(44,82,130,var(--bg-opacity))}.btn-subscribe{padding:10px 20px;color:#fff!important;background:linear-gradient(22deg,#0276d9,#2C9CFC);border:none;margin-right:20px;text-decoration:none!important;white-space:normal}.prose{font-family:TT Norms Pro,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,apple color emoji,segoe ui emoji,Segoe UI Symbol,noto color emoji;font-size:1.125rem;line-height:1.7777778}.prose p>code{white-space:nowrap;padding-top:.1rem;padding-bottom:.1rem;padding-left:.25rem;padding-right:.25rem;font-weight:600;border-radius:.25rem;background-color:#edf2f7}.prose blockquote{font-style:normal;color:#2d3748;padding:1rem;border-left-width:4px;border-color:#77c1d2;background:#f6f7f9}.prose blockquote p{margin:0;padding:0}.prose pre{color:inherit}.prose h2,h3,h4,h5,h6{font-weight:700;color:inherit;padding-bottom:10px;border-bottom-width:1px;border-color:#edf2f7}.comments h2,h3,h4,h5,h6{padding-bottom:10px;border-bottom-width:0}.comment-body{display:block;letter-spacing:0;line-height:1.65;word-break:break-word}.comment-body pre{width:100%;white-space:pre-wrap;overflow-wrap:break-word}.prose a{color:#3796ad;font-weight:600;text-decoration:none}.prose code{all:unset}.prose pre code{all:unset}code:after{content:none!important}code:before{content:none!important}.cm-content,.cm-gutter{min-height:550px}.cm-gutters{margin:1px}.cm-scroller{overflow:auto}.cm-wrap{border:1px solid silver}.snippet-editor{background-color:#282a36;min-height:600px}