.tutorial-code{color:#abb2bf;text-shadow:0 1px #0000004d;text-align:left;tab-size:2;-webkit-hyphens:none;hyphens:none;background:#282c34;border-radius:.3em;margin:.5em 0;padding:1em;font-family:Fira Code,Fira Mono,Menlo,Consolas,DejaVu Sans Mono,monospace;font-size:13px;line-height:1.45;overflow:auto}.tutorial-code code{word-break:break-all;font-family:inherit;line-height:1.5;white-space:pre-wrap!important}.tutorial-code .linenumber{text-align:right;-webkit-user-select:none;user-select:none;color:#5c6370;min-width:1.25em;padding-right:1em;font-style:italic;display:inline-block}@media (max-width:1023px){.tutorial-code .linenumber{display:none}}.tutorial-code .comment{color:#5c6370;font-style:italic}.tutorial-code .token.prolog,.tutorial-code .token.cdata{color:#5c6370}.tutorial-code .token.doctype,.tutorial-code .token.punctuation{color:#abb2bf}.tutorial-code .token.entity{color:#abb2bf;cursor:help}.tutorial-code .token.attr-name,.tutorial-code .token.class-name,.tutorial-code .token.boolean,.tutorial-code .token.constant,.tutorial-code .token.number,.tutorial-code .token.atrule{color:#d19a66}.tutorial-code .token.keyword{color:#c678dd}.tutorial-code .token.property,.tutorial-code .token.tag,.tutorial-code .token.symbol,.tutorial-code .token.deleted,.tutorial-code .token.important{color:#e06c75}.tutorial-code .token.selector,.tutorial-code .token.string,.tutorial-code .token.char,.tutorial-code .token.builtin,.tutorial-code .token.inserted,.tutorial-code .token.regex,.tutorial-code .token.attr-value,.tutorial-code .token.attr-value>.token.punctuation{color:#98c379}.tutorial-code .token.variable,.tutorial-code .token.operator,.tutorial-code .token.function{color:#61afef}.tutorial-code .token.url{color:#56b6c2}.tutorial-code .token.attr-value>.token.punctuation.attr-equals,.tutorial-code .token.special-attr>.token.attr-value>.token.value.css{color:#abb2bf}.tutorial-code .language-css .token.selector{color:#e06c75}.tutorial-code .language-css .token.property{color:#abb2bf}.tutorial-code .language-css .token.function,.tutorial-code .language-css .token.url>.token.function{color:#56b6c2}.tutorial-code .language-css .token.url>.token.string.url{color:#98c379}.tutorial-code .language-css .token.important,.tutorial-code .language-css .token.atrule .token.rule,.tutorial-code .language-javascript .token.operator{color:#c678dd}.tutorial-code .language-javascript .token.template-string>.token.interpolation>.token.interpolation-punctuation.punctuation{color:#be5046}.tutorial-code .language-json .token.operator{color:#abb2bf}.tutorial-code .language-json .token.null.keyword{color:#d19a66}.tutorial-code .language-markdown .token.url,.tutorial-code .language-markdown .token.url>.token.operator,.tutorial-code .language-markdown .token.url-reference.url>.token.string{color:#abb2bf}.tutorial-code .language-markdown .token.url>.token.content{color:#61afef}.tutorial-code .language-markdown .token.url>.token.url,.tutorial-code .language-markdown .token.url-reference.url{color:#56b6c2}.tutorial-code .language-markdown .token.blockquote.punctuation,.tutorial-code .language-markdown .token.hr.punctuation{color:#5c6370;font-style:italic}.tutorial-code .language-markdown .token.code-snippet{color:#98c379}.tutorial-code .language-markdown .token.bold .token.content{color:#d19a66}.tutorial-code .language-markdown .token.italic .token.content{color:#c678dd}.tutorial-code .language-markdown .token.strike .token.content,.tutorial-code .language-markdown .token.strike .token.punctuation,.tutorial-code .language-markdown .token.list.punctuation,.tutorial-code .language-markdown .token.title.important>.token.punctuation{color:#e06c75}.tutorial-code .token.bold{font-weight:700}.tutorial-code .token.italic{font-style:italic}
.yt-lite{contain:layout style;cursor:pointer;aspect-ratio:16/9;background-color:#000;background-position:50%;background-size:cover;display:block;position:relative}.yt-lite.lyt-activated:before{content:"";box-sizing:content-box;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==);background-position:top;background-repeat:repeat-x;width:100%;height:60px;padding-bottom:50px;transition:all .2s cubic-bezier(0,0,.2,1);display:block;position:absolute;top:0}.yt-lite:after{content:"";padding-bottom:var(--aspect-ratio,56.25%);display:block}@supports (aspect-ratio:16 / 9){.yt-lite:after{display:none}}.yt-lite>iframe{border:0;outline:0;width:100%;height:100%;margin:0;padding:0;display:block;position:absolute;top:0;left:0;right:0}.yt-lite>.lty-thumbnail{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;top:0;left:0}.yt-lite>.lty-playbtn{z-index:1;cursor:pointer;filter:grayscale();opacity:.8;background-color:#0000;background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 68 48\"><path d=\"M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55c-2.93.78-4.63 3.26-5.42 6.19C.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z\" fill=\"%23f00\"/><path d=\"M45 24 27 14v20\" fill=\"%23fff\"/></svg>");background-repeat:no-repeat;background-size:100% 100%;border:none;width:68px;height:48px;padding:0;font-size:0;line-height:0;transition:filter .1s cubic-bezier(0,0,.2,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.yt-lite:hover>.lty-playbtn{filter:none;opacity:1}.yt-lite.lyt-activated{cursor:unset}.yt-lite.lyt-activated:before,.yt-lite.lyt-activated>.lty-playbtn{opacity:0;pointer-events:none}.lty-visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.yt-lite>.lty-playlist-icon{z-index:1;pointer-events:none;background-color:#000c;border-radius:4px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:absolute;top:8px;right:8px}.yt-lite>.lty-playlist-icon:before{content:"";background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"white\"><path d=\"M4 6h2v12H4V6zm12 0h-2v12h2V6zM8 6h10v12H8V6z\" opacity=\"0.5\"/><path d=\"M10 8h8v8h-8V8z\"/></svg>");background-position:50%;background-repeat:no-repeat;background-size:contain;width:28px;height:28px}