@font-face{font-family:Inter;font-style:normal;font-weight:100;font-display:block;src:url(https://assets.vercel.com/raw/upload/v1587415301/fonts/2/inter-var-latin.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:Inter;font-style:normal;font-weight:200;font-display:block;src:url(https://assets.vercel.com/raw/upload/v1587415301/fonts/2/inter-var-latin.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:block;src:url(https://assets.vercel.com/raw/upload/v1587415301/fonts/2/inter-var-latin.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:block;src:url(https://assets.vercel.com/raw/upload/v1587415301/fonts/2/inter-var-latin.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:block;src:url(https://assets.vercel.com/raw/upload/v1587415301/fonts/2/inter-var-latin.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:block;src:url(https://assets.vercel.com/raw/upload/v1587415301/fonts/2/inter-var-latin.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:block;src:url(https://assets.vercel.com/raw/upload/v1587415301/fonts/2/inter-var-latin.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:block;src:url(https://assets.vercel.com/raw/upload/v1587415301/fonts/2/inter-var-latin.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:Inter;font-style:normal;font-weight:900;font-display:block;src:url(https://assets.vercel.com/raw/upload/v1587415301/fonts/2/inter-var-latin.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}article{max-width:var(--main-content);margin:0 auto;line-height:1.9}article>*+*{margin-top:2em}article p{color:var(--article-color)}article img{max-width:100%;width:auto;margin:auto;display:block;border-radius:var(--radius)}article [id]:before{content:"";display:block;height:70px;margin-top:-70px;visibility:hidden}article ul{list-style-type:circle}article ol,article ul{padding:0;list-style-position:inside}article ul li.reset{display:-webkit-flex;display:flex;-webkit-align-items:flex-start;align-items:flex-start;list-style-type:none;margin-left:-.5rem}article ul li.reset .check{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin-right:.51rem}input[type=checkbox]{outline:0;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;margin-top:.1rem;padding-top:.1rem;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-flex-shrink:0;flex-shrink:0;height:1rem;width:1rem;background-color:var(--sc-b);color:var(--fg-b);border:1px solid var(--fg-b);border-radius:3px}input[type=checkbox]:checked{outline:0;background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='black' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3e%3c/svg%3e");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}html[data-theme=light] input[type=checkbox]:checked{outline:0;background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3e%3c/svg%3e")}input[type=checkbox]:focus{outline:0!important;-webkit-appearance:none!important;box-shadow:none!important;box-shadow:0 0 0 2px var(--gr-b);border-color:var(--fg)}.token-line:not(:last-child){min-height:1.4rem}article :not(pre)>code{font-weight:600;font-family:var(--font-sans);font-size:1rem;padding:0 3px}article :not(pre)>code:after,article :not(pre)>code:before{content:"\`";color:var(--gr-b);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}article pre{overflow-x:auto;background:var(--bg-b);border:1px solid var(--gr-c);border-radius:var(--radius);line-height:1.8;padding:1rem;font-size:.875rem}.header-link{color:inherit;text-decoration:none}.header-link:after{opacity:0;content:" ↗";margin-left:var(--gap-half);color:var(--gr-b)}.header-link:hover:after{opacity:1}.keyword{font-weight:700;color:var(--keyword)}.token.builtin,.token.number,.token.operator,.token.punctuation,.token.string,.token.variable{color:var(--fg-b)}.token.comment{color:var(--gr-b)}.token.attr-name,.token.class-name,.token.function,.token.tag{color:var(--gr-c)}:root{--bg-a:#000;--bg-b:#111;--bg-t:rbga(0,0,0,0.4);--fg-a:#fff;--fg-b:#f5f5f5;--gr-a:#424242;--gr-b:#818181;--gr-c:#969696;--sc-a:#333;--sc-b:#555;--hg:#2e2e2e;--selection:hsla(0,0%,100%,0.99);--header-b:rgba(17,17,17,0.7);--main-content:768px;--radius:4px;--transition:0.1s ease-in-out;--transition-slow:0.3s ease-in-out;--gap:1rem;--gap-a:0.5rem;--gap-b:0.75rem;--gap-c:1.25rem;--gap-d:2rem;--gap-e:4rem;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;--font-mono:"Lucida Console","Consolas","Liberation Mono",monospace}[data-theme=light]{--bg-a:#fff;--bg-b:#f5f5f5;--bg-t:rbga(255,255,255,0.7);--fg-a:#000;--fg-b:#111;--gr-a:#ccc;--gr-b:#777;--gr-c:#555;--sc-a:#ccc;--sc-b:#aaa;--header-b:hsla(0,0%,96.1%,0.8);--selection:rgba(0,0,0,0.99);--hg:#aeaeae}::selection{text-shadow:none;background:var(--selection);color:var(--bg-a)}.space{-webkit-flex:1 1 auto;flex:1 1 auto}.gr-a{color:var(--gr-a)}.gr-b{color:var(--gr-b)}.gr-c{color:var(--gr-c)}.t-cn{text-align:center}.d-fl{display:-webkit-flex;display:flex}.d-in{display:inline}.sketch-wrapper{display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:stretch;align-items:stretch;padding-bottom:var(--gap)}.p5Canvas{border:2px solid var(--gr-b);border-radius:var(--radius);width:33vmax!important;height:33vmax!important}.sketchTitle{margin-right:var(--gap)}input:invalid,input:required{box-shadow:none}input:-moz-placeholder,input:focus{box-shadow:none!important}textarea:invalid,textarea:required{box-shadow:none}textarea:-moz-placeholder,textarea:focus{box-shadow:none!important}button,input,textarea{font-family:Inter;border:none;resize:none}button:focus,input:focus,select:focus,textarea:focus{outline:none}a:focus{outline:none}body,html{font-size:16px;background:var(--bg-b);color:var(--fg-b);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;font-family:var(--font-sans);display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}li,p{letter-spacing:-.33px;font-size:1.125rem}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);font-weight:600;line-height:1.75}h1{font-size:2.5rem;font-weight:600;line-height:1.25;letter-spacing:-.89px}h2{font-size:2rem;letter-spacing:-.69px}h3{font-size:1.5rem;letter-spacing:-.47px}h4{font-size:1.25rem;letter-spacing:-.33px}hr{border:none;border-bottom:1px solid var(--gr-a)}blockquote{margin:0;padding-left:1rem;border-left:2px solid var(--gr-b)}button{border:none;padding:0;margin:0;line-height:inherit;font-size:inherit}a.reset,p a{outline:none;color:var(--fg);text-decoration:none}a.reset:focus,a.reset:hover,p a:active,p a:focus,p a:hover{color:var(--gr)}code,pre{font-family:var(--font-mono)}flex{display:-webkit-flex;display:flex}kbd{font-family:var(--font-sans);font-size:1rem;padding:2px 7px;font-weight:600;background:var(--gr-a);border-radius:5px}summary{cursor:pointer;outline:none}details{background:var(--sc-a);border-radius:var(--radius);padding:1rem}@media screen and (min-width:30em){:root{--gap:4rem;--gap-a:0.5rem;--gap-b:0.75rem;--gap-c:1.25rem;--gap-d:2rem}}@media screen and (min-width:30em) and (max-width:60em){:root{--gap:4rem;--gap-a:0.5rem;--gap-b:0.75rem;--gap-c:1.25rem;--gap-d:2rem}}@-moz-document url-prefix(){html{scrollbar-width:none}}:-webkit-scrollbar{width:0;background:transparent}*,:focus,:hover{outline:none}body{margin:0;scrollbar-width:none;-ms-overflow-style:none;overflow-y:scroll}