body{--c-black: #1a1a1a;--c-white: #e1e1e1;--c-grey: #898989;--c-purple: #b462ff;--c-fuchsia: #ff45b4;--c-blue: #18b6ff;--c-green: #1beb9e;--c-orange: #ff9528;--c-red: #ff4828;--c-yellow: #dddd25;--c-synth-pink: #e72696;--c-synth-yellow: #facf31;--c-synth-orange: #f99b1d;--c-synth-green: #5edba5;--c-synth-purple: #8c1eff;--c-synth-fuchsia: #f222ff;--c-synth-pink-2: #ff2975;--c-synth-yellow-2: #ffd319;--c-synth-orange-2: #ff901f}body.invert{--c-black: #d5d5d5;--c-white: #2a2830;--c-grey: #7e7e7e;--c-purple: #6b1fa3;--c-fuchsia: #f50777;--c-blue: #0b8cff;--c-green: #00a76c;--c-orange: #dd7200;--c-yellow: #949700}.black{color:var(--c-black)}.white{color:var(--c-white)}.grey{color:var(--c-grey)}.purple{color:var(--c-purple)}.red{color:var(--c-red)}.fuchsia{color:var(--c-fuchsia)}.blue{color:var(--c-blue)}.green{color:var(--c-green)}.orange{color:var(--c-orange)}.yellow{color:var(--c-yellow)}.synth-purple{color:var(--c-synth-purple)}.synth-pink{color:var(--c-synth-pink)}.synth-yellow{color:var(--c-synth-yellow)}.synth-orange{color:var(--c-synth-orange)}.synth-green{color:var(--c-synth-green)}.synth-purple-2{color:var(--c-synth-purple-2)}.synth-fuchsia{color:var(--c-synth-fuchsia)}.synth-pink-2{color:var(--c-synth-pink-2)}.synth-yellow-2{color:var(--c-synth-yellow-2)}.synth-orange-2{color:var(--c-synth-orange-2)}#content p,#content ul{margin-top:30px;margin-bottom:20px;line-height:1.7em;letter-spacing:-.9px}#content li{list-style-type:square;list-style-position:outside;margin-top:8px;line-height:1.2rem;margin-left:19px;padding-left:8px}#content pre{margin-top:10px;margin-bottom:10px;padding:20px;line-height:2rem}#content :not(pre) code{background-color:#2b2b2b;border:1px solid rgb(180,180,180);color:#fff;padding:2px 7px}.borderbottom{background-image:url(/border.svg);background-repeat:repeat-x;background-size:200px 60%}.borderbottom-pro{background-image:url(/border-pro.svg);background-repeat:repeat-x;background-size:200px 60%}#content table,#content table tr,#content table th,#content table td{border:1px solid white}#content table{margin-top:40px;margin-bottom:40px}#content table th{text-align:left;padding:8px}#content table td{padding:8px}tr td,tr th{vertical-align:top}#content h1,#content h2,#content h3,#content h4,#content h5,#content h6{display:inline-block;font-family:Arvo,serif;font-weight:700;font-size:120%;margin-top:40px;padding-bottom:10px;line-height:35px;background-image:url(/border.svg);background-repeat:repeat-x;background-size:200px 190%}#content h2{font-size:120%}#content h3{font-size:100%}#content blockquote{font-style:italic;border-left:1px solid white;padding-left:20px}#content a{text-decoration:underline}#content div[data-rehype-pretty-code-fragment]{background-color:#111}@media (prefers-color-scheme: dark){.code-highlight .code-line{color:#fff}}@media (prefers-color-scheme: light){.code-highlight .code-line{color:#000}#content .code-highlight{background-color:#eee}}#content pre>code{display:grid;padding:15px 0}#content pre{padding:0;background-color:#c8c8ff0d}#content span[data-highlighted-line]{background-color:#c8c8ff1a;border-left-color:#60a5fa;border-left-width:3px;border-left-style:solid}#content span[data-line]{padding-left:10px}#content pre>code span:first-child{padding-top:0!important}pre{overflow-x:auto}.code-highlight{float:left;min-width:100%}.code-line{display:block;padding-left:16px;padding-right:16px;border-left:4px solid rgba(0,0,0,0)}.code-line.inserted{background-color:#10b98140}.code-line.deleted{background-color:#ef444433}.highlight-line{background-color:#37415180;border-left:4px solid rgb(59,130,246)}.line-number:before{display:inline-block;width:1rem;text-align:right;margin-right:16px;margin-left:-8px;color:#9ca3af;content:attr(line)}.lessons-list a:visited{color:#1c9b6f}a{text-decoration:none}#content a{color:var(--c-blue)}a:hover,#content a:hover,.selected,.hover:hover{opacity:.8}.break-anywhere{line-break:anywhere}html,body{color:#fff;min-height:100vh;letter-spacing:.01em}::-moz-selection{color:#000;background:var(--c-grey)}::selection{color:#000;background:var(--c-grey)}button{display:inline;font-family:inherit;font-weight:inherit;font-size:inherit;letter-spacing:inherit;padding:0;margin:0;background:transparent;border:none;outline:none}.hover:hover{cursor:pointer}body{--line: 2.5ch}code[class*=language-],pre[class*=language-]{background:#282c34;color:#abb2bf;text-shadow:0 1px rgba(0,0,0,.3);font-family:Roboto Mono;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;line-height:1.5;-moz-tab-size:2;-o-tab-size:2;tab-size:2;hyphens:none}code[class*=language-]::-moz-selection,code[class*=language-] *::-moz-selection,pre[class*=language-] *::-moz-selection{background:#3e4451;color:inherit;text-shadow:none}code[class*=language-]::selection,code[class*=language-] *::selection,pre[class*=language-] *::selection{background:#3e4451;color:inherit;text-shadow:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-]{padding:.2em .3em;border-radius:.3em;white-space:normal}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}.token.comment,.token.prolog,.token.cdata{color:#5c6370}.token.doctype,.token.punctuation,.token.entity{color:#abb2bf}.token.attr-name,.token.class-name,.token.boolean,.token.constant,.token.number,.token.atrule{color:#d19a66}.token.keyword{color:#c678dd}.token.property,.token.tag,.token.symbol,.token.deleted,.token.important{color:#e06c75}.token.selector,.token.string,.token.char,.token.builtin,.token.inserted,.token.regex,.token.attr-value,.token.attr-value>.token.punctuation{color:#98c379}.token.variable,.token.operator,.token.function{color:#61afef}.token.url{color:#56b6c2}.token.attr-value>.token.punctuation.attr-equals,.token.special-attr>.token.attr-value>.token.value.css{color:#abb2bf}.language-css .token.selector{color:#e06c75}.language-css .token.property{color:#abb2bf}.language-css .token.function,.language-css .token.url>.token.function{color:#56b6c2}.language-css .token.url>.token.string.url{color:#98c379}.language-css .token.important,.language-css .token.atrule .token.rule,.language-javascript .token.operator{color:#c678dd}.language-javascript .token.template-string>.token.interpolation>.token.interpolation-punctuation.punctuation{color:#be5046}.language-json .token.operator{color:#abb2bf}.language-json .token.null.keyword{color:#d19a66}.language-markdown .token.url,.language-markdown .token.url>.token.operator,.language-markdown .token.url-reference.url>.token.string{color:#abb2bf}.language-markdown .token.url>.token.content{color:#61afef}.language-markdown .token.url>.token.url,.language-markdown .token.url-reference.url{color:#56b6c2}.language-markdown .token.blockquote.punctuation,.language-markdown .token.hr.punctuation{color:#5c6370;font-style:italic}.language-markdown .token.code-snippet{color:#98c379}.language-markdown .token.bold .token.content{color:#d19a66}.language-markdown .token.italic .token.content{color:#c678dd}.language-markdown .token.strike .token.content,.language-markdown .token.strike .token.punctuation,.language-markdown .token.list.punctuation,.language-markdown .token.title.important>.token.punctuation{color:#e06c75}.token.bold{font-weight:700}.token.comment,.token.italic{font-style:italic}.token.entity{cursor:help}.token.namespace{opacity:.8}.token.token.tab:not(:empty):before,.token.token.cr:before,.token.token.lf:before,.token.token.space:before{color:#abb2bf26;text-shadow:none}div.code-toolbar>.toolbar.toolbar>.toolbar-item{margin-right:.4em}div.code-toolbar>.toolbar.toolbar>.toolbar-item>button,div.code-toolbar>.toolbar.toolbar>.toolbar-item>a,div.code-toolbar>.toolbar.toolbar>.toolbar-item>span{background:#3a3f4b;color:#828997;padding:.1em .4em;border-radius:.3em}div.code-toolbar>.toolbar.toolbar>.toolbar-item>button:hover,div.code-toolbar>.toolbar.toolbar>.toolbar-item>button:focus,div.code-toolbar>.toolbar.toolbar>.toolbar-item>a:hover,div.code-toolbar>.toolbar.toolbar>.toolbar-item>a:focus,div.code-toolbar>.toolbar.toolbar>.toolbar-item>span:hover,div.code-toolbar>.toolbar.toolbar>.toolbar-item>span:focus{background:#3e4451;color:#abb2bf}.line-highlight.line-highlight{background:#99bbff0a}.line-highlight.line-highlight:before,.line-highlight.line-highlight[data-end]:after{background:#3a3f4b;color:#abb2bf;padding:.1em .6em;border-radius:.3em;box-shadow:0 2px #0003}pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows>span:hover:before{background-color:#99bbff0a}.line-numbers.line-numbers .line-numbers-rows,.command-line .command-line-prompt{border-right-color:#abb2bf26}.line-numbers .line-numbers-rows>span:before,.command-line .command-line-prompt>span:before{color:#636d83}.rainbow-braces .token.token.punctuation.brace-level-1,.rainbow-braces .token.token.punctuation.brace-level-5,.rainbow-braces .token.token.punctuation.brace-level-9{color:#e06c75}.rainbow-braces .token.token.punctuation.brace-level-2,.rainbow-braces .token.token.punctuation.brace-level-6,.rainbow-braces .token.token.punctuation.brace-level-10{color:#98c379}.rainbow-braces .token.token.punctuation.brace-level-3,.rainbow-braces .token.token.punctuation.brace-level-7,.rainbow-braces .token.token.punctuation.brace-level-11{color:#61afef}.rainbow-braces .token.token.punctuation.brace-level-4,.rainbow-braces .token.token.punctuation.brace-level-8,.rainbow-braces .token.token.punctuation.brace-level-12{color:#c678dd}pre.diff-highlight>code .token.token.deleted:not(.prefix),pre>code.diff-highlight .token.token.deleted:not(.prefix){background-color:#ff526626}pre.diff-highlight>code .token.token.deleted:not(.prefix)::-moz-selection,pre.diff-highlight>code .token.token.deleted:not(.prefix) *::-moz-selection,pre>code.diff-highlight .token.token.deleted:not(.prefix)::-moz-selection,pre>code.diff-highlight .token.token.deleted:not(.prefix) *::-moz-selection{background-color:#fb566940}pre.diff-highlight>code .token.token.deleted:not(.prefix)::selection,pre.diff-highlight>code .token.token.deleted:not(.prefix) *::selection,pre>code.diff-highlight .token.token.deleted:not(.prefix)::selection,pre>code.diff-highlight .token.token.deleted:not(.prefix) *::selection{background-color:#fb566940}pre.diff-highlight>code .token.token.inserted:not(.prefix),pre>code.diff-highlight .token.token.inserted:not(.prefix){background-color:#1aff5b26}pre.diff-highlight>code .token.token.inserted:not(.prefix)::-moz-selection,pre.diff-highlight>code .token.token.inserted:not(.prefix) *::-moz-selection,pre>code.diff-highlight .token.token.inserted:not(.prefix)::-moz-selection,pre>code.diff-highlight .token.token.inserted:not(.prefix) *::-moz-selection{background-color:#38e06240}pre.diff-highlight>code .token.token.inserted:not(.prefix)::selection,pre.diff-highlight>code .token.token.inserted:not(.prefix) *::selection,pre>code.diff-highlight .token.token.inserted:not(.prefix)::selection,pre>code.diff-highlight .token.token.inserted:not(.prefix) *::selection{background-color:#38e06240}.prism-previewer.prism-previewer:before,.prism-previewer-gradient.prism-previewer-gradient div{border-color:#262931}.prism-previewer-color.prism-previewer-color:before,.prism-previewer-gradient.prism-previewer-gradient div,.prism-previewer-easing.prism-previewer-easing:before{border-radius:.3em}.prism-previewer.prism-previewer:after{border-top-color:#262931}.prism-previewer-flipped.prism-previewer-flipped.after{border-bottom-color:#262931}.prism-previewer-angle.prism-previewer-angle:before,.prism-previewer-time.prism-previewer-time:before,.prism-previewer-easing.prism-previewer-easing{background:#31363f}.prism-previewer-angle.prism-previewer-angle circle,.prism-previewer-time.prism-previewer-time circle{stroke:#abb2bf;stroke-opacity:1}.prism-previewer-easing.prism-previewer-easing circle,.prism-previewer-easing.prism-previewer-easing path,.prism-previewer-easing.prism-previewer-easing line{stroke:#abb2bf}.prism-previewer-easing.prism-previewer-easing circle{fill:transparent}