#output{height:10%}#finished,#intro{z-index:100;position:fixed;background:white;min-height:100%;height:100%;font-size:1.1rem;overflow-y:auto;z-index:99999}#intro iframe,#finished img,#intro img{max-width:100%;height:auto}#intro h3{color:#2babd6}#intro #course-details{margin-top:20px}#intro #course-details.row .col{margin:0;padding:0;font-size:1.1rem}#intro #course-details .key{color:#464d61;font-weight:900}#intro #course-details .value{color:#2babd6;font-weight:900}#finished{left:-9999}#finished #finished-content{position:absolute;margin-bottom:10px;width:100%}.editor-container,#editor{border-right:1px solid #d0d0d0;height:100%}#editor .ace_content *{font-family:'Monaco','Menlo','Ubuntu Mono','Consolas','source-code-pro',monospace}#editor .ace_content .linemarker{position:absolute;background:#f7ffb5bf;z-index:20}#tutorial{border-right:1px solid #d0d0d0;height:calc(100vh - 68px);overflow:hidden;position:relative;background:#FFF;margin:0;padding:0;-webkit-transform:translate3d(0,0,0);display:flex;flex-direction:column}#console{border-top:1px solid #d0d0d0;white-space:pre-line;margin-top:90%;height:25%}#console #console-output{width:100%;height:100%;overflow:scroll}#console .error{color:red}#step-progress{text-align:center;margin-bottom:0}#course-title{display:flex;justify-content:space-between;padding:20px 20px 0;background:white;width:100%;height:fit-content;color:black;padding-bottom:16px}#course-title h3{margin:0;padding:10px 0;line-height:30px;font-weight:900;display:inline}#course-title .showintro{padding-left:20px;color:black;display:inline;left:0;font-size:1.5rem;vertical-align:top;line-height:2rem;border-right:1px solid #ccc;padding-right:1rem;margin-right:1rem;float:left;height:32px}#tutorial.tip-tutorial-title{text-align:center;background:#2592b6;color:#FFF;height:100%}#tutorial.tip-tutorial-title h3{display:flex;align-items:center;justify-content:center}#step-progress i{font-size:120%;padding:10px;color:#ccc;cursor:pointer}#step-progress #step-progress-text{color:#2babd6;font-weight:900}.step{overflow-y:scroll;word-wrap:break-word;position:relative;font-size:1.1rem;padding-top:1.5rem;height:100%;padding:20px}.step iframe,.step img{max-width:100%}#tutorial.tip-tutorial{background:#3d93b6;color:#fff;width:100% !important}#tutorial.tip-tutorial .content,#tutorial.tip-tutorial .answer-content{font-size:130%;line-height:100%}#tutorial.tip-tutorial p{margin:10px}#tutorial.tip-tutorial h1,#tutorial.tip-tutorial h2,#tutorial.tip-tutorial h3,#tutorial.tip-tutorial h4,#tutorial.tip-tutorial h5,#tutorial.tip-tutorial h6{color:#fff}#tutorial.tip-tutorial a{color:#112a62}#tutorial.tip-tutorial .step{padding:0;margin:0;height:100%}#tutorial.tip-tutorial .step .content h1,#tutorial.tip-tutorial .step .content h2{margin-top:10px}#tutorial.tip-tutorial .step .content h1 .code,#tutorial.tip-tutorial .step .content h2 .code{font-size:100%}#tutorial.tip-tutorial .step .s2{margin-top:10px;height:100%}#tutorial.tip-tutorial .step .btn{display:flex;align-items:center;justify-content:center;padding:10px;line-height:10px;height:36px}@media only screen and (max-width:1200px){.step .answer span{display:none}}#tutorial iframe#externalsteps{border:0;width:100%;height:100%;flex-grow:1}.step .row{margin-bottom:180px}.step .answer-content,.step .content{margin-bottom:20px}.step>h4{font-size:200%;line-height:100%;margin:0;color:#1c83a5;font-weight:900}.step .primary-btn.next.right{margin-bottom:40px}#intro .row h1,#intro .row h2,#intro .row h3,#intro .row h4,#finished-content.row h1,#finished-content.row h2,#finished-content.row h3,#finished-content.row h4,.step .content h1,.step .content h2,.step .content h3,.step .content h4{font-family:'franklingoturwtotbooregular',sans-serif;font-display:optional;font-size:150%;line-height:150%;margin:0;color:#1c83a5;font-weight:900;letter-spacing:normal}.step ul,#intro ul,#finished-content ul{list-style-type:initial !important;padding-left:40px}.step ul li,#intro ul li,#finished-content ul li{margin-left:0;list-style-type:initial !important}.step ol li #intro ol li,#finished-content ol li{list-style-type:decimal}.step h5{font-size:1.4rem;line-height:1.5rem;margin:0}.step button.answer{padding-left:10px;padding-right:10px}.step strong{font-weight:700;font-family:'franklingoturwtotboobold',sans-serif;font-display:optional}.text-tutorial .step pre code,.side-tutorial .step pre code{background:#f6f8fa;display:block}.text-tutorial .step code,.side-tutorial .step code{font-size:90%;font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace;font-display:optional;color:#000;background:#f5f2f0;padding:2px 5px;display:inline-block;white-space:pre-wrap}.text-tutorial .step code.execute,.side-tutorial .step code.execute{cursor:pointer;color:#FFF;background:#555}.text-tutorial .step code.execute:after,.side-tutorial .step code.execute:after{content:' ↩'}.text-tutorial .step code.execute.executed:after,.side-tutorial .step code.execute.executed:after{content:' ✓'}.text-tutorial .step code.ui,.text-tutorial .step code.copy,.text-tutorial .step code.paste,.side-tutorial .step code.ui,.side-tutorial .step code.copy,.side-tutorial .step code.paste{cursor:pointer}.text-tutorial .step code.ui.active:after,.text-tutorial .step code.copy.active:after,.text-tutorial .step code.paste.active:after,.side-tutorial .step code.ui.active:after,.side-tutorial .step code.copy.active:after,.side-tutorial .step code.paste.active:after{font-weight:900}.text-tutorial .step code.copy:after,.text-tutorial .step code.paste:after,.side-tutorial .step code.copy:after,.side-tutorial .step code.paste:after{content:'\f0c5';font-family:"Font Awesome 5 Free";margin:0 0 0 8px}.text-tutorial .step code.ui:after,.side-tutorial .step code.ui:after{content:'\f0ea';font-family:"Font Awesome 5 Free";margin:0 0 0 8px}.text-tutorial .step code.open,.side-tutorial .step code.open{cursor:pointer;background:rgba(0,0,0,0);color:#0366d6;font-size:12px}.text-tutorial .step code.open:before,.side-tutorial .step code.open:before{content:'\f15b';font-family:"Font Awesome 5 Free";margin:0 5px 0 0}.text-tutorial .step .answer-content code,.side-tutorial .step .answer-content code{display:inline}.text-tutorial .step .protip,.side-tutorial .step .protip{background-color:#e1f5fe !important;padding:10px}#terminal-wait .progress{background-color:#16bedf}#terminal-wait .connecting .blue{background-color:#001552 !important}#terminal-wait .connecting img{max-width:125px;width:100%}#js-html-v1 #terminal-wait{display:none}.step pre{max-width:100%;display:block;white-space:pre-wrap}.step pre.file{font-size:.9rem;background:#f6f8fa;position:relative;white-space:pre-wrap}.step pre.file span.copyTo{-webkit-box-shadow:-2px 2px 5px 0 rgba(0,0,0,0.75);-moz-box-shadow:-2px 2px 5px 0 rgba(0,0,0,0.75);box-shadow:-1px 1px 5px 0 rgba(0,0,0,0.5);border:1px solid #ccc;cursor:pointer;float:right;padding:0 6px;font-size:10px;background:#f5f5f5}.step pre.file span.copyTo span{color:black !important}.step pre.file span.copyTo i{margin-right:2px;font-weight:300;font-size:12px;margin-right:5px}#help-modal .cmds .cmd{font-style:italic}#help-modal{z-index:4001}#lean-overlay{z-index:4000}.katacoda-modal,#registration-modal{margin-top:20px;z-index:99999 !important;max-height:90%;top:5% !important;border-radius:10px}@media only screen and (max-width :600px){.social div{display:none}}@media only screen and (min-width :1024px){.katacoda-modal,#registration-modal{width:70%;margin-left:15%}}.katacoda-modal .auth-dialog form,#registration-modal #auth-dialog form{margin-top:20px;background:#fff;padding:20px}#registration-modal #auth-why .how-guides img{margin-top:0}#split-host{overflow:hidden;position:relative}.xterm-rows span{height:22px;line-height:22px;display:inline-block}@media only screen and (max-width :601px){#embedded-terminal #split-host{display:block}}.quiz [type="radio"]:not(:checked),.quiz [type="radio"]:checked,.quiz [type="checkbox"]:not(:checked),.quiz [type="checkbox"]:checked{opacity:1;pointer-events:initial;position:initial;margin-right:10px}.step .content .quiz h1{font-size:100%;margin-top:24px}.quiz input.correct{border:2px solid #008000 !important}.quiz input[type="text"].correct{box-sizing:border-box;text-indent:5px}.quiz label{font-size:1.1rem;color:#000}.quiz label.correct{display:inline-block;width:100%}.quiz label.correct:before{content:'✓';opacity:1;font-family:"Font Awesome 5 Free";font-size:inherit;color:#008000;width:10px;display:inline;margin-left:-13px}.mermaid svg{max-width:750px;width:100%;max-height:300px}.mermaid .label{color:#333}.node rect,.node circle,.node ellipse,.node polygon{fill:#ececff;stroke:#ccf;stroke-width:1px}.edgePath .path{stroke:#333}.edgeLabel{background-color:#e8e8e8}.cluster rect{fill:#ffffde !important;rx:4 !important;stroke:#aa3 !important;stroke-width:1px !important}.cluster text{fill:#333}.actor{stroke:#ccf;fill:#ececff}text.actor{fill:black;stroke:none}.actor-line{stroke:grey}.messageLine0{stroke-width:1.5;stroke-dasharray:"2 2";marker-end:"url(#arrowhead)";stroke:#333}.messageLine1{stroke-width:1.5;stroke-dasharray:"2 2";stroke:#333}#arrowhead{fill:#333}#crosshead path{fill:#333 !important;stroke:#333 !important}.messageText{fill:#333;stroke:none}.labelBox{stroke:#ccf;fill:#ececff}.labelText{fill:black;stroke:none}.loopText{fill:black;stroke:none}.loopLine{stroke-width:2;stroke-dasharray:"2 2";marker-end:"url(#arrowhead)";stroke:#ccf}.note{stroke:#aa3;fill:#fff5ad}.noteText{fill:black;stroke:none;font-family:'trebuchet ms',verdana,arial;font-size:14px}.section{stroke:none;opacity:.2}.section0{fill:rgba(102,102,255,0.49)}.section2{fill:#fff400}.section1,.section3{fill:white;opacity:.2}.sectionTitle0{fill:#333}.sectionTitle1{fill:#333}.sectionTitle2{fill:#333}.sectionTitle3{fill:#333}.sectionTitle{text-anchor:start;font-size:11px;text-height:14px}.grid .tick{stroke:lightgrey;opacity:.3;shape-rendering:crispEdges}.grid path{stroke-width:0}.today{fill:none;stroke:red;stroke-width:2px}.task{stroke-width:2}.taskText{text-anchor:middle;font-size:11px}.taskTextOutsideRight{fill:black;text-anchor:start;font-size:11px}.taskTextOutsideLeft{fill:black;text-anchor:end;font-size:11px}.taskText0,.taskText1,.taskText2,.taskText3{fill:white}.task0,.task1,.task2,.task3{fill:#8a90dd;stroke:#534fbc}.taskTextOutside0,.taskTextOutside2{fill:black}.taskTextOutside1,.taskTextOutside3{fill:black}.active0,.active1,.active2,.active3{fill:#bfc7ff;stroke:#534fbc}.activeText0,.activeText1,.activeText2,.activeText3{fill:black !important}.done0,.done1,.done2,.done3{stroke:grey;fill:lightgrey;stroke-width:2}.doneText0,.doneText1,.doneText2,.doneText3{fill:black !important}.crit0,.crit1,.crit2,.crit3{stroke:#f88;fill:red;stroke-width:2}.activeCrit0,.activeCrit1,.activeCrit2,.activeCrit3{stroke:#f88;fill:#bfc7ff;stroke-width:2}.doneCrit0,.doneCrit1,.doneCrit2,.doneCrit3{stroke:#f88;fill:lightgrey;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}.doneCritText0,.doneCritText1,.doneCritText2,.doneCritText3{fill:black !important}.activeCritText0,.activeCritText1,.activeCritText2,.activeCritText3{fill:black !important}.titleText{text-anchor:middle;font-size:18px;fill:black}.node text{font-family:'trebuchet ms',verdana,arial;font-size:14px}div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:'trebuchet ms',verdana,arial;font-size:12px;background:#ffffde;border:1px solid #aa3;border-radius:2px;pointer-events:none;z-index:100}#authoring_information{padding:0 15px}#author-info{display:none}.course-owner #author-info{display:block}