:where(html){line-height:1.15;-webkit-text-size-adjust:100%;text-size-adjust:100%}:where(h1){font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(abbr[title]){text-decoration:underline;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,pre,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:initial;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}html{font-size:14.5px}@media screen and (min-width:568px){html{font-size:15px}}@media screen and (min-width:740px){html{font-size:15.5px}}body{margin:0;padding:0}.container{max-width:672px;margin:0 auto}@media screen and (min-width:740px){.container{margin:0 auto}}.content .container{background-color:#fff;padding-top:2.95rem;padding-bottom:3.6875rem;padding-left:0;padding-right:0;width:100%;max-width:848px}@media screen and (min-width:568px){.content .container{padding-top:3.45rem;padding-bottom:4.14rem}}@media screen and (min-width:740px){.content .container{padding-top:3.4rem;padding-bottom:4.08rem}}@media screen and (min-width:992px){.content .container{padding-top:3.6rem;padding-bottom:4.5rem}}.content .container>*{max-width:672px;box-sizing:border-box;margin-left:6.25%;margin-right:6.25%}@media screen and (min-width:768px){.content .container>*{margin-left:auto;margin-right:auto}}.content .container>.scalable-figure{margin-left:0;margin-right:0}@media screen and (min-width:672px){.content .container>.scalable-figure{margin-left:6.25%;margin-right:6.25%}}@media screen and (min-width:768px){.content .container>.scalable-figure{margin-left:auto;margin-right:auto}}.content .container>.padded-figure{padding-left:6.25%;margin-left:0;margin-right:0}@media screen and (min-width:672px){.content .container>.padded-figure{margin-left:6.25%;margin-right:6.25%;padding:0 0 0 1.275rem}}@media screen and (min-width:768px){.content .container>.padded-figure{margin-left:auto;margin-right:auto}}.content .container>*:first-child{margin-top:0}.content .container>*:last-child{margin-bottom:0}.content .container.bottom-links{background-color:rgba(255,255,255,.5);padding:0}.columns{display:flex;gap:1rem;margin-top:1.5rem;margin-bottom:1.5rem;flex-direction:column}@media screen and (min-width:568px){.columns{flex-direction:row}}.columns+.columns{margin-top:-.5rem}.columns.background{background-color:#f6f5f3}.columns.padding{padding:2rem}.column{flex:1}.column p:empty{display:none}.column-align-left{text-align:left}.column-align-center{text-align:center}.column-align-right{text-align:right}footer{padding:3rem 0 0}body{color:#000;background-color:transparent;font-family:roboto,sans-serif;font-weight:300}@media screen and (min-width:568px){body{line-height:1.2em}}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;color:#000}h1{font-size:1.62069rem;margin:.85em 0 1.75em -.05em;letter-spacing:-.015em}@media screen and (min-width:568px){h1{font-size:1.68831rem;margin-bottom:1.85em}}@media screen and (min-width:740px){h1{font-size:1.81818rem;margin:.45em 0 1.75em -.05em;margin-top:.15em}}@media screen and (min-width:992px){h1{font-size:1.939395rem;margin-top:-.1em}}h2{font-size:1.6rem;margin:1.6em 0 1rem -.05em}h3{font-size:1.3rem;margin:1.4em 0 1rem -.05em}h4{font-size:1.125rem;margin:1.25em 0 1rem -.05em}h5{font-size:1.125rem;margin:1.25em 0 0 -.05em}h6{font-size:1em;font-weight:300;background-color:#fffce0;display:inline;padding:0 .25em;margin:0 -.25em;line-height:1.5em}h6+h6::before{content:'\A';white-space:pre}p{margin:0 0 1.25rem;line-height:1.5}strong{font-weight:600}:not(a)>strong{color:#000004}img{display:inline-block;height:1.33em;vertical-align:text-bottom;margin:0}img.inline-full-width{max-width:100%;display:block;height:auto;margin:0}img.border{border:1px solid #bbbec4;box-sizing:border-box}ul,ol{margin-bottom:1.4em}ul{padding-left:1.4em}ol{padding-left:1.7em}ol ul,ul ol,ul ul,ol ol{margin-top:0;margin-bottom:0}li{margin:.65em 0 -.2em;line-height:1.45}li>p{margin-top:0;margin-bottom:0}li:empty{display:none}ol.figure-numbers{margin-top:0;padding-left:1.8em;list-style-type:none}ol.figure-numbers li{counter-increment:step-counter;text-indent:-2em}ol.figure-numbers li::before{content:counter(step-counter);margin-right:.6em;font-weight:600;background-color:#ff0;padding:1px 7px;border-radius:50%;box-shadow:1px 1px 2px rgba(0,0,0,.5)}ul.figure-colors{margin-top:0;margin-bottom:1.85em;padding-left:1.6em;list-style-type:none}ul.figure-colors li{text-indent:-1.45em}ul.figure-colors li *{text-indent:0}ul.figure-colors li::before{content:' ';margin-right:.6em;background-color:#eee;padding:0 7px;box-shadow:1px 1px 2px rgba(0,0,0,.5)}ul.figure-colors li:nth-child(1)::before{background-color:#ff8}ul.figure-colors li:nth-child(2)::before{background-color:#bff}ul.figure-colors li:nth-child(3)::before{background-color:#fce0ff}ul.figure-colors li:nth-child(4)::before{background-color:#ffebd6}ul.figure-colors li:nth-child(5)::before{background-color:#bfc}ul.figure-colors li:nth-child(6)::before{background-color:#d6deff}blockquote{padding:0 0 0 1em;margin:2em 0;border-left:5px solid #d0d0d6}blockquote.alert{padding-left:.8em;margin-top:2.25em;margin-bottom:2.25em;font-size:.939395em}blockquote.alert .alert-heading{display:none}blockquote.alert-warning{border-left:none;background-color:#f4f3f1;padding:.75rem 1rem;display:flex}blockquote.alert-warning .alert-heading{display:inline-block;padding-right:.5em;padding-top:.05em;font-size:1.125em}blockquote.alert-warning p{margin:0;line-height:1.66}blockquote.alert-hint{border-left-color:#f2c6a6}blockquote.alert-note{border-radius:8px;opacity:.85}blockquote.alert-links,blockquote.alert-credits{border:none;border-top:1px solid #d0d0d6;margin-top:3.5rem;padding:1.5rem 0 0}blockquote.alert-links+blockquote.alert-credits{border:none;margin-top:-.6rem;padding:0}blockquote.alert-links p:last-child:before{content:"Approfondimenti: ";display:inline}blockquote.alert-credits p:last-child:before{content:"Crediti: ";display:inline}blockquote.alert-links a,blockquote.alert-credits a{margin-left:.25rem;color:#000}hr{height:0;margin-top:2.1rem;margin-bottom:2.1rem;border:0;border-top:1px solid #d0d0d6}pre+hr,hr+pre{margin-top:2.5em}table{background-color:transparent;border-spacing:0;border-collapse:collapse;margin:1.8rem 0 2.25em;width:100%}tbody{border-bottom:1px solid #d0d0d6}th,td{padding:.5em .75em .5em 0;vertical-align:top;text-align:left;border-top:1px solid #d0d0d6}th{font-weight:600;color:#000}th:last-child,td:last-child{padding-right:0}th:empty{display:none}a{color:#a32900;text-decoration:none;overflow-wrap:break-word;font-weight:400}a:link{color:#a32900}a:visited,a:focus,a:hover,a:active{color:#a32900}a:hover{text-decoration:underline}nav li a,nav li a:link,nav li a:visited,nav li a:focus,nav li a:hover,nav li a:active{color:#000}nav li>a:hover{color:#a32900}a[download]{padding-left:2px;padding-right:20px;background-image:url(../img/ui-ico-download.svg);background-repeat:no-repeat;background-position:100%}::-moz-selection{background:#d8e9fd}::selection{background:#d8e9fd}.guide-description{color:#369}.no-margin-top{margin-top:.5rem}.no-margin-bottom{margin-bottom:.5rem}code[class*=language-],pre[class*=language-]{color:#02212c;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection{background:#d8e9fd}pre[class*=language-]::selection,pre[class*=language-] ::selection,code[class*=language-]::selection,code[class*=language-] ::selection{background:#d8e9fd}pre[class*=language-]{overflow-x:auto;overflow-y:hidden}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#a7b3be}.token.punctuation{color:#333}.token.tag{color:#dc3787}.token.property,.token.boolean,.token.number,.token.function-name,.token.constant,.token.symbol,.token.deleted{color:#d9328f}.token.selector,.token.attr-name,.token.function,.token.builtin,.token.inserted{color:#0f9dd7}.token.string,.token.char{color:#58a10b}.token.class-name,.token.operator,.token.entity,.token.url,.token.variable{color:#333}.token.atrule,.token.attr-value,.token.keyword{color:#9c6416;color:#996f33}.token.regex,.token.important{color:#e90}.language-css .token.string,.style .token.string{color:#a67f59;background:rgba(255,255,255,.5)}.token.p5var{color:#d9328f}.token.p5const{color:#996f33}.token.important{font-weight:400}.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.namespace{opacity:.7}pre{}pre{line-height:1.333333;overflow-x:auto;background-color:#f6f5f3}pre[class*=language-]>textarea{display:none}figure>pre[class*=language-]{margin-top:0;margin-bottom:0}pre.language-p5js-run{width:100%;background-color:transparent;margin:0;padding:0}.code-editor-executed pre.language-javascript{background-color:#f6f5f3;overflow-x:unset;margin-top:2.1rem;padding-top:0;padding-bottom:.375em;padding-left:0;padding-right:0}@media screen and (min-width:992px){.code-editor-executed pre.language-javascript{margin-left:0;margin-right:0;padding-bottom:.31em}}.iframe-box{margin-top:1.75rem;margin-bottom:1.75rem;position:relative;border-top:1px solid #efedec}@media screen and (min-width:672px){.iframe-box{border-left:1px solid #efedec;border-right:1px solid #efedec}}.iframe-box iframe{border:none;position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%}pre.language-p5js-run .iframe-box{border:none;margin-left:auto;margin-right:auto}pre.language-p5js-editor .iframe-box{margin-left:0;margin-right:0}pre.language-p5js-editor iframe{border:none}#editor{display:block;width:100%;margin-top:.31em;height:auto;font-family:inconsolata,monospace;line-height:1.151515rem;font-size:14px}@media screen and (min-width:672px){#editor{width:99.2%}}@media screen and (min-width:568px){#editor{font-size:15px}}@media screen and (min-width:740px){#editor{font-size:16.5px}}.ace_gutter-cell{padding-left:6px !important}.content .container>figure{margin-left:auto;margin-right:auto}@media screen and (min-width:672px){.content .container>figure{margin-left:6.25%;margin-right:6.25%}}@media screen and (min-width:768px){.content .container>figure{margin-left:auto;margin-right:auto}}figure{padding:0;margin-bottom:1.8rem}figure p:last-child{margin-bottom:0}p+figure{margin-top:1.8rem}figure img,figure video{max-width:100%;height:auto;display:block;margin-top:0;margin-bottom:0}figure pre{width:-moz-fit-content;width:fit-content;margin-left:auto;margin-right:auto}.container>figure.cover{background-color:transparent;padding:0;margin-top:-2.95rem !important;margin-bottom:2.25rem;margin-left:-1.5rem;margin-right:-1.5rem}@media screen and (min-width:568px){.container>figure.cover{margin-top:-3.45rem !important;margin-left:-2.5rem;margin-right:-2.5rem}}@media screen and (min-width:740px){.container>figure.cover{margin-top:-3.4rem !important;margin-left:-3.5rem;margin-right:-3.5rem}}@media screen and (min-width:992px){.container>figure.cover{margin-top:-4.5rem !important;margin-left:-5.867rem;margin-right:-5.867rem}}.container>figure.cover{margin-left:0;margin-right:0;max-width:848px}figure.cover a{display:inline-block;padding-right:0;background-image:none;color:#000;overflow-x:hidden}figure.cover a img{margin-left:-10%;margin-right:-10%;width:120%;max-width:none}@media screen and (min-width:568px){figure.cover a img{margin-left:0;margin-right:0;width:auto;max-width:100%}}figure.cover figcaption{display:block;width:calc(100% - .66em);font-size:.8em;padding:.1em .666em .22em 0;text-align:right}figure.image{text-align:center;padding:0}figure.image p{display:block}figure.image img{display:block;margin-left:auto;margin-right:auto}figure.image.contrast img{image-rendering:-webkit-optimize-contrast}figure.image p img{margin-top:0}figure.image.with-text p img{display:inline-block;margin-bottom:.5em}@media screen and (min-width:672px){figure.image img.scale-full,img.scale-full{width:100%}}@media screen and (min-width:672px){figure.image img.scale-80,img.scale-80{max-width:80%}}@media screen and (min-width:672px){figure.image img.scale-75,img.scale-75{max-width:75%}}@media screen and (min-width:672px){figure.image img.scale-66,img.scale-66{max-width:66.6666%}}@media screen and (min-width:672px){figure.image img.scale-50,img.scale-50{max-width:50%}}img.scale-33{max-width:66.6666%}@media screen and (min-width:672px){img.scale-33{max-width:33.3333%}}img.scale-25{max-width:12.5%}@media screen and (min-width:672px){img.scale-25{max-width:25%}}img.scale-20{max-width:10%}@media screen and (min-width:672px){img.scale-20{max-width:20%}}figure.image img.margin{margin-top:2em;margin-bottom:2em}figure.interactive{padding:0;margin-top:1.8rem;margin-bottom:1.8rem}figure.code{padding:0}figure.marked-code>pre{width:auto}figure.marked-code code{font-size:.90909em}figure.marked-code code>*{display:inline-block;padding:.15em 0}figure.code-syntax{padding:0;overflow-x:auto;margin-bottom:2rem}figure.code-syntax pre{line-height:1.3333;background-color:transparent;margin-left:0;margin-right:0}figure.code-syntax code{font-size:1.0303rem}@media screen and (min-width:768px){figure.code-syntax code{font-size:1.121215rem}}figure.text{text-align:center;padding-top:0;padding-bottom:0;overflow-x:auto}figure.text.left{text-align:left}figure.text.left p{padding-left:0}figure.text p:last-child{margin-bottom:0}figure.text>pre[class*=language-]{margin:1em auto}figure.text p{padding-left:1rem;padding-right:1rem}figure.text p img{margin-left:-1rem;margin-right:-1rem;max-width:calc(100% + 2rem)}figure.text ul.text-and-image{list-style-type:none;padding-left:0;margin-top:0;margin-bottom:1.5em}@media screen and (min-width:568px){figure.text ul.text-and-image{display:flex;justify-content:space-between;align-items:center;margin-bottom:1em}}figure.text ul.text-and-image:last-child{margin-bottom:.5em}@media screen and (min-width:568px){figure.text ul.text-and-image:last-child{margin-bottom:0}}figure.text ul.text-and-image li{margin-top:0;margin-bottom:0}figure.text ul.text-and-image li:first-child{margin-bottom:1em}@media screen and (min-width:568px){figure.text ul.text-and-image li:first-child{margin-bottom:0;flex:1}}figure.text ul.text-and-image li:last-child{display:inline-block;margin-left:auto;margin-right:auto}@media screen and (min-width:568px){figure.text ul.text-and-image li:last-child{margin-right:0;margin-left:1em;flex-basis:calc((100% - 1em)/2)}}@media screen and (min-width:568px){figure.text ul.text-and-image.image-33-perc li:last-child{flex-basis:calc(33.3333% + 1em)}}@media screen and (min-width:568px){figure.text ul.text-and-image.image-25-perc li:last-child{flex-basis:calc(25% + 1em)}}@media screen and (min-width:568px){figure.text ul.text-and-image.image-20-perc li:last-child{flex-basis:calc(20% + 1em)}}@media screen and (min-width:568px){figure.text ul.text-and-image.image-15-perc li:last-child{flex-basis:calc(15% + 1em)}}figure.slideshow{padding-bottom:0}figure.slideshow.border{border:none}figure.slideshow{padding:0}figure.slideshow img{margin-top:0 !important}figure.slideshow p{text-align:center;display:none;margin-bottom:1em}figure.slideshow.border p img{border:1px solid #bbbec4;box-sizing:border-box}figure.slideshow p:first-child{display:block}figure.slideshow p img{display:inline-block;margin-top:0;margin-bottom:1em}figure.slideshow p>*:last-child{margin-bottom:0}figure.slideshow form{text-align:center}figure.slideshow form div{display:inline-block}figure.slideshow input{margin:.2em .5em 1em}figure.slideshow input{display:none}figure.slideshow input+label{display:block;background-color:#bf6040;width:12px;height:12px;border-radius:50%;margin:0 .6em;cursor:pointer}figure.slideshow input:checked+label{background-color:#fff;border:3px solid #bf6040;width:6px;height:6px}figure.files{padding:1.25em 1.5rem}.files{background-color:#f6f5f3}.files{overflow-x:auto}.files ul{margin:0;padding-left:1px;text-indent:0}.files>ul{font-size:.9em;color:#000004;display:inline-block}.files>ul li{line-height:1.8em}.files li{list-style-type:none;padding-left:26px;padding-right:4px;margin:0;white-space:nowrap;background-repeat:no-repeat;background-position:3px .166em;background-image:url(../img/ui-li-file.svg)}.files ul li::before{content:""}.files li a{color:#a32900}.files li.folder{background-image:url(../img/ui-li-folder.svg);padding-left:27px}.files li.folder-close{background-image:url(../img/ui-li-folder-close.svg);padding-left:27px}.files li .comment{color:#888;float:right}.files li .comment,.files li .arrow{padding-left:2em}.files li .arrow::before{content:'\2190\00a0'}figure.enunciation{text-align:center}.content .container>figure.enunciation p{margin-left:6.25%;margin-right:6.25%}@media screen and (min-width:672px){.content .container>figure.enunciation p{margin-left:0;margin-right:0}}figure.enunciation>p>img{margin-left:-7.0625%;margin-right:-7.0625%;max-width:114.125%}@media screen and (min-width:672px){figure.enunciation>p>img{margin-left:0;margin-right:0;max-width:100%}}figure.group{padding:0;margin-top:1.8rem;margin-bottom:1.8rem;display:flex;justify-content:center;align-items:center;flex-direction:column}@media screen and (min-width:568px){figure.group{align-items:stretch;display:grid;grid-template-columns:repeat(12,minmax(0,1fr))}}figure.group>*{box-sizing:border-box}@media screen and (min-width:568px){figure.group.gap{grid-gap:1.5rem}}figure.group.gap>*{margin-bottom:1.5rem}@media screen and (min-width:568px){figure.group.gap>*{margin-bottom:0}}figure.group.gap>*:last-child{margin-bottom:0}figure.group figure.text{padding:0}figure.group .span-1{max-width:16.6666%}@media screen and (min-width:568px){figure.group .span-1{max-width:none;grid-column:span 1}}figure.group .span-2{max-width:33.3333%}@media screen and (min-width:568px){figure.group .span-2{max-width:none;grid-column:span 2}}figure.group .span-3{max-width:50%}@media screen and (min-width:568px){figure.group .span-3{max-width:none;grid-column:span 3}}figure.group .span-4{max-width:66.6666%}@media screen and (min-width:568px){figure.group .span-4{max-width:none;grid-column:span 4}}figure.group .span-5{max-width:83.3333%}@media screen and (min-width:568px){figure.group .span-5{max-width:none;grid-column:span 5}}@media screen and (min-width:568px){figure.group>figure,figure.group .span-6{grid-column:span 6}}@media screen and (min-width:568px){figure.group .span-7{grid-column:span 7}}@media screen and (min-width:568px){figure.group .span-8{grid-column:span 8}}@media screen and (min-width:568px){figure.group .span-9{grid-column:span 9}}@media screen and (min-width:568px){figure.group .span-10{grid-column:span 10}}@media screen and (min-width:568px){figure.group .span-11{grid-column:span 11}}@media screen and (min-width:568px){figure.group .span-12{grid-column:span 12}}figure>figure,figure>figure+figure{width:100%;padding:0;margin:0}figure>figure.text{text-align:left}figure>figure.text p{margin-left:6.25%;margin-right:6.25%;padding-left:0;padding-right:0}@media screen and (min-width:568px){figure>figure.text p{margin-left:auto;margin-right:auto}}@media screen and (min-width:672px){figure>figure.text p{padding-left:0;padding-right:0}}figure.padding>figure.text p{margin-left:0;margin-right:0;padding-left:0;padding-right:0}.caption{text-align:center;margin-top:-.5em}.full-width .caption{padding-left:1.5rem;padding-right:1.5rem}@media screen and (min-width:568px){figure.right-caption{display:flex}}figure.left-caption{display:flex;flex-flow:column-reverse}@media screen and (min-width:568px){figure.left-caption{flex-flow:row-reverse}}figure.left-caption *:first-child,figure.right-caption *:first-child{width:100%;margin-left:auto;margin-right:auto;box-sizing:border-box}@media screen and (min-width:568px){figure.left-caption *:first-child,figure.right-caption *:first-child{width:auto}}figure.left-caption p:last-child,figure.right-caption p:last-child{margin-left:1.5rem;margin-right:1.5rem;text-align:left}@media screen and (min-width:568px){figure.left-caption p:last-child,figure.right-caption p:last-child{flex-basis:2310px;margin-top:-.33em}}figure.bottom-caption p:last-child{margin-left:.75rem;margin-right:.75rem;text-align:center}figure.left-caption *:first-child{margin-bottom:0}figure.left-caption p:last-child{margin-bottom:1.8rem}@media screen and (min-width:672px){figure.left-caption p:last-child{margin-left:0}}figure.right-caption *:first-child{margin-bottom:1.8rem}@media screen and (min-width:672px){figure.right-caption *:first-child{margin-bottom:0}}@media screen and (min-width:672px){figure.right-caption p:last-child{margin-right:0}}@media screen and (min-width:568px){figure.right-caption>.size-2{flex-basis:462px}}@media screen and (min-width:568px){figure.right-caption>.size-3{flex-basis:770px}}figure.fig-size-4>*:first-child,figure.right-caption>.size-4{max-width:66.6666%}@media screen and (min-width:568px){figure.fig-size-4>*:first-child,figure.right-caption>.size-4{flex-basis:1155px}}figure.fig-size-5>*:first-child,figure.right-caption>.size-5{max-width:75%}@media screen and (min-width:568px){figure.fig-size-5>*:first-child,figure.right-caption>.size-5{flex-basis:1650px}}@media screen and (min-width:568px){figure.fig-size-6>*:first-child,figure.right-caption>.size-6{flex-basis:2310px}}@media screen and (min-width:568px){figure.fig-size-7>*:first-child,figure.right-caption>.size-7{flex-basis:3234px}}@media screen and (min-width:568px){figure.fig-size-8>*:first-child,figure.right-caption>.size-8{flex-basis:4620px}}@media screen and (min-width:568px){figure.right-caption>.size-9{flex-basis:6930px}}@media screen and (min-width:568px){figure.right-caption>.size-10{flex-basis:11550px}}figure.fig-background>*:first-child{background-color:#f6f5f3}figure.fig-border>*:first-child{border:1px solid #bbbec4;box-sizing:border-box}figure.fig-padding>*:first-child>*{padding:6.25%}figure.fig-contrast>*:first-child>*{image-rendering:-webkit-optimize-contrast}figure.bottom-caption p:last-child{margin-top:-.5em}@media screen and (min-width:568px){figure.interactive.left-caption{justify-content:space-between}}figure.interactive.left-caption .language-p5js-run{flex-grow:0;flex-shrink:0;margin-right:0}@media screen and (min-width:568px){figure.interactive.left-caption .language-p5js-run iframe{width:100%}}figure.interactive.left-caption .language-p5js{margin:.5rem 0}figure.interactive .language-p5js code{font-size:1.0303rem}@media screen and (min-width:768px){figure.interactive .language-p5js code{font-size:1.121215rem}}@media screen and (min-width:568px){figure.interactive.left-caption p:last-child{flex-basis:auto}}figure.group:not(.gap)>figure.image.bottom-caption p:last-child{margin-bottom:1.5rem}@media screen and (min-width:568px){figure.group:not(.gap)>figure.image.bottom-caption p:last-child{margin-bottom:0}}.container>.full-width{margin-left:0 !important;margin-right:0 !important;max-width:848px}@media screen and (min-width:768px){.container>.full-width{margin-left:16px;margin-right:16px}}figure.border{border-top:1px solid #bbbec4;border-bottom:1px solid #bbbec4;box-sizing:border-box}@media screen and (min-width:672px){figure.border{border-left:1px solid #bbbec4;border-right:1px solid #bbbec4}}figure.image.border{border:none}figure.border img{margin-top:0 !important}figure.image.border p:first-child{position:relative}figure.image.border p:first-child::after{content:"";position:absolute;left:0;top:0;bottom:0;right:0;border-top:1px solid #bbbec4;border-bottom:1px solid #bbbec4;mix-blend-mode:darken}@media screen and (min-width:672px){figure.image.border p:first-child::after{border-left:1px solid #bbbec4;border-right:1px solid #bbbec4}}figure.image.border.full-width p:first-child::after,figure.slideshow.border.full-width p img,figure.border.full-width{border-left:none;border-right:none}figure.background{background-color:#f6f5f3}figure.padding{padding:0 6.25%}@media screen and (min-width:672px){figure.padding{padding:0 1.5rem}}figure.border.padding,figure.background.padding{padding-top:1.75em;padding-bottom:1.75em}figure.code.padding{padding:0}figure.code-syntax.padding{padding-top:1.75em;padding-bottom:1.75em}figure.image.border.padding{padding:0}figure.image.border.padding p:first-child{padding:1.5rem}figure.image.border.padding img{margin-bottom:0}figure.center{text-align:center}figure.interactive.padding{padding-left:0;padding-right:0}figure.enunciation.padding{padding-left:3rem;padding-right:3rem}figure.enunciation.border.padding,figure.enunciation.background.padding{padding-top:2.25em;padding-bottom:2.5em}figure.code.bottom-sep{border-bottom:1px solid #fff}.files.important ul{padding-left:3px}.files.important li{background-size:24.5px 24.5px;padding-left:34px}.files.important li.folder,.files.important li.folder-close{background-size:24.5px 24.5px;padding-left:38px}figure.mermaid{display:flex;justify-content:center;border:1px solid #bbbec4;max-width:none !important;padding:1rem 0}figure+figure,figure+pre,pre+figure{margin-top:2.45em}figure+figure.text{margin-top:2.1rem}figure.group>figure+figure.text{margin-top:0}figure+pre.language-p5js{margin-top:-1.8rem}.column figure{margin:0}.box.syntax-description>pre{margin-top:1.5em;margin-bottom:.25em;padding:0;background-color:transparent}.box.syntax-description>pre>code{font-size:1.0303rem;background-color:#f6f5f3;padding:.11em .66em;display:inline-block;margin:0}@media screen and (min-width:768px){.box.syntax-description>pre>code{font-size:1.0606rem}}p.note{padding-left:.85em;border-left:5px solid #e2e7e9;border-radius:8px;margin-top:1.5em;margin-bottom:1.5em;color:#82807d;font-size:.951516em}p.note strong{color:#999}p.note.with-code{border-bottom-left-radius:0;margin-bottom:0}p.note.with-code+pre{margin-top:0;padding:.2em 0 .2em 1.5em;border-left:3px solid #dad9d8;border-bottom-left-radius:8px;background-color:transparent}p.note.with-code+pre>code{opacity:.66}p.hint{padding-left:.75em;border-left:5px solid #f2c6a6;margin-top:1.8em;margin-bottom:1.8em}.box.note>p,.box.hint>p,.box.help>p{margin-bottom:0}.box.note>pre,.box.hint>pre,.box.help>pre{margin-top:0;margin-bottom:0;padding:.35em 0;background-color:transparent}.box.code-indent>pre{padding-left:1.75em}.box.note,.box.help{opacity:.75;padding-left:.85em;border-left:5px solid #e2e7e9;border-radius:8px;margin-top:1.5em;margin-bottom:1.4em;font-size:.951516em}.box.note code{font-size:1em}.box.hint{padding-left:.75em;border-left:5px solid #f2c6a6;margin-top:1.8em;margin-bottom:1.8em}.bottom-links{padding:0}.bottom-links>div{padding-top:.5em}.bottom-links>div:first-child{border-top:1px solid #d0d0d6;padding-top:1.5em}.bottom-links>div:last-child{padding-bottom:1.5em}.bottom-links+.bottom-links>div{border-top:none;padding-top:0}.bottom-links+.bottom-links{border-top:none;padding-top:0 !important}.bottom-links h3{margin-top:.2em;margin-bottom:.2em;margin-right:.6em;font-size:1em;font-weight:300;display:inline-block;color:#444}.bottom-links ul{margin-top:0;margin-left:-.5em;margin-right:0;display:inline;padding-left:0;text-indent:0}.bottom-links li{display:inline-block;margin-left:0;margin-right:0;margin-top:.2em;margin-bottom:.2em;padding-left:.25em}.bottom-links ul li::before{content:''}.bottom-links li a{color:#444}.bottom-links li a::before{content:'\2192\00a0';content:'\25B8';display:inline-block;padding-right:.1em}.last-update{text-align:right;font-size:.9em;color:#999}p.contiguous{margin-bottom:-1.15em}p.contiguous-or{margin-top:-1.15em;margin-bottom:-1.15em}.continues-below{margin-bottom:-1.15em !important}.continues{margin-top:-1.15em !important;margin-bottom:-1.15em !important}.continues-prev{margin-top:-1.15em !important}.heading{padding:0;margin-left:0;margin-right:0;margin-bottom:2.1em}.ace_editor{font-family:inconsolata,monospace}body.slide-cover>.content{display:flex;align-items:center;justify-content:center;z-index:-1}body.slide-cover>.content .container{padding-top:2.65rem;padding-bottom:2.75rem}@media screen and (min-width:568px){body.slide-cover>.content .container{padding-top:3.35rem;padding-bottom:3.55rem}}@media screen and (min-width:740px){body.slide-cover>.content .container{padding-top:3.15rem;padding-bottom:3.45rem}}@media screen and (min-width:992px){body.slide-cover>.content .container{padding-top:4.25rem;padding-bottom:4.65rem}}body.slide-cover h1{font-size:2em;margin-top:1.6rem;margin-bottom:1.9rem;text-align:center}@media screen and (min-width:568px){body.slide-cover h1{margin-top:2.3rem;margin-bottom:2.8rem}}@media screen and (min-width:992px){body.slide-cover h1{margin-top:3.25rem;margin-bottom:3.85rem}}.files-tree{margin:1.5rem 0;padding:.9rem 1rem .95rem;background-color:#f8f7f6;border:1px solid #ebe7e5;overflow-x:auto}.files-tree ul{padding:0}.files-tree li{list-style-type:none;white-space:nowrap;padding-left:26px;padding-right:4px;margin:.25em 0;background-repeat:no-repeat;background-position:3px .166em;background-image:url(../img/ui-li-file.svg)}ul.files-tree li::before{content:'\00a0\00a0\00a0\00a0\00a0'}.files-tree li.folder{background-image:url(../img/ui-li-folder.svg);background-position-y:unset;margin-top:.25em}.files-tree li.closed-folder{background-image:url(../img/ui-li-folder-close.svg);background-position-y:unset;margin-top:.25em}.files-tree li.closed-folder li{display:none}.files-tree li a{color:#a32900;text-shadow:0 0 2px #fff}.files-tree+h6{margin-top:1.75em}@media screen and (min-width:568px){.files-tree+h6{margin-top:1.85em}}@media screen and (min-width:740px){.files-tree+h6{margin-top:2em}}code,kbd,pre,samp{font-weight:500}tt,code,kbd,samp{font-family:inconsolata,monospace;font-weight:400}p code::before{content:'';padding-left:.15em}p code::after{content:'';padding-right:.1em}.home-type h1{margin-top:0;margin-bottom:.6em}.heading h1{margin-bottom:.3em}img[alt^=inline]{margin:0;display:inline-block;vertical-align:middle}p:first-child img{margin-top:.1em}p{word-spacing:1px}strong>code{font-weight:700}code.language-p5js-run{display:none}.code-title,.code-citation,.code-syntax-citation{display:none}.code-citation+pre{margin-top:1.5em;margin-bottom:.5em;padding:0 0 0 .66em;background-color:transparent;border-left:5px solid #ecebe9}.code-syntax-citation+pre{margin-top:1.5em;margin-bottom:.25em;padding:0;background-color:transparent}.code-syntax-citation+pre>code{font-size:1rem;background-color:#f6f5f3;padding:.125em .66em !important;display:inline-block}.code-syntax-citation+pre mark{padding:.1em 0 .15em;display:inline-block}.container>.code-citation+pre.language-p5js,.container>.code-syntax-citation+pre.language-p5js{margin-left:6.25%;margin-right:6.25%}@media screen and (min-width:768px){.container>.code-citation+pre.language-p5js,.container>.code-syntax-citation+pre.language-p5js{margin-left:auto;margin-right:auto}}.code-title+pre{margin-top:0;margin-bottom:0;padding:0 .2em;display:inline-block;background-color:#f6f5f3;border:1px solid #f6f5f3}.inline-code+pre{margin-top:-.9em;margin-bottom:1.35em;padding:0;background-color:transparent}p.inline-code+pre.language-p5js{margin-left:6.25%;margin-right:6.25%}@media screen and (min-width:740px){p.inline-code+pre.language-p5js{margin-left:auto;margin-right:auto}}.code-citation+pre>code,.code-title+pre>code,.inline-code+pre>code,.code-syntax-citation+pre>code{margin:0;padding:0}p.inline-code+pre+p:not(.inline-code){margin-top:1.62rem}.important{font-size:1.27273em}.important code{font-size:1.0303rem}@media screen and (min-width:768px){.important code{font-size:1.09091rem}}.very-important{font-size:1.619841em}.important+pre>code{font-size:1.07418412em}.very-important+pre>code{font-size:1.16413764em}p.important{margin-bottom:.7143em}p.very-important{margin-bottom:.5em}p.important:empty,p.very-important:empty{display:none}p.____{display:block;height:.01em}@media screen and (min-width:740px){p.____{height:.1em}}@media screen and (min-width:992px){p.____{height:.5em}}mark{background-color:#fffdd1;color:inherit}mark.color-0,.mark0{background:0 0;opacity:.6}mark.color-1,.mark{background-color:#fffdd1}mark.color-2,.mark2{background-color:#d1ffff}mark.color-3,.mark3{background-color:#fce0ff}mark.color-4,.mark4{background-color:#ffebd6}mark.color-5,.mark5{background-color:#d5ffd1}mark.color-6,.mark6{background-color:#d6deff}mark.color-7,.mark7{background-color:#888}mark.color-8,.mark8{background-color:#d4d4d4}mark.color-9,.mark9{background-color:#fff}samp{font-family:inherit;font-size:inherit;font-style:italic}.svg-icon{width:24px;height:24px;fill:currentColor}.code-filename{display:block;padding:.5em 1.35em 0 1.3em;margin:2em -1.3em -2.18em;text-align:right;font-size:.92em;font-weight:400;background-color:#fff;color:#8f8fa3}@media screen and (min-width:740px){.code-filename{padding-left:2.05em;padding-right:2em;margin-left:-2.1em;margin-right:-2.1em}}@media screen and (min-width:992px){.code-filename{padding-left:1.55em;padding-right:1.5em;margin-left:0;margin-right:0}}.code-filename+pre{padding-top:0}p+.code-filename{margin-top:1.8rem}.compact{margin-top:-1.1em}ul,ol{padding-left:1.125em}article>ul,article>ol{padding-left:1.125em;margin-top:.125em}ul.compact>li,ol.compact>li{margin-top:.5em;margin-top:.25em}ul.compact>li>p,ol.compact>li>p{margin:0}li{line-height:1.45em;margin-top:.5em}p+ul.compact,p+ol.compact{margin-top:-.75em}li>a{display:inline-block}ol>li{padding-left:.25em}ol>li::marker{font-weight:700}.compact li{margin:0 0 .1em}figure .mark::first-line{white-space:nowrap;background-color:#fffce0}.footnotes li p{display:inline}.footnote-ref{padding:0 .2em}.buttons{display:flex;justify-content:center;margin:.75em 0}.btn{color:#fff;background-color:#8fa391;display:inline-block;font-size:.75em;font-family:roboto,sans-serif;padding:.25em .75em .3em;margin:0 .25em;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;border:1px solid transparent;border-radius:.2em;text-decoration:none}.btn:hover{color:#fff !important;background-color:#a32900}.btn:focus{color:#fff !important;background-color:#a32900}.btn:active{color:#fff !important;background-color:#a32900}.radioBtn{border:1px solid #000}.stepButton{display:none}.stepButton+label{display:block;background-color:#d0cdc8;width:10px;height:10px;border-radius:50%;margin:0 .5em;cursor:pointer}.stepButton:checked+label{background-color:#fff;border:3px solid #d0cdc8;width:4px;height:4px}.keyword-color{color:#9c7335}.function-color{color:#0074b8}.variable-magenta,.variable-color{color:#de3b8f}.ace_hidden-cursors .ace_cursor{opacity:0 !important}.CodeMirror{font-family:monospace;height:300px;color:#000;direction:ltr}.CodeMirror-lines{padding:4px 0}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{padding:0 4px}.CodeMirror-scrollbar-filler,.CodeMirror-gutter-filler{background-color:#fff}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}.CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;white-space:nowrap}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid #000;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{width:auto;border:0 !important;background:#7e7}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-fat-cursor .CodeMirror-line::selection,.cm-fat-cursor .CodeMirror-line>span::selection,.cm-fat-cursor .CodeMirror-line>span>span::selection{background:0 0}.cm-fat-cursor .CodeMirror-line::-moz-selection,.cm-fat-cursor .CodeMirror-line>span::-moz-selection,.cm-fat-cursor .CodeMirror-line>span>span::-moz-selection{background:0 0}.cm-fat-cursor{caret-color:transparent}@-moz-keyframes blink{0%{}50%{background-color:transparent}100%{}}@-webkit-keyframes blink{0%{}50%{background-color:transparent}100%{}}@keyframes blink{0%{}50%{background-color:transparent}100%{}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-rulers{position:absolute;left:0;right:0;top:-50px;bottom:0;overflow:hidden}.CodeMirror-ruler{border-left:1px solid #ccc;top:0;bottom:0;position:absolute}.cm-s-default .cm-header{color:blue}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-variable-3,.cm-s-default .cm-type{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta{color:#555}.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-s-default .cm-error{color:red}.cm-invalidchar{color:red}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0b0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#a22}.CodeMirror-matchingtag{background:rgba(255,150,0,.3)}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{position:relative;overflow:hidden;background:#fff}.CodeMirror-scroll{overflow:scroll !important;margin-bottom:-50px;margin-right:-50px;padding-bottom:50px;height:100%;outline:none;position:relative;z-index:0}.CodeMirror-sizer{position:relative;border-right:50px solid transparent}.CodeMirror-vscrollbar,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-gutter-filler{position:absolute;z-index:6;display:none;outline:none}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}.CodeMirror-scrollbar-filler{right:0;bottom:0}.CodeMirror-gutter-filler{left:0;bottom:0}.CodeMirror-gutters{position:absolute;left:0;top:0;min-height:100%;z-index:3}.CodeMirror-gutter{white-space:normal;height:100%;display:inline-block;vertical-align:top;margin-bottom:-50px}.CodeMirror-gutter-wrapper{position:absolute;z-index:4;background:0 0 !important;border:none !important}.CodeMirror-gutter-background{position:absolute;top:0;bottom:0;z-index:4}.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}.CodeMirror-gutter-wrapper ::selection{background-color:transparent}.CodeMirror-gutter-wrapper ::-moz-selection{background-color:transparent}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;background:0 0;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent;-webkit-font-variant-ligatures:contextual;font-variant-ligatures:contextual}.CodeMirror-wrap pre.CodeMirror-line,.CodeMirror-wrap pre.CodeMirror-line-like{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.CodeMirror-linewidget{position:relative;z-index:2;padding:.1px}.CodeMirror-rtl pre{direction:rtl}.CodeMirror-code{outline:none}.CodeMirror-scroll,.CodeMirror-sizer,.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber{-moz-box-sizing:content-box;box-sizing:content-box}.CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}.CodeMirror-cursor{position:absolute;pointer-events:none}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:3}div.CodeMirror-dragcursors{visibility:visible}.CodeMirror-focused div.CodeMirror-cursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#d7d4f0}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.cm-searching{background-color:#ffa;background-color:rgba(255,255,0,.4)}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:''}span.CodeMirror-selectedtext{background:0 0}.CodeMirror-simplescroll-horizontal div,.CodeMirror-simplescroll-vertical div{position:absolute;background:#ccc;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #bbb;border-radius:2px}.CodeMirror-simplescroll-horizontal,.CodeMirror-simplescroll-vertical{position:absolute;z-index:6;background:#eee}.CodeMirror-simplescroll-horizontal{bottom:0;left:0;height:8px}.CodeMirror-simplescroll-horizontal div{bottom:0;height:100%}.CodeMirror-simplescroll-vertical{right:0;top:0;width:8px}.CodeMirror-simplescroll-vertical div{right:0;width:100%}.CodeMirror-overlayscroll .CodeMirror-scrollbar-filler,.CodeMirror-overlayscroll .CodeMirror-gutter-filler{display:none}.CodeMirror-overlayscroll-horizontal div,.CodeMirror-overlayscroll-vertical div{position:absolute;background:#bcd;border-radius:3px}.CodeMirror-overlayscroll-horizontal,.CodeMirror-overlayscroll-vertical{position:absolute;z-index:6}.CodeMirror-overlayscroll-horizontal{bottom:0;left:0;height:6px}.CodeMirror-overlayscroll-horizontal div{bottom:0;height:100%}.CodeMirror-overlayscroll-vertical{right:0;top:0;width:6px}.CodeMirror-overlayscroll-vertical div{right:0;width:100%}.cm-s-p5-light{background-color:transparent;color:#333}.code-editor-widget .cm-s-p5-light{background-color:#fff}.cm-s-p5-light .cm-comment{color:#a7b3be}.cm-s-p5-light .cm-def{color:#2d7bb6;font-weight:700}.cm-s-p5-light .cm-string{color:#11b01f}.cm-s-p5-light .cm-string-2{color:#e90}.cm-s-p5-light .cm-number{color:#80c}.cm-s-p5-light .cm-keyword{color:#9c6416}.cm-s-p5-light .cm-variable,.cm-s-p5-light .cm-variable-2{color:#05c}.cm-s-p5-light .cm-property{color:#05c}.cm-s-p5-light .cm-atom{color:#d9328f}.cm-s-p5-light .cm-operator{color:#333}.cm-s-p5-light .cm-linenumber{color:#b5b5b5}.cm-s-p5-light .CodeMirror-selected{background-color:#2d7bb6}.cm-s-p5-light .CodeMirror-activeline-background{background-color:#f3f3f3}.cm-s-p5-light .CodeMirror-activeline-gutter{background-color:#ececec}.cm-s-p5-light .cm-error{color:red}.cm-s-p5-light .CodeMirror-matchingbracket{outline:1px solid #a7b3be;outline-offset:1px;color:#333 !important}.cm-s-p5-light .cm-qualifier{color:#00a1d3}.cm-s-p5-light .cm-tag{color:#d9328f}.cm-s-p5-light .cm-tag.cm-bracket{color:#333}.cm-s-p5-light .cm-builtin{color:#00a1d3}.cm-s-p5-light .cm-attribute{color:#05c}.cm-s-p5-light .cm-p5-function{color:#00a1d3}.cm-s-p5-light .cm-p5-variable{color:#d9328f}.cm-s-p5-light .CodeMirror-foldmarker{background-color:#333;color:#fff}.CodeMirror{font-family:inconsolata,monospace;border:none;height:auto;line-height:1.25}pre.code-syntax .CodeMirror,pre.syntax .CodeMirror{font-size:1.25em;font-weight:700}pre.code-syntax .CodeMirror .cm-p5-function,pre.syntax .CodeMirror .cm-p5-function{font-weight:700}pre.code-syntax .CodeMirror .cm-variable,pre.syntax .CodeMirror .cm-variable{font-weight:400}pre.instructions{background-color:#fff;border-left:5px solid #ecebe9;margin-top:1.75rem;margin-bottom:.5rem;padding-left:2px;margin-left:6.25% !important;margin-right:6.25% !important}@media screen and (min-width:768px){pre.instructions{margin-left:auto !important;margin-right:auto !important}}p+pre.instructions{margin-top:1.5rem}pre.instructions .CodeMirror pre.CodeMirror-line{padding-left:.75em}pre.instructions .CodeMirror-lines{padding-top:.125em;padding-bottom:.125em}.CodeMirror-selected{background-color:#d8e9fd !important;padding-left:4px}.CodeMirror .mark{padding:.0925em 0 .2em;background-color:rgba(255,255,153,.75)}.CodeMirror .mark2{padding:.075em 0 .2em;background-color:rgba(255,225,204,.85)}.CodeMirror .placeholder{font-style:italic;margin-left:-.1em;margin-right:.1rem;background-color:#fff}.code-editor-widget{margin-bottom:1.75rem}.code-editor-widget .iframe-box{border:1px solid #d8d8e4;box-sizing:border-box;max-width:auto;background-image:url(../img/alpha-pattern.png)}.code-editor-widget .editable-code{margin:0;overflow:hidden;border:1px solid #d8d8e4;border-top:none}blockquote .highlighted-code{background-color:#fff;margin-top:-1em}blockquote .highlighted-code .CodeMirror pre.CodeMirror-line{padding-left:.75em}blockquote .highlighted-code .CodeMirror-lines{padding-top:.125em;padding-bottom:.125em}.CodeMirror-line::-moz-selection{color:red}.CodeMirror-line::selection{color:red}.CodeMirror-gutters{background-color:#f6f7f8;border-right:none;padding-right:.25em}.CodeMirror-linenumber{color:#c8c8c8}.CodeMirror-lines{padding-top:1.25rem;padding-bottom:1.125rem}.code-filename+pre .CodeMirror-lines{padding-top:0}.CodeMirror pre.CodeMirror-line{padding-left:1.275rem}@media screen and (min-width:568px){.CodeMirror pre.CodeMirror-line{padding-left:2.125rem}}@media screen and (min-width:672px){.CodeMirror pre.CodeMirror-line{padding-left:1.275rem}}@media screen and (min-width:740px){.CodeMirror pre.CodeMirror-line{padding-left:1.275rem}}.editable-code .CodeMirror pre.CodeMirror-line{padding-left:.75rem}.CodeMirror pre{padding-left:0}.language-p5js-editor .CodeMirror-gutter-wrapper+.CodeMirror-line{padding-left:1rem}.container>.code-title+pre .CodeMirror{background-color:transparent}.container>.code-title+pre .CodeMirror-lines{padding-top:0;padding-bottom:0}.container>.code-title+pre .CodeMirror-line{padding-left:0}.cm-s-p5-light .cm-p5-function{font-weight:400}.CodeMirror-overlayscroll-horizontal div,.CodeMirror-overlayscroll-vertical div{background:rgba(194,201,214,.5)}.partial-code{display:none}.partial-code+pre[class*=language-]::before,.partial-code+pre[class*=language-]::after{content:' ';display:block;height:1.5rem}.partial-code+pre[class*=language-]::before{margin-top:-1.5rem;background-image:linear-gradient(rgba(255,255,255,0),#fff)}.partial-code+pre[class*=language-]::after{background-image:linear-gradient(#fff,rgba(255,255,255,0));margin-bottom:-.5rem}.partial-code+pre[class*=language-] .CodeMirror-lines{padding-top:0;padding-bottom:0}.inline-code{display:none}.inline-code+pre[class*=language-]{margin-top:-.25rem;margin-bottom:.5rem}.inline-code+pre[class*=language-] .CodeMirror-lines{padding-top:.5rem;padding-bottom:.5rem}.partial-code.inline-code+pre[class*=language-] .CodeMirror-lines{padding-top:0;padding-bottom:0}.partial-code.inline-code+pre[class*=language-]::before,.partial-code.inline-code+pre[class*=language-]::after{height:1rem}.partial-code.inline-code+pre[class*=language-]::before{margin-top:-1rem}.partial-code.inline-code+pre[class*=language-]::after{margin-bottom:-.5rem}#top-nav-bar{position:absolute;top:0;font-weight:300;font-size:15px}#main-nav-bar{position:sticky;top:0;right:0;pointer-events:none;padding-top:0;padding-bottom:0;z-index:998}@media screen and (min-width:992px){#main-nav-bar{padding-bottom:1.25rem}}#main-nav-bar .container{min-height:3.310345em;margin:0}@media screen and (min-width:992px){#breadcrumb{margin:0 auto}}#breadcrumb a{pointer-events:all}#parent-text-link:hover{background-color:rgba(255,255,255,.75)}.parent-title-wrapper{padding:0 !important;height:3.33rem;margin-right:1.5rem;display:table !important}@media screen and (min-width:740px){.parent-title-wrapper{margin-left:-.3rem}}.parent-title{padding:.2rem .4rem;margin-bottom:0;color:#444;font-weight:500;text-shadow:0 0 9px #e6eff9,0 0 3px #fff !important;display:table-cell;vertical-align:middle;font-size:1.37931rem;line-height:1}@media screen and (min-width:740px){.parent-title{padding-top:.2rem;padding-left:.5rem}}a>.parent-title{font-size:1.25rem;line-height:1.15}#index-open{padding:.8rem;color:#000;display:inline-block;font-size:0;font-weight:500;text-shadow:0 0 9px #e6eff9,0 0 3px #fff;text-align:center;text-decoration:none;background-color:transparent;border:none;pointer-events:all;cursor:pointer;position:absolute;z-index:1000;top:0;right:0;-webkit-transition:opacity 1s;transition:opacity 1s}@media screen and (min-width:568px){#index-open{top:.1rem}}@media screen and (min-width:740px){#index-open{padding:.9rem 1rem}}#index-open:focus{outline:0}.index-is-open #index-open{color:#fff}.index-is-open #index-open:hover{background-color:rgba(0,45,179,.6);text-shadow:none}#home-link,#menu-open{padding:.5em .45em;color:#000;font-weight:500;text-shadow:0 0 9px #e6eff9,0 0 3px #fff;display:inline-block}#home-link{margin-left:-.33em;text-decoration:none;font-size:1.25em}@media screen and (min-width:740px){#home-link{margin-left:-.5em}}#parent-text-link{color:#000;text-shadow:0 0 9px #e6eff9,0 0 3px #fff}#menu-open{font-size:1.437em;background-color:transparent;border:none;text-align:center;text-decoration:none;display:inline-block;cursor:pointer;position:fixed;z-index:1000;right:.15em;top:0;-webkit-transition:opacity 1s;transition:opacity 1s}@media screen and (min-width:992px){#menu-open{top:-.05em}}#menu-open:focus{outline:0}#prev-link,#next-link{position:fixed;top:calc(47px + 5.76rem);-webkit-transition:opacity 1s;transition:opacity 1s;line-height:.1;color:#5979a6;padding:.9rem .4rem}@media screen and (min-width:568px){#prev-link,#next-link{top:calc(47px + 6.5rem)}}@media screen and (min-width:992px){#prev-link,#next-link{top:calc(47px + 8.9rem)}}#prev-link{left:0;padding-left:.2rem;z-index:996}#next-link{right:0;padding-right:.2rem;z-index:997}body.back-animation #menu-open,body.back-animation .nav-button{opacity:0}.nav-button span{opacity:.5;text-shadow:none}#prev-link span,#next-link span{font-weight:700}#prev-link span{padding-left:.1em;padding-right:.8em}#next-link span{padding-left:.8em;padding-right:.1em}.nav-button span{color:#000;opacity:1}#index-menu-tree{position:fixed;top:47px;right:0;left:0;height:0;z-index:999;background-color:#456bde;overflow-y:hidden;-webkit-transition:height ease-out .3s;transition:height ease-out .3s;pointer-events:all}body.index-is-open{overflow:hidden}.index-is-open #index-menu-tree{overflow-y:scroll}body.back-animation #index-menu-tree.open+#menu-open{opacity:1}#index-menu-tree.open+#menu-open{color:#fff;font-weight:700}#index-menu-tree{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-flex-flow:wrap;flex-flow:wrap;align-items:flex-start}@media screen and (min-width:740px){#index-menu-tree{justify-content:center}}#index-menu-home{box-sizing:border-box;width:100%;padding:1.25em .6em 0}@media screen and (min-width:740px){#index-menu-home{padding-top:1.65em;padding-left:1.25em}}#index-menu-tree a{font-size:1rem;padding:.6em .45em;color:#fff;text-decoration:none;display:inline-block}.nav-button:hover,#menu-open:hover,#index-open:hover{background-color:rgba(255,255,255,.75);text-shadow:none !important}#prev-link:hover,#next-link:hover{background-color:rgba(230,241,255,.5)}@media screen and (min-width:992px){#prev-link:hover,#next-link:hover{background-color:rgba(255,255,255,.75)}}#index-menu-tree a:focus,#index-menu-tree a:hover,#index-menu-tree a:active,#index-menu-tree .active,#index-menu-tree.open+#menu-open:hover{background-color:rgba(0,45,179,.6);text-shadow:none}#index-menu-tree>ul{margin:0 auto 2em;padding-left:.75em;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;justify-content:center}#index-menu-tree li{display:block;margin:0}#index-menu-tree>ul>li.lesson-index{font-weight:600}#index-menu-tree>ul>li>ul{font-weight:300;font-size:.85em}@media screen and (min-width:992px){#index-menu-tree>ul>li>ul{padding-left:.1em}}#index-menu-tree>ul>li>ul>li>ul{font-size:.95em}#index-menu-tree ul.slides-menu{padding-left:.5rem}#index-menu-tree ul.slides-menu ul li span.active{color:#fff;padding:0 1em;font-size:1rem;display:inline-block}#TableOfContents{margin-top:2.5rem;margin-bottom:2rem;text-shadow:0 0 2px #fff}#TableOfContents ul{margin-top:.125em}#TableOfContents ul li{margin-top:.125em}#TableOfContents ul li:empty{display:none}#TableOfContents>ul{list-style-type:none;padding-left:0}#TableOfContents>ul>li{font-weight:700 !important;margin-top:.5rem}#TableOfContents>ul>li>a{font-weight:700 !important}#TableOfContents>ul>li li{font-weight:400}.header-link{text-decoration:none;padding-left:.25em;font-size:.75em;color:transparent !important}.header-link:hover{color:#777 !important;text-decoration:none}