/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}[hidden],template{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,optgroup,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,p,pre{margin:0}button{background:transparent;border:0;padding:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}fieldset{border:0;margin:0;padding:0}ol,ul{list-style:none;margin:0;padding:0}[tabindex="-1"]:focus{outline:none!important}.Article{font-size:18px;line-height:1.6;margin:0 1.5em}.Article-header{margin-bottom:3rem}.Article-meta{color:#6b7280;color:var(--muted-text);font-size:.8em;text-transform:uppercase;margin-bottom:1em;letter-spacing:1px;text-indent:2px}.Article-title{font-weight:600;font-size:2em;line-height:1.2;color:#222;color:var(--heading-color);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-family:var(--font)}.Article-subtitle{font-size:1.2em;margin:.5em 0 0;color:#6b7280;color:var(--muted-text);font-weight:400}.Article-footer{border-top:1px solid #fff;border-top:1px solid var(--subtle);margin-top:2rem}.Article-social{display:block;margin-top:.6rem;font-size:.8em;color:#6b7280;color:var(--muted-text)}.Article-social:first-child{margin-top:2rem;font-size:1.1em}.Article-social:last-child{padding-bottom:1.5rem;border-bottom:1px solid #fff;border-bottom:1px solid var(--subtle)}.Article-social a{color:#000;color:var(--accent)}.Article-social a:focus,.Article-social a:hover{color:#000;color:var(--dark-accent);text-decoration:underline}.Article-social--twitter{display:table;width:100%}.Article-social--comments{margin:6em 0 0}.Article-twitter{display:table-cell;vertical-align:middle;width:1%}.Article-twitter--main{width:100%}.Article-back{position:absolute;top:0;-webkit-transform:translateY(-2.5rem);transform:translateY(-2.5rem);opacity:.6;transition:opacity .2s ease-out;-webkit-user-select:none;-ms-user-select:none;user-select:none}.Article-back:focus,.Article-back:hover{opacity:1}.Article-readmo{position:relative;padding-bottom:.5rem;border-bottom:1px solid #fff;border-bottom:1px solid var(--subtle);margin-bottom:1rem;font-size:.8em;color:#6b7280;color:var(--muted-text);-webkit-user-select:none;-ms-user-select:none;user-select:none;display:block}.Article-readmo:focus:before,.Article-readmo:hover:before{content:"🎶";position:absolute;left:0;bottom:.5em;color:transparent;text-shadow:0 0 0 #222;text-shadow:0 0 0 var(--text-color);-webkit-animation:Article-readmo-animation 4s infinite;animation:Article-readmo-animation 4s infinite}@-webkit-keyframes Article-readmo-animation{33%{opacity:1;-webkit-transform:translateY(-50%) rotate(-20deg);transform:translateY(-50%) rotate(-20deg)}70%{opacity:0;-webkit-transform:translateY(-150%) rotate(20deg);transform:translateY(-150%) rotate(20deg)}to{opacity:0;-webkit-transform:translateY(-150%) rotate(0deg);transform:translateY(-150%) rotate(0deg)}}@keyframes Article-readmo-animation{33%{opacity:1;-webkit-transform:translateY(-50%) rotate(-20deg);transform:translateY(-50%) rotate(-20deg)}70%{opacity:0;-webkit-transform:translateY(-150%) rotate(20deg);transform:translateY(-150%) rotate(20deg)}to{opacity:0;-webkit-transform:translateY(-150%) rotate(0deg);transform:translateY(-150%) rotate(0deg)}}.Article-readmoIcon{color:transparent;text-shadow:0 0 0 #222;text-shadow:0 0 0 var(--text-color)}.Article-readmoIconSpace{display:inline-block;width:.5em}@media (hover:none){.Article-back{opacity:1}}@media screen and (min-width:700px){.Article,.Article-social--comments{max-width:678px;max-width:var(--screen-large-size);margin-right:auto;margin-left:auto}.Article-back{-webkit-transform:translate(-2rem,2.8rem);transform:translate(-2rem,2.8rem)}}.ArticleExcerpt{font-size:18px;margin:3em 1.5em 0}.ArticleExcerpt:first-child{margin-top:0}.ArticleExcerpt-title{line-height:2.2}.ArticleExcerpt-link{font-weight:400;letter-spacing:-1px;font-size:1.5em;line-height:1.1;color:#000;color:var(--accent);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-family:var(--font)}.ArticleExcerpt-link:focus,.ArticleExcerpt-link:hover{color:#000;color:var(--dark-accent);text-decoration:underline}.ArticleExcerpt-meta{color:#6b7280;color:var(--muted-text);font-size:.8em;font-weight:400;text-transform:uppercase;margin-bottom:1em;letter-spacing:1px;text-indent:2px}.ArticleExcerpt--section{margin-top:3em;padding-top:6em;position:relative}.ArticleExcerpt--section:before{content:"";display:block;width:2em;height:1px;background:#6b7280;background:var(--muted-text);position:absolute;top:0;left:0}@media screen and (min-width:700px){.ArticleExcerpt{max-width:678px;max-width:var(--screen-large-size);margin-right:auto;margin-left:auto}}.Copy h2,.Copy h2 a,.Copy h2 a:focus,.Copy h2 a:hover,.Copy h3,.Copy h3 a,.Copy h3 a:focus,.Copy h3 a:hover,.Copy h4,.Copy h4 a,.Copy h4 a:focus,.Copy h4 a:hover,.Copy h5,.Copy h5 a,.Copy h5 a:focus,.Copy h5 a:hover,.Copy h6,.Copy h6 a,.Copy h6 a:focus,.Copy h6 a:hover{color:#222;color:var(--heading-color);text-decoration:none}.Copy h2{font-size:1.5em;margin:1.5em 0 .5em;font-weight:400}.Copy h3{font-size:1.2em;font-weight:400;margin-top:1.5em;margin-bottom:1em}.Copy h4{font-size:1em;font-weight:600;margin-top:2em;margin-bottom:.5em;text-transform:uppercase;font-weight:400;color:#6b7280;color:var(--muted-text)}.Copy h1:target,.Copy h2:target,.Copy h3:target,.Copy h4:target,.Copy h5:target,.Copy h6:target{position:relative;padding-top:3rem}.Copy h1:target:before,.Copy h2:target:before,.Copy h3:target:before,.Copy h4:target:before,.Copy h5:target:before,.Copy h6:target:before{content:"→";position:absolute;right:100%;margin-right:.75rem;opacity:0;-webkit-animation:highlight 3s ease-out;animation:highlight 3s ease-out}.Copy h1:target:after,.Copy h2:target:after,.Copy h3:target:after,.Copy h4:target:after,.Copy h5:target:after,.Copy h6:target:after{content:"";position:absolute;right:100%;line-height:0;width:2em;height:2em;background-color:currentColor;border-radius:100%;margin-right:-.1em;top:3rem;margin-top:-.15em;opacity:0;-webkit-animation:highlightCircle 2s ease-out;animation:highlightCircle 2s ease-out}@-webkit-keyframes highlight{10%{opacity:.7}75%{opacity:.7}}@keyframes highlight{10%{opacity:.7}75%{opacity:.7}}@-webkit-keyframes highlightCircle{10%{opacity:.15;-webkit-transform:scale(1.5);transform:scale(1.5)}to{-webkit-transform:scale(3);transform:scale(3)}}@keyframes highlightCircle{10%{opacity:.15;-webkit-transform:scale(1.5);transform:scale(1.5)}to{-webkit-transform:scale(3);transform:scale(3)}}.Copy p+p{margin:1.5em 0 0}.Copy ol,.Copy ul{font-weight:600;margin:1.5em 0;padding:0;list-style-position:outside;list-style-type:square;padding-left:1.5em}.Copy li{font-weight:400;margin-bottom:.5em}.Copy li:focus,.Copy li:hover{list-style-type:disc}.Copy blockquote{border:0;margin:3em 0;padding:0;position:relative;font-style:italic}.Copy blockquote:before{content:"“";display:block;position:absolute;font-size:2em;left:-.5em;top:-.25em;line-height:1}.Copy blockquote:after{content:"";display:block;width:2em;height:1px;background:#6b7280;background:var(--muted-text);margin:1.5em 0}.Copy blockquote footer{margin-top:1.5em;font-size:.8em}@media screen and (min-width:700px){.Copy blockquote:before{left:-.75em}.Copy blockquote footer{position:absolute;right:0;top:100%;margin-top:-.7em;padding-left:3em}}.Copy-embedTestcase,.Copy .gist,.Copy .Tldr,.Copy figure,.Copy pre{margin:3em -1.5em}.Copy>iframe,.Copy>video{width:100%}.Copy-embedTweet,.Copy>iframe,.Copy>video{margin:3em auto}.Copy .Video{height:350px}.Copy video.Video{height:auto}.Copy-embedTweet .twitter-tweet,.Copy-embedTweet>iframe,.Copy-embedTweet twitter-widget{margin:0 auto!important;-webkit-filter:grayscale(1);filter:grayscale(1)}@media screen and (min-width:700px){.Copy-embedTestcase,.Copy .gist,.Copy .Tldr,.Copy figure,.Copy pre{margin:3em -2em}.Copy>iframe,.Copy>video{width:112%!important;margin:3em -6%}}.Copy figcaption{font-size:.8em;text-transform:uppercase;background:#fff;background:var(--subtle);padding:1em}.Copy img{width:100%;display:block}.Copy .emoji{width:auto;display:inline}.Copy a{font-weight:500;text-decoration:underline;color:#000;color:var(--accent);transition:color .2s ease}.Copy a:focus,.Copy a:hover{color:#000;color:var(--dark-accent)}.Copy code{border-radius:6px;vertical-align:baseline;padding:.15em .5em;font-size:.9em;background-color:#fff;background-color:var(--subtle);border-bottom:1px solid #6b7280;border-bottom:1px solid var(--muted-text)}.Copy .highlight pre{position:relative;display:block;overflow-x:auto;padding:1rem 1.25rem;margin:3rem -.5rem 4rem;border-radius:8px;background-color:#fff;background-color:var(--subtle);transition:box-shadow .2s ease-out;box-shadow:0 20px 30px rgba(0,0,0,.1)}.Copy .highlight pre:hover{box-shadow:0 15px 30px rgba(0,0,0,.2)}@media screen and (min-width:700px){.Copy .highlight pre{padding:2rem;margin:3rem -1.5rem 4rem}}.Copy .highlight code{display:block;border:0;border-radius:none;padding-left:0}@media screen and (min-width:700px){.Copy code[data-lang]:before{content:attr(data-lang);display:inline-block;position:absolute;top:0;right:0;padding:.5em 1em;background-color:#222;background-color:var(--text-color);color:#fcfcfd;color:var(--background-color);font-size:.8em;opacity:1;transition:opacity .2s ease-out;line-height:1.2}.Copy .highlight:hover code[data-lang]:before{opacity:0}}.Copy hr{background-color:#6b7280;background-color:var(--muted-text);height:1px;border:0;margin:1.5em 0}.Copy button{border:2px solid #222;border:2px solid var(--text-color);display:inline-block;border-radius:3px;padding:.25em .5em;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;margin:1em 0 1.5em;color:#222;color:var(--text-color)}.Copy button:hover{background-color:#222;background-color:var(--text-color);color:#fcfcfd;color:var(--background-color)}.Copy button:active{-webkit-transform:scale(.9);transform:scale(.9)}.Form{display:block;width:100%}.Form label{display:block;font-size:.9em}.Form label+label{margin-top:1rem}.Form input,.Form select,.Form textarea{display:block;width:100%;margin-top:.5rem;background-color:#fff;background-color:var(--subtle);border-radius:6px;border:1px solid transparent;border-bottom-color:#222;border-bottom-color:var(--text-color);font:inherit;color:#222;color:var(--text-color);padding:.25rem .5rem}.Form textarea{min-height:7em;resize:vertical}.Nav{font-size:18px;line-height:1.4;margin:0 1.5rem}.Nav-group{display:block}.Nav-group+.Nav-group{margin-top:.5em}.Nav-link,.Nav-separator{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-family:var(--font)}.Nav-link.is-active,.Nav-link:focus,.Nav-link:hover{color:#000;color:var(--accent)}.Nav-link:focus,.Nav-link:hover{text-decoration:underline}.Nav-link.is-active{font-weight:500}.Nav-link--social{color:#6b7280;color:var(--muted-text)}.Nav-separator:after{content:"/"}.Nav--after{border-top:1px solid #fff;border-top:1px solid var(--subtle);margin-top:2rem;margin-bottom:4rem;padding-top:2rem}@media screen and (min-width:700px){.Nav{max-width:678px;max-width:var(--screen-large-size);margin-right:auto;margin-left:auto}.Nav-link+.Nav-link{padding-left:.05em}.Nav-link--blog{width:100%}}.Screensaver{font-size:3rem;font-weight:700}.highlight{background:transparent;margin:0!important}.highlight .c{opacity:.6;font-style:italic}.highlight .k{opacity:.8}.highlight .o{opacity:.55}.highlight .cm{font-style:italic}.highlight .cp{opacity:.6;font-weight:700}.highlight .c1{opacity:.6;font-style:italic}.highlight .cs{opacity:.6;font-weight:700;font-style:italic}.highlight .gd{opacity:.6;background-color:#fdd}.highlight .gd .x{background-color:#faa}.highlight .ge{font-style:italic}.highlight .gi{background-color:#dfd}.highlight .gi .x{background-color:#afa}.highlight .gs{font-weight:700}.highlight .kc{font-weight:700}.highlight .kd{opacity:.8}.highlight .kp{opacity:.8}.highlight .kr{opacity:.8}.highlight .kt{font-weight:700}.highlight .nx{color:#000;color:var(--accent)}.highlight .nb{font-style:italic}.highlight .nc{font-weight:700}.highlight .ne{font-weight:700}.highlight .nf{font-weight:700}.highlight .ow{font-weight:700}.highlight .s2{font-weight:700}.highlight .s1{font-weight:700}.Note{border:1px solid #6b7280;border:1px solid var(--muted-text);border-radius:8px;padding:1rem}.Note--center{font-weight:700;text-align:center}.u-visuallyHidden{position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);padding:0!important;border:0!important;height:1px!important;width:1px!important;overflow:hidden}*,:after,:before{box-sizing:border-box}::selection{background-color:#222;background-color:var(--text-color);color:#fcfcfd;color:var(--background-color)}body{margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-family:var(--font);color:#222;color:var(--text-color);font-size:18px;background-color:#fcfcfd;background-color:var(--background-color)}h1,h2,h3,h4,h5,h6{text-rendering:optimizelegibility}h1,h2,h3,h4,h5,h6,p{margin:0;font-size:1em}a{color:inherit;text-decoration:none}:focus:not(:focus-visible){outline:none}main{position:relative;margin:4rem auto 2rem}iframe{border:0}video{background-color:#000}.HireMe{display:block;padding:1em 0;text-transform:uppercase;font-size:.7em;font-weight:700}:root{--font:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--background-color:#fcfcfd;--text-color:#222;--muted-text:#6b7280;--heading-color:#222;--accent:#000;--dark-accent:#000;--subtle:#fff;--screen-large-size:678px}.dark{--background-color:#21272d;--text-color:#dfdedd;--muted-text:#d7cdcd;--heading-color:#efefee;--accent:#f5f5f5;--dark-accent:#fff;--subtle:#f1f2f3}@media (prefers-color-scheme:dark){html body{--background-color:#21272d;--text-color:#dfdedd;--muted-text:#d7cdcd;--heading-color:#efefee;--accent:#f5f5f5;--dark-accent:#fff;--subtle:#393f45}}