.brand{color:#00deaf}.brand-dark{color:#00675a}.color-black{color:#333}.color-grey{color:#a8a6af}.color-grey-dark{color:#63666a}.section-lightest{background-color:#e6ffff}.section-light{background-color:#d1fff5}.section-brand{background-color:#00deaf}.section-muted{background-color:#f5f2f0}.section-muted-medium{background-color:#eeebe9}.section-dark{background-color:#dfdcda}.section-brand-dark-semi-lightened{background-color:#25796e;color:#fff}.incremental-section-1{background-color:#f8f6f5}.incremental-section-2{background-color:#f5f2f0}.incremental-section-3{background-color:#eeebe9}.incremental-section-4{background-color:#eae7e6}.incremental-section-5{background-color:#e6e3e2}.incremental-section-6{background-color:#e3e0de}.incremental-section-7{background-color:#dfdcda}.play-btn{position:absolute;top:1.6rem;z-index:2;transition:all 50ms linear;color:#fff}.play-btn:focus,.play-btn:hover{color:#00675a;text-decoration:none}.play-icon{height:80px;margin-right:.5em;width:80px}.play-icon-text{display:inline-block;max-width:6em;line-height:1.2}.video-embed{overflow:hidden;min-height:180px;width:100%;transition:all .2s linear;transform:translateZ(0)}.video-embed-item{transition:all .1s linear}.video-embed-item-loading{opacity:0}.tutorial h1{position:absolute;left:.75rem;bottom:calc(100% + 1rem);color:#000}.tutorial .is-playing{position:static;color:currentColor}.tutorial ol ol,.tutorial ul ul{margin:0 0 0 1.2rem}.tutorial blockquote{font-size:1.2rem;color:#a8a6af}.tutorial table{width:100%;border:1px solid #d9d8e3}.tutorial th{vertical-align:bottom}.tutorial td,.tutorial th{padding:.1em .3em;border:1px solid #eeebe9}.tutorial tbody th,.tutorial tfoot th{text-align:left}.tutorial tfoot,.tutorial thead{background-color:#f8f6f5}.heading-link{display:none;position:absolute;margin-left:-.55em;border:0;opacity:.4;color:#a8a6af;font-weight:400}.heading-link:focus,.heading-link:hover{opacity:1;color:#4484c2;text-decoration:none}.tutorial img{display:block;margin-left:-.8em;margin-right:-.8em;overflow:hidden;width:calc(100% + 1.6em);border-radius:3px}.nav-label{cursor:pointer;padding:.3rem .5rem;background-color:#efefef;border-radius:4px}.nav-label,[type=checkbox]+.nav-label{display:block}.i-nav{margin-right:.25em;width:20px;height:20px;background:none no-repeat 0 0/100% auto transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256' height='500' viewBox='0 0 256 500'%3E%3Cpath d='M8.5 27h239v35.7H8.5zm0 83.6h239v35.8H8.5zm0 83.6h239V230H8.5zM199.8 468l-169-169 25.4-25.3 169 169zm25.4-168.7l-169 169L30.8 443l169-169z'/%3E%3C/svg%3E")}.nav-check:checked~.nav-label{border-radius:4px 4px 0 0;border-bottom:1px solid #a8a6af}.nav-check:focus~.nav-label{outline:3px solid #000}.nav-check:checked~.nav-label .i-nav{background-position:0 100%}.tutorial-nav ol{margin:0;padding:0}.tutorial-nav>ol{display:none;padding:.5rem;background-color:#efefef;border-radius:0 0 4px 4px}.tutorial-nav .nav-check:checked~ol{display:block}.tutorial-nav{line-height:1.3rem}.tutorial-nav li{border-bottom:1px solid #efefef}.tutorial-nav a{border:0}.tutorial-nav-level-1,.tutorial-nav-level-2{font-weight:700}.tutorial-nav-level-3{padding-left:.6em}.tutorial-nav-level-4{padding-left:1.2em;font-style:italic}.tutorial-nav-level-5{padding-left:1.8em;font-size:90%}.tutorial-nav-level-6{padding-left:2.4em;font-size:80%}.tutorial-nav a{display:block;padding:.1em .3em;transition:all 50ms linear}.tutorial-nav a:focus,.tutorial-nav a:hover{border-radius:4px;background-color:#efefef;text-decoration:none}.downloads{margin-left:-.7rem}.downloads>li{padding-left:.7rem}.downloads a{display:block}.video-stats{color:#00675a}.video-stats-default{bottom:0;position:absolute;right:0;color:#2c8a7e}.video-stats-default>dd,.video-stats-default>dt{line-height:1}.tutorial-alert{background-color:#ffefab;border:.1em solid #ffd30d;border-radius:8px}.tutorial-alert :last-child{margin-bottom:0}@media only screen and (min-width:38em){.play-btn{top:.2rem}.play-icon{height:100px;width:120px}.tutorial h1{bottom:calc(100% + 1rem)}}@media only screen and (min-width:48em){.heading-link{display:block}}@media only screen and (min-width:60em){.wrapper{max-width:50em}.play-btn{top:.6rem}.play-icon{height:120px;width:150px}.tutorial{padding-left:1.5rem}.tutorial h1{bottom:calc(100% + 1.4rem)}.tutorial-nav>ol{display:block;margin-left:-.3em;margin-right:-.3em;padding:0;background-color:transparent;border-radius:0}.nav-check,[type=checkbox]+.nav-label{display:none}}.cheatsheet-header{background-color:#00deaf;color:#000}.simple-nav>li:after{content:"·";display:inline-block;margin:0 8px;margin:0 .5rem;color:#a8a6af}.simple-nav>li:last-child:after{content:none;display:none}.cheat-section,.simple-nav-wrap{border-bottom:3px solid #efefef}.cheat-section:last-child{border-bottom:0}.cheatsheet img,.checklist img{display:block;margin-bottom:.75rem;width:100%}.cheat-head:focus{outline:3px solid #000;position:relative;z-index:100}.cheat-list code,.cheat-list ol,.cheat-list p,.cheat-list pre,.cheat-list ul{margin-bottom:0}.cheat-head{color:#000}.cheat-head code{background-color:#eeebe9;white-space:pre-wrap}.cheat-details p code{white-space:normal}.cheat-details{margin-left:1rem;color:#63666a}.check-label{display:block;position:relative;padding-left:1.4em;cursor:pointer}.check-box:focus~.check-label{outline:3px solid #000;outline-offset:1px}.check-label p{display:inline}.check-box~.check-label:before{left:0;height:16px;height:1rem;position:absolute;top:3.2px;top:.2rem;z-index:99;width:16px;width:1rem;cursor:pointer;color:#000;font-size:15px}.cheat-details hr{margin:0}.flowchart{counter-reset:a}.flowchart>li{padding-left:2.5rem;position:relative;background:none 2.5rem calc(100% - .1em)/2.2rem auto no-repeat transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256' height='2000' viewBox='0 0 256 2000'%3E%3Cpath fill='none' stroke='%23a8a6af' stroke-linecap='round' stroke-linejoin='round' stroke-width='20' d='M128-135.9V1979m59.5-55.5L128 1983l-59.5-59.5'/%3E%3C/svg%3E")}.flowchart>.flowchart-optional{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256' height='2000' viewBox='0 0 256 2000'%3E%3Cpath fill='none' stroke='%23a8a6af' stroke-dasharray='2 30.04' stroke-linecap='round' stroke-linejoin='round' stroke-width='20' d='M128-104.9V1963'/%3E%3Cpath fill='none' stroke='%23a8a6af' stroke-linecap='round' stroke-linejoin='round' stroke-width='20' d='M128 1978v1m59.5-55.5L128 1983l-59.5-59.5'/%3E%3C/svg%3E")}.flowchart>li:last-child{background-image:none}.flowchart>li:before{content:counter(a);margin:0;position:absolute;left:0;width:32px;width:2rem;color:#00675a;font-size:1.4em;font-weight:700;text-align:right}.flowchart>li:first-child:after,.flowchart>li:last-child:after{content:" ";left:40px;left:2.5rem;position:absolute;top:-8px;top:-.5rem;width:1.8em;border-top:.2em solid #000}.flowchart>li:last-child:after{top:2em}.flowchart label{position:relative;padding-left:2.5rem}.flowchart label:before{left:0;position:absolute;border-radius:50%;border-width:.2em}.flowchart-optional label:before{border-color:#a8a6af}.flowchart>li:first-child label:before,.flowchart>li:last-child label:before{border-color:#000}.flowchart-label{display:inline-block;margin-left:.7rem;padding:.2rem .4rem;position:relative;top:-.2rem;border-radius:3px;background-color:hsla(24,7%,70%,.3);color:rgba(0,0,0,.4);line-height:1.5;font-size:.6rem;text-transform:uppercase}.flowchart-desc{padding-left:2.5rem}.flowchart-desc :last-child{margin-bottom:0}.flowchart-repeat{left:0;height:2.2rem;overflow:hidden;position:absolute;top:2.3rem;width:2.2rem;background:none 50%/2.2rem 2.2rem no-repeat transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256' height='256' viewBox='0 0 256 256'%3E%3Cpath fill='%23fff' stroke='%23a8a6af' stroke-linecap='round' stroke-miterlimit='10' stroke-width='23.19' d='M83.3 75.9a65.1 65.1 0 1 1-14.1 72.9m46.5-1.7l-53.5-.8m-.1 52.4l.1-52.4'/%3E%3C/svg%3E");text-indent:100%}code,kbd,pre,samp{padding:.1em .4em;border-radius:3px;background-color:#f5f2f0;font-size:90%;font-family:Menlo,Consolas,monospace;white-space:pre}.source-code-pro-loaded code,.source-code-pro-loaded kbd,.source-code-pro-loaded pre,.source-code-pro-loaded samp{font-family:Source Code Pro,Menlo,Consolas,monospace}code[class*=language-],pre>code{display:block;overflow-x:auto;padding:0 24px 0 0;width:100%}pre{margin-left:-.8em;margin-right:-.8em;padding:.6em .8em;position:relative}pre:after{bottom:0;content:" ";position:absolute;right:.8em;top:0;width:20px;background-image:linear-gradient(90deg,hsla(24,20%,95%,0),#f5f2f0)}kbd{background-color:#e6e3e2}pre[data-line]{padding-left:1.6em}code[class*=language-],pre[class*=language-]{direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;-moz-tab-size:2;tab-size:2;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-]::selection,code[class*=language-] ::selection,pre[class*=language-]::selection,pre[class*=language-] ::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#a67f59;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}pre[data-line]{position:relative}.line-highlight{position:absolute;left:0;right:0;padding:inherit 0;margin-top:.75em;background:hsla(24,20%,50%,.08);pointer-events:none;line-height:inherit;white-space:pre}.line-highlight:before,.line-highlight[data-end]:after{content:attr(data-start);position:absolute;top:.4em;left:.6em;min-width:1em;padding:0 .5em;background-color:hsla(24,20%,50%,.4);color:#f5f2f0;font:700 65%/1.5 sans-serif;text-align:center;vertical-align:.3em;border-radius:999px;text-shadow:none;box-shadow:0 1px #fff}.line-highlight[data-end]:after{content:attr(data-end);top:auto;bottom:.4em}.line-numbers .line-highlight:after,.line-numbers .line-highlight:before{content:none}@media print{#extra-practice,.downloads,.footer-wrap,.masthead-wrap,.play-btn,.simple-nav-wrap,.tutorial-nav{display:none}.cheatsheet-header{background-color:transparent}body{border-top:0}.wrapper{max-width:none}.tutorial h1{position:static}.cheat-section,.cheat-sheet{break-inside:avoid}.cheat-section>h2{break-after:avoid}.cheat-list>li{break-inside:avoid}.cheat-list{break-before:avoid;break-inside:auto;display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr}.check-box~.check-label:before{top:0;border:2px solid #000}.check-box:checked~.check-label:before{content:"✔"}.card-btn,.card-placeholder,.card-subtle{display:none}code,code[class*=language-],kbd,pre,pre>code,pre[class*=language-],samp{white-space:pre-wrap!important}.code-big-down-arrow:after,.code-continue-from-above:after,.code-continue-from-above:last-of-type:not(:first-of-type):after{content:none!important}}