.chroma{color:#d0d0d0;background-color:#202020}.chroma .err{color:#a61717;background-color:#e3d2d2}.chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}.chroma .lntable{border-spacing:0;padding:0;margin:0;border:0;width:auto;overflow:auto;display:block}.chroma .hl{display:block;width:100%;background-color:#ffc}.chroma .ln,.chroma .lnt{margin-right:.4em;padding:0 .4em;color:#686868}.chroma .k,.chroma .kc,.chroma .kd,.chroma .kn{color:#6ab825;font-weight:700}.chroma .kp{color:#6ab825}.chroma .kr,.chroma .kt{color:#6ab825;font-weight:700}.chroma .na{color:#bbb}.chroma .nb{color:#24909d}.chroma .nc{color:#447fcf;text-decoration:underline}.chroma .no{color:#40ffff}.chroma .nd{color:orange}.chroma .ne{color:#bbb}.chroma .nf,.chroma .nn{color:#447fcf}.chroma .nn{text-decoration:underline}.chroma .nt{color:#6ab825;font-weight:700}.chroma .nv{color:#40ffff}.chroma .dl,.chroma .s,.chroma .s2,.chroma .sa,.chroma .sb,.chroma .sc,.chroma .sd,.chroma .se,.chroma .sh,.chroma .si{color:#ed9d13}.chroma .sx{color:orange}.chroma .s1,.chroma .sr,.chroma .ss{color:#ed9d13}.chroma .il,.chroma .m,.chroma .mb,.chroma .mf,.chroma .mh,.chroma .mi,.chroma .mo{color:#3677a9}.chroma .ow{color:#6ab825;font-weight:700}.chroma .c,.chroma .c1,.chroma .ch,.chroma .cm{color:#999;font-style:italic}.chroma .cs{color:#e50808;background-color:#520000;font-weight:700}.chroma .cp,.chroma .cpf{color:#cd2828;font-weight:700}.chroma .gd{color:#d22323}.chroma .ge{font-style:italic}.chroma .gr{color:#d22323}.chroma .gh{color:#fff;font-weight:700}.chroma .gi{color:#589819}.chroma .go{color:#ccc}.chroma .gp{color:#aaa}.chroma .gs{font-weight:700}.chroma .gu{color:#fff;text-decoration:underline}.chroma .gt{color:#d22323}.chroma .gl{text-decoration:underline}.chroma .w{color:#666}html{box-sizing:border-box}*,:after,:before{margin:0;padding:0;box-sizing:inherit}*{line-height:1.595rem}html{font-size:110%;font-feature-settings:"kern";font-kerning:normal;font-family:freshman-sans,sans-serif;scroll-behavior:smooth}@media(min-width:600px){html{font-size:140%}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--bg-color);color:#212121;color:var(--fg-color);fill:#212121;fill:var(--fg-color)}main{padding-top:0;padding-left:20px;padding-right:20px}@media(max-width:599px){main{padding-left:15px;padding-right:15px}}.container{width:100%;max-width:1400px;max-width:var(--container-width);margin-left:auto;margin-right:auto}.turbolinks-progress-bar{height:5px;background-color:#485b4d;background-color:var(--deep-sea)}.skip-link{display:block;text-align:center;width:150px;padding:10px;position:absolute;top:-10000px;left:-10000px;z-index:25;font-size:16px}.skip-link:active,.skip-link:focus,.skip-link:hover{left:0;top:10px}.f-wrapper{max-width:600px;margin:0 auto}.hidden{display:none!important}:target{animation-name:highlight;animation-duration:2s;animation-delay:.5s}@media(prefers-color-scheme:dark){:target{animation-name:highlight-dark}}@font-face{font-family:freshman;src:url(fonts/Alegreya.woff2) format("woff2"),url(fonts/Alegreya.woff) format("woff");font-display:swap}@font-face{font-family:freshman;src:url(fonts/Alegreya-Bold.woff2) format("woff2"),url(fonts/Alegreya-Bold.woff) format("woff");font-weight:700;font-display:swap}@font-face{font-family:freshman;src:url(fonts/Alegreya-Bold-Italic.woff2) format("woff2"),url(fonts/Alegreya-Bold-Italic.woff) format("woff");font-style:italic;font-weight:700;font-display:swap}@font-face{font-family:freshman;src:url(fonts/Alegreya-Italic.woff2) format("woff2"),url(fonts/Alegreya-Italic.woff) format("woff");font-style:italic;font-display:swap}@font-face{font-family:freshman-sc;src:url(fonts/AlegreyaSC-Regular.woff2) format("woff2"),url(fonts/AlegreyaSC-Regular.woff) format("woff");font-display:swap}@font-face{font-family:freshman-sc;src:url(fonts/AlegreyaSC-Bold.woff2) format("woff2"),url(fonts/AlegreyaSC-Bold.woff) format("woff");font-weight:700;font-display:swap}@font-face{font-family:freshman-sc;src:url(fonts/AlegreyaSC-BoldItalic.woff2) format("woff2"),url(fonts/AlegreyaSC-BoldItalic.woff) format("woff");font-style:italic;font-weight:700;font-display:swap}@font-face{font-family:freshman-sc;src:url(fonts/AlegreyaSC-Italic.woff2) format("woff2"),url(fonts/AlegreyaSC-Italic.woff) format("woff");font-style:italic;font-display:swap}@font-face{font-family:freshman-sans;src:url(fonts/Archivo.woff2) format("woff2"),url(fonts/Archivo.woff) format("woff");font-display:swap}@font-face{font-family:freshman-sans;src:url(fonts/Archivo-Bold.woff2) format("woff2"),url(fonts/Archivo-Bold.woff) format("woff");font-weight:700;font-display:swap}@font-face{font-family:freshman-sans;src:url(fonts/Archivo-Bold-Italic.woff2) format("woff2"),url(fonts/Archivo-Bold-Italic.woff) format("woff");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:freshman-sans;src:url(fonts/Archivo-Italic.woff2) format("woff2"),url(fonts/Archivo-Italic.woff) format("woff");font-style:italic;font-display:swap}@font-face{font-family:freshman-sans-sc;src:url(fonts/AlegreyaSansSC-Regular.woff2) format("woff2"),url(fonts/AlegreyaSansSC-Regular.woff) format("woff");font-display:swap}@font-face{font-family:freshman-sans-sc;src:url(fonts/AlegreyaSansSC-Bold.woff2) format("woff2"),url(fonts/AlegreyaSansSC-Bold.woff) format("woff");font-weight:700;font-display:swap}@font-face{font-family:freshman-sans-sc;src:url(fonts/AlegreyaSansSC-BoldItalic.woff2) format("woff2"),url(fonts/AlegreyaSansSC-BoldItalic.woff) format("woff");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:freshman-sans-sc;src:url(fonts/AlegreyaSansSC-Italic.woff2) format("woff2"),url(fonts/AlegreyaSansSC-Italic.woff) format("woff");font-style:italic;font-display:swap}:root{--container-width:1400px;--white:#fff;--bg-color:var(--white);--fg-color:var(--black-600);--inline-code-color:var(--fg-color);--inline-code-bg:#ecebe9;--border-color:var(--silver-300);--secondary-bg-color:var(--silver-250);--secondary-fg-color:var(--black-300);--code-block-bg:#282923;--alert-note-bg:rgba(204,234,245,.55);--link-color:#0063c7;--banana:#fff7bd;--tan:#c9bd97;--tan-100:#dad2aa;--tan-300:var(--tan);--tan-500:#928468;--tan-700:#6c5f4b;--tan-900:#48392d;--sea-green:#8daa97;--deep-sea:var(--sea-green-700);--sea-green-100:#aac5b4;--sea-green-300:var(--sea-green);--sea-green-500:#6b7b6c;--sea-green-700:#485b4d;--sea-green-900:#2b3b2e;--black-100:#666;--black-300:#4d4d4d;--black-500:#333;--black-600:#212121;--black-700:#1a1a1a;--black-750:#121212;--black-800:#0d0d0d;--black-900:#000;--silver-100:#fafafa;--silver-200:#f2f2f2;--silver-250:#ebebeb;--silver-300:#d4d4d4;--silver-500:#acadaf;--silver-700:#7d7f87;--silver-900:#555862;--turquiose-100:#cdf4ef;--turquiose-200:#acece5;--turquiose-300:#69ddd0;--turquiose-500:#33d1be;--turquiose-700:#1c7d71;--checkpoint-bg:rgba(30,61,235,.1);--twitter-blue:#1ca0f2;--dark-purple:#2c1125;--crimson-100:#e05265;--crimson-300:#d9263e;--portland:#f45d34}@media(prefers-color-scheme:dark){:root{--bg-color:var(--black-750);--fg-color:var(--silver-200);--secondary-bg-color:var(--black-500);--secondary-fg-color:var(--silver-300);--border-color:var(--secondary-bg-color);--link-color:#94dbff}}@media(min-width:600px)and (max-width:899px){.is-hidden-mobile{display:none!important}}@media(max-width:599px){.is-hidden-mobile{display:none!important}}.is-hidden-tablet-landscape-up{display:block}@media(min-width:900px){.is-hidden-tablet-landscape-up{display:none!important}}@media(min-width:900px)and (max-width:1199px){.is-hidden-tablet-landscape{display:none!important}}.serif-sc{font-family:freshman-sc}.sans-sc,.serif-sc{text-transform:lowercase}.sans-sc{font-family:freshman-sans-sc}.no-margin-top{margin-top:0!important}@keyframes highlight{0%{background-color:#fff7bd;background-color:var(--banana)}to{background-color:#fff;background-color:var(--bg-color)}}@keyframes highlight-dark{0%{background-color:#485b4d;background-color:var(--sea-green-700)}to{background-color:#fff;background-color:var(--bg-color)}}a{color:#0063c7;color:var(--link-color)}a:hover{color:#485b4d;color:var(--sea-green-700)}@media(prefers-color-scheme:dark){a:hover{color:#aac5b4;color:var(--sea-green-100)}}a.button:hover{text-decoration:none}li a,p a{line-height:inherit}hr{margin-left:auto;margin-right:auto;width:50px;margin-bottom:1.45rem}p{font-size:1.1rem;margin-bottom:1.16rem}@media(min-width:600px){p{font-size:.95rem;line-height:1.45rem}}ol,ul{font-family:inherit;font-size:1.1rem;padding-left:0;list-style-position:inside;margin-bottom:1.2325rem}@media(min-width:1200px){ol,ul{list-style-position:outside}}@media(min-width:600px){ol,ul{font-size:.95rem}}@media(max-width:599px){ol,ul{margin-left:0}}ol{list-style:none;counter-reset:listCounter}ol li{counter-increment:listCounter;position:relative;padding-left:1.5rem}@media(min-width:900px){ol li{padding-left:0}}ol li:before{font-weight:700;color:#8daa97;color:var(--sea-green);content:counter(listCounter,decimal-leading-zero);position:absolute;left:-.1rem}@media(min-width:900px){ol li:before{left:-1.2rem}}ul{list-style:none;list-style-image:url(/assets/dist/images/bullet.svg)}li{margin-bottom:.203rem}@media(max-width:599px){li{padding-left:0}}li p{display:inline}blockquote,q{quotes:"\201c","\201d","\2018","\2019"}blockquote{margin-bottom:1.305rem;font-style:italic}blockquote:before{content:"\201c"}blockquote:after{content:"\201d"}svg{width:24px;height:24px}strong{font-weight:700}em{font-style:italic}.button,button,input[type=button],input[type=reset],input[type=submit]{display:inline-block;height:38px;padding:0 20px;color:#212121;color:var(--fg-color);text-align:center;font-size:.8rem;text-decoration:none;white-space:nowrap;background-color:#c9bd97;background-color:var(--tan);border-radius:5px;border:1px solid transparent;cursor:pointer;font-family:freshman-sans,sans-serif}@media(prefers-color-scheme:dark){input[type=button],input[type=reset],input[type=submit]{color:#212121;color:var(--black-600)}}.button:active,.button:focus,.button:hover,button:active,button:focus,button:hover,input[type=button]:focus,input[type=button]:hover,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:focus,input[type=submit]:hover{background:linear-gradient(90deg,#c9bd97,#8daa97);background:linear-gradient(90deg,var(--tan),var(--sea-green));border-color:#d4d4d4;border-color:var(--border-color);outline:0}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url]{height:38px;padding:6px 10px;background-color:#fff;border:1px solid #d4d4d4;border:1px solid var(--border-color);border-radius:5px;box-shadow:none;box-sizing:border-box}a.button,a.button:hover{color:#212121!important;color:var(--black-600)!important}h1{line-height:2.2475rem;margin-top:0;margin-bottom:.725rem}h2{margin-top:2.755rem}h2,h3{line-height:1.74rem;margin-bottom:.5075rem}h3{margin-top:2.03rem}h4{margin-bottom:.5075rem}h4,h5{line-height:1.45rem;margin-top:0}h5{margin-bottom:0}h1,h2,h3,h4,h5,h6{font-weight:700}h1{font-size:1.853rem}@media(max-width:599px){h1{font-size:1.563rem;line-height:1.3}}h2{font-size:1.4rem}@media(max-width:599px){h2{font-size:1.2rem;line-height:1.3}}h3{font-size:1.2rem}@media(max-width:599px){h3{line-height:1.3}}h4{font-size:1.2rem}h5{font-size:1rem}h6{font-size:.8rem}.kbd,kbd{font-family:freshman-sans,sans-serif;text-transform:lowercase;margin:0 .1em;padding:.1em .4em;border-radius:4px;border:1px solid #ccc;line-height:1.4;font-size:.7rem;display:inline-block;background-color:#f7f7f7;text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 var(--white)}@media(prefers-color-scheme:dark){.kbd,kbd{background-color:transparent;text-shadow:none;color:#fff;color:var(--white)}}select,textarea{height:38px;padding:6px 10px;background-color:#fff;border:1px solid #8daa97;border:1px solid var(--sea-green);border-radius:5px;box-shadow:none;box-sizing:border-box}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url]{-webkit-appearance:none;appearance:none;font-size:.8rem}textarea{-webkit-appearance:none;appearance:none;min-height:65px;padding-top:6px;padding-bottom:6px}input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{border:1px solid #8daa97;border:1px solid var(--sea-green);outline:0}label,legend{display:block;font-weight:600}fieldset{padding:0;border-width:0}input[type=checkbox],input[type=radio]{display:inline}abbr{text-decoration:none;font-feature-settings:"c2sc";font-variant:small-caps}video{display:block;max-width:100%;margin:0 auto;height:auto}.gif{position:relative;margin-bottom:1.45rem}.gif__video{margin-bottom:0;-o-object-fit:cover;object-fit:cover;border:1px solid #d4d4d4;border:1px solid var(--border-color);cursor:pointer}.play-gif__overlay{position:absolute;display:flex;justify-content:center;align-items:center;top:0;left:0;right:0;bottom:0;cursor:pointer;height:auto;background-color:#00000080}.gif-indicator{padding:0 8px;background-color:#000000e6;position:absolute;right:15px;bottom:15px;color:#fafafa;color:var(--silver-100);font-size:.8rem;font-weight:700;border-radius:5px;border:1px solid transparent}.gif.playing .play-gif__overlay{display:none}.play-gif__overlay>*{pointer-events:none}.play-gif{border-radius:50%;border:5px solid #c9bd97;border:5px solid var(--tan);background-image:linear-gradient(90deg,#c9bd95,#8daa97);display:flex;justify-content:center;align-items:center;padding:0;height:auto}.play-gif svg{width:60px;height:60px}@media(max-width:599px){.play-gif svg{width:48px;height:48px}}.tutorial-checkpoint{color:#212121!important;color:var(--fg-color)!important;background-color:#1e3deb1a;background-color:var(--checkpoint-bg)}@media(prefers-color-scheme:dark){.tutorial-checkpoint a{color:inherit}}iframe,video{border-radius:5px;margin-bottom:1.45rem}.jsfiddle iframe,iframe[src*=jsfiddle]{border:1px solid #d4d4d4;border:1px solid var(--border-color);height:500px}img{max-width:100%;display:block;margin:0 auto;height:auto;font-size:.8rem;position:relative;line-height:2;min-height:50px;border-radius:5px}img:before{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;background:#fff;background:var(--bg-color);color:#212121;color:var(--fg-color);border:1px dotted #d4d4d4;border:1px dotted var(--border-color);font-size:16px;content:"\1f914  Broken image \2014  " attr(alt)}figure:not(.highlight):not(.code-block){margin-top:1.74rem;margin-bottom:1.74rem}code{font-style:italic;font-size:inherit;font-family:inherit;padding:2px 5px;background-color:#ecebe9;background-color:var(--inline-code-bg);border-radius:5px}@media(prefers-color-scheme:dark){code{background-color:#ebebeb;background-color:var(--secondary-bg-color)}}p code{font-size:1rem;line-height:inherit}@media(min-width:600px){p code{font-size:.92rem}}h2 code,h3 code,h4 code,h5 code,h6 code{font-family:inherit;padding:0;background-color:transparent;line-height:inherit;font-size:inherit}.post-toc code{font-style:normal;line-height:inherit;padding:0}.code-block,div.highlight{position:relative;margin-bottom:1.2325rem}.code-block div.highlight,.file-desc{margin-bottom:0}.file-desc{margin-top:0;padding-bottom:4px;border-top-left-radius:5px;border-top-right-radius:5px;background-color:#202020;font-family:ui-monospace,Menlo,Monaco,Cascadia Mono,Segoe UI Mono,Roboto Mono,Oxygen Mono,"ubuntu monospace",Source Code Pro,Fira Mono,Droid Sans Mono,Courier New,monospace;font-size:.7rem;font-style:normal;color:#666;color:var(--black-100);text-align:left;justify-content:flex-start;padding-top:10px;padding-left:20px;text-transform:lowercase;line-height:1.16rem}@media(prefers-color-scheme:dark){.file-desc{background-color:transparent;border-top:3px solid #d4d4d4;border-top:3px solid var(--border-color);border-right:3px solid #d4d4d4;border-right:3px solid var(--border-color);border-left:3px solid #d4d4d4;border-left:3px solid var(--border-color)}}.file-desc+div.highlight code:before{display:none}.file-desc+div.highlight pre{padding-top:0;border-top-left-radius:0;border-top-right-radius:0}@media(prefers-color-scheme:dark){.file-desc+div.highlight pre{border-top:0}}.code-block pre[class*=language-]{border-top-left-radius:0!important;border-top-right-radius:0!important}pre{line-height:1;padding:20px;border-radius:5px;overflow-x:auto;-moz-tab-size:4!important;-o-tab-size:4!important;tab-size:4!important}pre code{padding:0;background-color:transparent;font-size:16px!important;font-family:ui-monospace,Menlo,Monaco,Cascadia Mono,Segoe UI Mono,Roboto Mono,Oxygen Mono,"ubuntu monospace",Source Code Pro,Fira Mono,Droid Sans Mono,Courier New,monospace!important;font-style:normal;margin-right:20px;display:inline-block}@media(max-width:599px){pre code{font-size:13px!important}}pre code:before{font-size:.7rem;content:attr(data-lang);display:block;margin-bottom:4px;margin-top:-10px;color:#666;color:var(--black-100)}code[class*=language-],pre[class*=language-]{margin-top:0;font-family:ui-monospace,Menlo,Monaco,Cascadia Mono,Segoe UI Mono,Roboto Mono,Oxygen Mono,"ubuntu monospace",Source Code Pro,Fira Mono,Droid Sans Mono,Courier New,monospace;line-height:1.015rem}code[class*=language-] span{line-height:1.015rem}pre[class*=language-]{border-radius:5px}.code-block.command-block pre code:before{margin-right:.5rem;content:"$";display:inline-block;margin-bottom:0;margin-top:0}.copy-code{font-weight:700;font-family:freshman-sans,sans-serif;position:absolute;top:15px;right:15px;background-color:#c9bd97;background-color:var(--tan);color:#212121;color:var(--fg-color);box-shadow:none;font-family:freshman-sans-sc;text-transform:lowercase;padding:3px 6px;height:auto;line-height:1.2;cursor:pointer;transition:opacity .3s ease-in-out;opacity:0}@media(prefers-color-scheme:dark){.copy-code{color:#fff;color:var(--bg-color)}}.copy-code:hover{color:#485b4d;color:var(--sea-green-700);background:#c9bd97!important;background:var(--tan)!important;border-color:transparent}.code-block:hover .copy-code,div.highlight:hover .copy-code{opacity:1}.code-block.output-block .copy-code{display:none}@media(prefers-color-scheme:dark){.chroma{background-color:transparent!important;border:3px solid #d4d4d4;border:3px solid var(--border-color)}}.chroma .nc,.chroma .nn{text-decoration:none;color:#7da7e0}.chroma .il,.chroma .m,.chroma .mb,.chroma .mf,.chroma .mh,.chroma .mi,.chroma .mo{color:#7d9cb3}.chroma .nb{color:#6dd9e5}.chroma .hl{background:linear-gradient(90deg,rgba(216,199,49,.25),#202020);margin-left:-20px;padding-left:20px}@media(prefers-color-scheme:dark){.chroma .hl{background:linear-gradient(90deg,rgba(216,199,49,.25),#fff);background:linear-gradient(90deg,rgba(216,199,49,.25),var(--bg-color))}}.chroma .ln,.chroma .lnt{-webkit-user-select:none;user-select:none}.chroma .ln{padding-left:0}.f-article__tags{display:flex;justify-content:flex-start;flex-wrap:wrap;margin-left:0!important;list-style:none;margin-bottom:0}.f-article__tags .tag{display:inline-block;background-color:#aac5b4;background-color:var(--sea-green-100);margin-right:15px;line-height:.58rem;border-radius:5px;padding-left:0}@media(prefers-color-scheme:dark){.f-article__tags .tag{background-color:#ebebeb;background-color:var(--secondary-bg-color)}}.f-article__tags .tag:hover{background-color:#8daa97;background-color:var(--sea-green)}@media(prefers-color-scheme:dark){.f-article__tags .tag:hover{background-color:#ebebeb;background-color:var(--secondary-bg-color)}}.f-article__tags a{line-height:1.45rem;font-family:freshman-sans,sans-serif!important;display:inline-block;padding:2px 10px;font-size:.64rem;color:#212121;color:var(--fg-color);text-decoration:none}@media(prefers-color-scheme:dark){.f-article__tags a:hover{color:#8daa97;color:var(--sea-green-300)}}.footnotes{padding-top:25px;padding-bottom:25px;border-top:1px dotted #d4d4d4;border-top:1px dotted var(--border-color);color:#555862;color:var(--silver-900)}@media(prefers-color-scheme:dark){.footnotes{color:#4d4d4d;color:var(--secondary-fg-color)}}.footnotes:before{content:"Footnotes";display:block;font-family:freshman-sans-sc;text-transform:lowercase;margin-bottom:10px}.footnotes hr{display:none}.footnotes ol{list-style-position:inside;margin-top:0;margin-bottom:0;font-size:.9rem;font-style:italic}.footnotes ol li{line-height:0;scroll-margin-top:40px}.footnotes ol li::marker{font-weight:700;color:#6b7b6c;color:var(--sea-green-500)}@media(prefers-color-scheme:dark){.footnotes ol li::marker{color:#aac5b4;color:var(--sea-green-100)}}.footnotes ol li:not(:last-of-type){margin-bottom:15px}.footnotes ol p{display:inline;line-height:1.4;font-size:inherit}.footnotes ol a{line-height:1.4}@media(max-width:599px){.footnotes ol a,.footnotes ol p{line-height:1.5}}.post-actions{margin-bottom:2.175rem}.post-actions svg{margin-right:10px}.post-actions .label{text-transform:none}.post-actions__buttons{display:flex}.share-prompt__title{font-family:freshman-sans-sc;text-transform:lowercase;margin-bottom:.58rem}.share-prompt p,.share-prompt ul{font-family:freshman-sans,sans-serif;font-size:.7rem;line-height:1.16rem;margin-bottom:.725rem}@media(max-width:599px){.share-prompt p,.share-prompt ul{font-size:.8rem;line-height:1.305rem}}.post-action__button{display:flex;justify-content:center;align-items:center;height:45px;border-radius:5px;padding:0 10px}.post-action__button *{pointer-events:none}.post-action__button svg{margin-right:0}@media(min-width:600px){.post-action__button svg{margin-right:7px}}.bitcoin-btn{background-color:#fff;background-color:var(--bg-color);border-color:#d4d4d4;border-color:var(--border-color);font-size:.8rem;font-weight:400}.bitcoin-btn span{color:#212121;color:var(--fg-color)}.bitcoin-btn:focus svg,.bitcoin-btn:hover svg{fill:#212121;fill:var(--black-600)}.bitcoin-btn:focus span,.bitcoin-btn:hover span{color:#212121;color:var(--black-600)}.patreon{background-color:#fff;background-color:var(--bg-color);border-color:#d4d4d4;border-color:var(--border-color);margin-right:20px}.patreon:active .label,.patreon:focus .label,.patreon:hover .label{color:#212121;color:var(--black-600)}@media(max-width:599px){.patreon .label{display:none}}@media(prefers-color-scheme:dark){.patreon .label{color:#4d4d4d;color:var(--secondary-fg-color)}}.comments-section{font-family:freshman-sans,sans-serif}.comments-section header{border-bottom:1px solid #d4d4d4;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;margin-bottom:1.015rem}.comments-section h4{font-family:freshman-sans-sc;text-transform:lowercase}.read-before-commenting{position:relative;background-color:#ebebeb;background-color:var(--silver-250);padding:10px 20px;border-radius:4px;margin-bottom:30px}@media(prefers-color-scheme:dark){.read-before-commenting{background-color:#ebebeb;background-color:var(--secondary-bg-color)}}.read-before-commenting h5{margin-bottom:10px}@media(max-width:599px){.read-before-commenting h5{font-size:1.2rem}}.read-before-commenting a:hover{cursor:pointer}.read-before-commenting p{font-size:.7rem;line-height:1.16rem;margin-bottom:0}@media(max-width:599px){.read-before-commenting p{font-size:.8rem;line-height:1.305rem}}.disqus-thread .spinner{margin-left:auto;margin-right:auto}.f-alert{padding:10px 15px;border-radius:4px;border:thick double #d4d4d4;border:thick double var(--border-color);margin-bottom:1.45rem}@media(prefers-color-scheme:dark){.f-alert{border:thick double #555862;border:thick double var(--silver-900)}.f-alert code{color:#212121;color:var(--fg-color)}}.f-alert:before{content:attr(data-alert);display:block;font-weight:700;font-family:freshman-sans-sc;text-transform:lowercase;margin-bottom:.435rem}.f-alert p:last-of-type{margin-bottom:0}.newsletter-section{border-top:8px solid #8daa97;border-top:8px solid var(--sea-green);background-color:#ebebeb;background-color:var(--silver-250);border-radius:5px;padding:12px 20px 20px;font-size:.8rem!important;font-family:freshman-sans,sans-serif}@media(prefers-color-scheme:dark){.newsletter-section{background-color:#ebebeb;background-color:var(--secondary-bg-color)}}.newsletter-title{margin-bottom:10px;font-family:freshman-sans-sc;text-transform:lowercase}.newsletter-prompt{font-size:.7rem;line-height:1.16rem;margin-bottom:.725rem}@media(max-width:599px){.newsletter-prompt{font-size:.8rem;line-height:1.305rem}}.send-label{font-size:.7rem!important}.input-label{font-family:freshman-sans-sc;text-transform:lowercase;font-size:1rem!important;margin-bottom:0}.newsletter-input{width:100%;font-family:freshman-sans,sans-serif!important;font-size:.7rem!important;margin-bottom:.725rem}@media(prefers-color-scheme:dark){.newsletter-input{background-color:#212121!important;background-color:var(--black-600)!important}.newsletter-input::-moz-placeholder{color:#acadaf;color:var(--silver-500);opacity:1}}.submit-button{margin-top:10px;width:100%}.spinner{padding:30px 15px 50px;width:100px;text-align:center}.spinner>div{width:18px;height:18px;background-color:#8daa97;background-color:var(--sea-green-300);border-radius:100%;display:inline-block;animation:sk-bouncedelay 1.4s ease-in-out infinite both}.spinner .bounce1{animation-delay:-.32s}.spinner .bounce2{animation-delay:-.16s}@keyframes sk-bouncedelay{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.article-series{border-radius:5px;border:1px solid #d4d4d4;border:1px solid var(--border-color);margin-bottom:30px}.article-series .series-header{padding:10px 15px;background-color:#c9bd97;background-color:var(--tan-300)}@media(prefers-color-scheme:dark){.article-series .series-header{color:#212121;color:var(--black-600)}}.article-series h4{margin-bottom:0;font-family:freshman-sans-sc;text-transform:lowercase}@media(max-width:599px){.article-series h4 span{display:none}}.article-series .number{box-sizing:border-box;width:1.5rem;height:1.5rem;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid #d4d4d4;border:1px solid var(--border-color);margin-right:10px;flex-shrink:0}@media(max-width:599px){.article-series .number{display:none}}.article-series .series-title{font-size:1rem}.article-series ul{list-style:none;margin-left:0!important;margin-bottom:0}.article-series li{margin-bottom:0!important;padding:0!important}.article-series .current-post{background-color:#ebebeb;background-color:var(--silver-250)}@media(prefers-color-scheme:dark){.article-series .current-post{background-color:#212121;background-color:var(--black-600)}}.article-series a{display:inline-block;width:100%;padding:10px 15px;color:#212121;color:var(--fg-color);text-decoration:none;font-family:freshman-sans,sans-serif;font-size:.8rem}.article-series a:hover{background-color:#ebebeb;background-color:var(--silver-250)}@media(prefers-color-scheme:dark){.article-series a:hover{background-color:#212121;background-color:var(--black-600)}}.article-series li:not(:last-of-type){border-bottom:1px solid #d4d4d4;border-bottom:1px solid var(--border-color)}.post{border-radius:8px}.post:active{background-color:#ebebeb;background-color:var(--secondary-bg-color)}@media(min-width:1200px){.post:hover{background-color:#ebebeb;background-color:var(--secondary-bg-color)}}@media(max-width:599px){.post{border-radius:0;border-bottom:1px solid #d4d4d4;border-bottom:1px solid var(--border-color)}}.post__image{background-color:#fafafa;background-color:var(--silver-100);background-position:50% 50%!important;background-size:cover!important;background-repeat:no-repeat;border-radius:5px;width:100%;height:180px;box-shadow:inset 0 0 0 1px #ffffff0d,inset 0 1px #fff3,inset 0 -1px #ffffff1a,0 1px 3px #0000000d,0 1px 2px #0000001a;margin-bottom:.725rem}.post__date{display:flex;align-items:center;color:#4d4d4d;color:var(--secondary-fg-color);font-family:freshman-sans,sans-serif;font-size:.7rem;font-feature-settings:"pnum","onum";margin-top:auto}@media(max-width:599px){.post__date{font-size:.75rem}}.post__date svg{width:20px;height:20px;color:#4d4d4d;color:var(--secondary-fg-color);margin-right:10px}.post__date time{margin-top:3px;line-height:1.015rem}.post__link{display:flex;flex-direction:column;height:100%;padding:20px;color:#212121;color:var(--fg-color);text-decoration:none}@media(max-width:599px){.post__link{padding-bottom:40px;padding-top:40px}}.post__link:active{background-color:transparent;-webkit-tap-highlight-color:transparent}.post__link:hover{color:#212121;color:var(--fg-color)}.post__details{flex-grow:1;display:flex;flex-direction:column}.post__title{font-size:.9rem;margin-bottom:10px;line-height:1.4}@media(min-width:600px){.post__title{font-size:.8rem}}.post__excerpt{font-size:.7rem;line-height:1.16rem;margin-bottom:.87rem;color:#4d4d4d;color:var(--secondary-fg-color)}@media(max-width:599px){.post__excerpt{font-size:.8rem}}.related-posts .post-list{display:flex;flex-direction:column}.related-posts .post{border:1px solid #d4d4d4;border:1px solid var(--border-color);border-radius:8px;margin-bottom:20px}.related-posts .post .featured-image{width:130px;margin-right:20px}@media(max-width:599px){.related-posts .post .featured-image{display:none}}.related-posts .post .post__image{width:130px;height:100px;margin-bottom:0;background-position:0 0}.related-posts .post .post__link{align-items:center;flex-direction:row;padding:15px}@media(max-width:599px){.related-posts .post .post__link{padding-top:25px;padding-bottom:25px}}.related-posts .post .post__excerpt{font-family:freshman-sans,sans-serif;margin-bottom:0}.pagination{width:100%;padding-top:50px;padding-bottom:50px}.pagination,.pagination ul{display:flex;justify-content:center}.pagination ul{list-style:none;margin-bottom:0}.pagination-item{margin:10px;padding-left:0;border:1px solid #d4d4d4;border:1px solid var(--border-color);border-radius:5px;display:flex;align-items:center}.pagination-item:not(.current-page):hover{background-color:#8daa97;background-color:var(--sea-green);border-color:#8daa97;border-color:var(--sea-green)}.pagination-item.current-page{background-color:#ecebe9;background-color:var(--inline-code-bg)}@media(prefers-color-scheme:dark){.pagination-item.current-page{background-color:#ebebeb;background-color:var(--secondary-bg-color)}}.pagination a,.pagination span{width:42px;height:42px;display:flex;align-items:center;justify-content:center;color:#212121;color:var(--fg-color)}.pagination-item svg{width:20px;color:#212121;color:var(--fg-color);height:20px}.pagination-item a{text-decoration:none}.pagination-item.next-page a{line-height:0}.fa-twitter{fill:#1da1f2}.figcaption,figcaption{margin-top:.58rem;font-size:.9rem;color:#4d4d4d;color:var(--secondary-fg-color);display:flex;justify-content:center;font-family:freshman,Georgia,"liberation serif",serif;font-style:italic}.figcaption p,figcaption p{font-family:inherit!important;margin-bottom:0;font-size:inherit;color:inherit}.figcaption a,figcaption a{font-family:inherit!important;color:inherit;text-decoration:underline}.sidebar-toc{padding-right:10px;border-radius:5px}.sidebar-toc ul{margin-bottom:0}.sidebar-toc li{list-style:none;margin-bottom:.5rem;line-height:1.015rem}.sidebar-toc li a{font-size:.7rem;line-height:0;color:#4d4d4d;color:var(--secondary-fg-color);opacity:.8}.sidebar-toc li a.highlight{color:#0063c7;color:var(--link-color)}.sidebar-toc li a:hover{color:var(--black);opacity:1}@media(prefers-color-scheme:dark){.sidebar-toc li a:hover{color:#fff;color:var(--white)}}.sidebar-toc code{padding:0;line-height:0}.toc-title{margin-bottom:10px}.f-article__header{grid-column:span 2;margin-bottom:30px}.article-summary{font-style:italic;margin-bottom:0;font-family:freshman,Georgia,"liberation serif",serif}.article-meta{list-style:none;color:#4d4d4d;color:var(--secondary-fg-color);font-family:freshman-sc;margin-bottom:10px;text-transform:lowercase;font-size:1rem;margin-left:0}.article-meta li{display:flex;align-items:center;padding-left:0}.article-meta svg{width:20px;height:20px;margin-right:5px;color:#4d4d4d;color:var(--secondary-fg-color);top:.125em;position:relative}.site-header{padding-right:20px;padding-left:20px;background-color:#fff;background-color:var(--bg-color);font-family:freshman-sans,sans-serif;font-size:.8rem;z-index:20;position:relative;border-bottom:1px solid #d4d4d4;border-bottom:1px solid var(--border-color)}@media(max-width:599px){.site-header{padding-right:15px;padding-left:15px}}.site-header.is-expanded .expanded-nav{max-height:2000px;transition:max-height .3s ease-in-out}.site-header .expanded-nav{transition:max-height .3s cubic-bezier(0,1,0,1);max-height:0;overflow:hidden}.site-notice{padding:5px 20px;background-color:#fff7bd;background-color:var(--banana);text-align:center;border-bottom:1px solid #dad2aa;border-bottom:1px solid var(--tan-100)}.site-notice p{margin-bottom:0;font-size:.64rem}.site-notice p a{display:inline-block;background-color:#8daa97;background-color:var(--sea-green);padding:5px 8px;border-radius:5px;color:inherit;text-decoration:none;line-height:.6525rem}@media(prefers-color-scheme:dark){.site-notice p{color:#333;color:var(--black-500)}}.hamburger-menu div{display:block!important;pointer-events:none}.hamburger-menu i{display:block;width:20px;height:2px;background-color:#212121;background-color:var(--fg-color);margin:5px 0;transition:.3s}.hamburger-menu i:hover{background-color:#485b4d;background-color:var(--deep-sea)}.hamburger-menu.transform .bar1{transform:rotate(-45deg) translate(-5px,3px)}.hamburger-menu.transform .bar2{opacity:0}.hamburger-menu.transform .bar3{transform:rotate(45deg) translate(-8px,-8px)}.site-nav{justify-content:space-between;padding-top:15px;padding-bottom:15px}.site-nav,.site-nav div{display:flex;align-items:center}.nav-item{margin-right:35px;text-decoration:none;color:#212121;color:var(--fg-color);cursor:pointer;font-family:freshman-sans-sc;font-weight:700;font-size:1rem;text-transform:lowercase}.nav-item.with-icon{display:flex;align-items:center}.nav-end,.nav-start{flex-basis:40%}@media(max-width:599px){.nav-end,.nav-start{flex-basis:auto}}.nav-end{display:flex;justify-content:flex-end}.nav-item.subscribe{margin-right:0}.logo,.logo a{line-height:1}.logo svg{width:200px;height:57px;color:#000;color:var(--black-900)}@media(prefers-color-scheme:dark){.logo svg{color:#212121;color:var(--fg-color)}}.logo svg:hover{color:#485b4d;color:var(--deep-sea)}@media(prefers-color-scheme:dark){.logo svg:hover{color:#8daa97;color:var(--sea-green-300)}}@media(max-width:599px){.logo svg{width:130px;height:37px}}.expanded-nav{max-width:100%;margin-left:auto;margin-right:auto;position:relative}@media(min-width:1200px){.expanded-nav{padding-left:60px;padding-right:60px}}.nav-grid{display:grid;margin-bottom:20px}@media(min-width:900px){.nav-grid{grid-template-columns:1.2fr 1fr 1fr;grid-column-gap:40px;padding-top:10px;padding-bottom:20px}}@media(min-width:1200px){.nav-grid{grid-column-gap:80px;grid-template-columns:1.4fr 1fr 1fr}}.nav-grid_item:not(:last-of-type){margin-bottom:30px}@media(min-width:900px){.nav-grid_item:not(:last-of-type){margin-bottom:0}}.nav-grid_item a{text-decoration:none;color:#212121;color:var(--fg-color)}.nav-grid_item a:hover,.nav-grid_title{color:#485b4d;color:var(--deep-sea)}.nav-grid_title{margin-bottom:15px;letter-spacing:.7px}@media(prefers-color-scheme:dark){.nav-grid_title{color:#aac5b4;color:var(--sea-green-100)}}.expanded-nav .patreon{margin-right:0}.expanded-nav .patreon svg{margin-right:10px}@media(max-width:599px){.expanded-nav .patreon .label{display:inline}}.nav_mobile{border-top:1px solid #d4d4d4;border-top:1px solid var(--border-color);border-bottom:1px solid #d4d4d4;border-bottom:1px solid var(--border-color);padding-top:20px;padding-bottom:20px;display:grid;grid-gap:20px;gap:20px;grid-template-columns:repeat(4,1fr)}@media(min-width:900px){.nav_mobile{display:none}}.nav_mobile .nav-item{margin-right:0;margin-bottom:0;display:inline-block}.topics{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:15px}@media(min-width:900px)and (max-width:1199px){.topics{grid-template-columns:repeat(2,1fr)}}.patreon-pitch{font-size:.7rem;margin-bottom:.7rem}.weblink{display:flex;align-items:center;margin-bottom:10px;color:#212121;color:var(--fg-color)}.expanded-nav a:hover{color:#485b4d;color:var(--deep-sea)}@media(prefers-color-scheme:dark){.expanded-nav a:hover{color:#aac5b4;color:var(--sea-green-100)}}.weblink svg{margin-right:12px}.weblink span{margin-top:3px}.overlay{background-color:#000;display:block;height:100%;left:0;top:0;right:0;bottom:0;position:fixed;transition:opacity .3s;width:100%;z-index:10;opacity:0;pointer-events:none}.overlay.is-visible{opacity:.35}.f-footer{border-top:1px solid #d4d4d4;border-top:1px solid var(--border-color);padding:50px 20px}@media(max-width:599px){.f-footer{padding:30px 15px}}.f-footer h5{margin-bottom:10px;font-family:freshman-sans-sc;text-transform:lowercase}.f-footer .footer-contents{font-family:freshman-sans,sans-serif;line-height:1.015rem;display:grid;grid-template-columns:3fr 2fr 1fr 1fr;grid-column-gap:50px;column-gap:50px}@media(max-width:599px){.f-footer .footer-contents{display:block}}.f-footer p{font-size:.75rem;line-height:1.305rem}.f-footer a{color:inherit;line-height:1.305rem}.about-me,.social-media{display:flex}.about-me{flex-direction:column;margin-bottom:30px}.about-me small{font-size:.64rem;color:#acadaf;color:var(--silver-500);line-height:1.4}.about-me small a{color:inherit}.about__image{width:150px;height:150px;border-radius:5px}.about__text{margin-bottom:0}.about__text a{color:#212121;color:var(--fg-color)}.about__text a:hover{color:#485b4d;color:var(--deep-sea)}.social-media{justify-content:center;margin-bottom:40px}.social-media a{display:inline-block;margin-right:20px;color:#212121;color:var(--fg-color)}.social-media a:hover{background:0 0;color:#485b4d;color:var(--deep-sea)}.footer-contents .side-project img{border-radius:5px;margin-bottom:10px}.footer-contents .footer-links ul{list-style:none;font-size:.75rem;margin-left:0}.footer-contents .footer-links li{padding-left:0}.footer-contents .footer-links a{font-size:inherit;color:#212121;color:var(--fg-color);text-decoration:none}.footer-contents .footer-links a:hover{text-decoration:underline}.footer-contents .footer-links:last-of-type ul{margin-bottom:0}.left-sidebar{display:none;font-family:freshman-sans,sans-serif;font-size:.8rem;grid-column:span 1}@media(min-width:1200px){.left-sidebar{display:block}}.left-sidebar h3{margin-top:10px;margin-bottom:10px}.left-sidebar a{text-decoration:none}.left-sidebar .view-all:after{content:"\2192";margin-left:5px}.sticky-part{position:sticky;top:40px}#carbonads{font-family:freshman-sans,sans-serif;margin-bottom:20px;display:flex;max-width:330px;background-color:#fafafa;background-color:var(--silver-100);box-shadow:0 1px 4px 1px #0000001a}@media(prefers-color-scheme:dark){#carbonads{background-color:#fff;background-color:var(--bg-color)}}#carbonads a{text-decoration:none}#carbonads a,#carbonads a:hover{color:inherit}#carbonads span{position:relative;display:block;overflow:hidden}#carbonads .carbon-wrap{display:flex}.carbon-img{margin:0;line-height:1}.carbon-img,.carbon-img img{display:block}.carbon-text{font-size:13px;padding:10px;line-height:1.5;text-align:left}.carbon-poweredby{display:block;padding:8px 10px;background:repeating-linear-gradient(-45deg,transparent,transparent 5px,rgba(0,0,0,.025) 0,rgba(0,0,0,.025) 10px) rgba(241,243,244,.4);text-align:center;text-transform:uppercase;letter-spacing:.5px;font-weight:600;font-size:9px;line-height:1}.related-snippets{line-height:1.4}.related-snippet{padding-bottom:16px}.related-snippet:not(:last-of-type){border-bottom:1px solid #d4d4d4;border-bottom:1px solid var(--border-color)}.related-snippet:not(:first-of-type){padding-top:16px}.snippet-title{font-size:.7rem;line-height:1.5;margin-bottom:10px}.snippet-link,.snippet-link:hover{color:inherit}.snippets-excerpt{font-size:.64rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:0}.right-sidebar{display:none;width:100%}@media(min-width:900px){.right-sidebar{display:block}}.right-sidebar h5{text-align:center;margin-bottom:20px}.right-sidebar p{font-size:.75rem;line-height:1.6;color:#4d4d4d;color:var(--secondary-fg-color);text-align:center;-webkit-hyphens:auto;hyphens:auto}.right-sidebar br{line-height:0}.right-sidebar .sidebar-item{margin-bottom:50px}.right-sidebar .project-item{margin-bottom:22px;text-align:center;line-height:1rem}.right-sidebar .project-caption{font-size:.75rem;line-height:1.2;color:#4d4d4d;color:var(--secondary-fg-color);text-decoration:none}.right-sidebar .project-caption:hover{text-decoration:underline}.right-sidebar .newsletter-header,.right-sidebar .sticky-part{display:none}.right-sidebar .sticky-part a{text-decoration:none}.right-sidebar .sticky-part h5{text-align:left}@media(min-width:900px)and (max-width:1199px){.right-sidebar .sticky-part{display:block}}@media(min-width:900px){.home-sidebar .newsletter-section{position:sticky;top:120px}}@media(min-width:600px){.three-columns,.two-columns{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.three-columns{grid-template-columns:repeat(3,1fr)}}.f-post{display:block;padding-top:20px;padding-bottom:60px;width:100%;margin-left:auto;margin-right:auto}@media(min-width:900px){.f-post{padding-top:40px}}.anchorjs-link{color:#4d4d4d;color:var(--secondary-fg-color);text-decoration:none;font-family:freshman-sans-sc;margin-left:-.6em!important}.anchorjs-link:hover{text-decoration:none;background:0 0;color:#8daa97;color:var(--sea-green)}@media(min-width:1200px){.f-post__main{display:grid;grid-column-gap:45px;column-gap:45px;grid-template-columns:minmax(200px,240px) minmax(850px,1130px)}}@media(min-width:900px){.post-grid{display:grid;grid-column-gap:45px;column-gap:45px;grid-template-columns:minmax(570px,auto) minmax(250px,300px)}}@media(min-width:1200px){.post-grid{grid-template-columns:minmax(600px,760px) minmax(250px,310px)}}@media(min-width:900px){.f-article h2,.f-article h3{scroll-margin-top:40px}}.f-article h3{font-family:freshman-sans-sc;text-transform:lowercase}.f-article li{line-height:1.45rem;margin-bottom:.3625rem}.f-article img,.f-article video{box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b}.f-article a{text-transform:none}.f-article ul{margin-left:1rem}@media(min-width:900px){.f-article ul{margin-left:-.3rem}}.f-article ul li{padding-left:.5rem}@media(min-width:900px){.f-article ul li{padding-left:.3rem}}.f-article ol,.f-article p,.f-article ul{font-family:freshman,Georgia,"liberation serif",serif}.f-article:not(.f-snippet)>p:first-of-type:first-line{font-weight:700;font-feature-settings:"c2sc";font-variant:small-caps}.f-article:not(.f-snippet)>p:first-of-type:first-letter{color:#8daa97;color:var(--sea-green);padding:0 .3rem;margin:0 .3rem 0 0;border:2px solid;border-radius:8px;font-size:4rem;float:left;line-height:1}@supports(-webkit-tap-highlight-color:black){.f-article:not(.f-snippet)>p:first-of-type:first-line{font-size:1.1em}}.f-article sup{top:-5px;vertical-align:baseline;position:relative;line-height:0}.f-article sup a{text-decoration:none}.f-article sup a:before{content:"["}.f-article sup a:after{content:"]"}.article-title{margin-bottom:.435rem}.f-article .nav-links{display:flex;justify-content:space-between}.f-article .nav-links div{width:47%}.f-article .nav-links a{font-size:.8rem;line-height:1.2;text-decoration:none}.related-content{padding-top:1.45rem;padding-bottom:1.45rem}@media(min-width:1200px){.related-content{display:grid;grid-column-gap:30px;column-gap:30px;grid-template-columns:minmax(200px,300px) minmax(850px,1070px)}}@media(min-width:900px){.rc{display:grid;grid-column-gap:30px;column-gap:30px;grid-template-columns:minmax(570px,auto) minmax(250px,300px)}}@media(min-width:1200px){.rc{grid-template-columns:minmax(600px,740px) minmax(250px,300px)}}.post-logo{margin-bottom:30px;display:flex;justify-content:center}.post-logo svg{width:150px;height:50px;color:#485b4d;color:var(--sea-green-700)}@media(prefers-color-scheme:dark){.post-logo svg{color:#aac5b4;color:var(--sea-green-100)}}.f-post .checkbox-label,.f-post .newsletter-input,.f-post .newsletter-section{font-size:inherit;line-height:inherit}.f-post .input-label{margin-bottom:.3625rem}.f-post .newsletter-input,.f-post .submit-button{height:45px}.f-after-section{margin-top:1.45rem;padding-top:1.45rem;border-top:1px solid #d4d4d4;border-top:1px solid var(--border-color)}@media(min-width:900px){.f-after-section .after-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:30px;column-gap:30px}}@media(min-width:900px){.f-after-section .newsletter-section{position:sticky;top:20px}}.f-home .posts{margin-top:40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:40px 20px;margin-left:auto;margin-right:auto}@media(max-width:599px){.f-home .posts{grid-gap:0;margin-top:0}}@media(max-width:599px){.f-home{margin-left:-15px;margin-right:-15px}}.f-home .home-newsletter{display:none;padding-left:20px;padding-right:20px;margin-top:40px}@media(max-width:599px){.f-home .home-newsletter{display:block}}.f-topics{padding:40px 0;margin:0 auto}.f-topics h1.article-title{text-align:center}.f-topics .tag-list{display:flex;justify-content:center;flex-wrap:wrap;max-width:700px;margin:30px auto 50px;list-style:none;padding-left:0}.f-topics .tag-list a{display:inline-block;padding:10px;border-radius:5px;margin-bottom:15px;margin-right:10px;color:#212121;color:var(--fg-color);text-decoration:none;line-height:1;background-color:#ebebeb;background-color:var(--secondary-bg-color);font-family:freshman-sans,sans-serif!important;font-size:.8rem;text-transform:none!important}.f-topics .tag-list a:active,.f-topics .tag-list a:focus,.f-topics .tag-list a:hover{color:#6b7b6c;color:var(--sea-green-500)}@media(prefers-color-scheme:dark){.f-topics .tag-list a:active,.f-topics .tag-list a:focus,.f-topics .tag-list a:hover{color:#aac5b4;color:var(--sea-green-100)}}.f-topics .post-list .topic-item{margin-bottom:2.9rem}.f-topics .post-list .topic-header{margin-bottom:20px;padding-left:20px;padding-right:20px;display:flex;justify-content:space-between;align-items:baseline}@media(max-width:599px){.f-topics .post-list .topic-header{padding-left:15px;padding-right:15px}}.f-topics .post-list .topic-header span{font-size:.8rem}.f-topics .post-list .topic-title{font-size:1.953rem;color:#6b7b6c;color:var(--sea-green-500);margin:0}@media(prefers-color-scheme:dark){.f-topics .post-list .topic-title{color:#8daa97;color:var(--sea-green-300)}}.f-topics .post-list h5{cursor:pointer;font-size:.8rem;line-height:1.4;color:#212121;color:var(--fg-color);margin-bottom:15px}.f-topics .post-list .post-item{background-color:#ebebeb;background-color:var(--secondary-bg-color);border-radius:8px}.f-topics .post-list .post-item:hover{background-color:#aac5b4;background-color:var(--sea-green-100)}@media(prefers-color-scheme:dark){.f-topics .post-list .post-item:hover{background-color:#2b3b2e;background-color:var(--sea-green-900)}}.f-topics .post-list .post-item.is-hidden{display:none}.f-topics .post-list .post-item .post-tag,.f-topics .post-list .post-item p,.f-topics .post-list .post-item time{font-family:freshman-sans,sans-serif;font-size:.7rem;color:#4d4d4d;color:var(--secondary-fg-color);line-height:1.16rem}.f-topics .post-list .post-item p{margin-bottom:15px}.f-topics .post-list .post-item .post-footer{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:auto;align-self:flex-end}.f-topics .post-list .post-item>a{padding:20px;font-family:freshman-sans,sans-serif;text-transform:none!important;text-decoration:none;display:flex;flex-direction:column;height:100%}@media(max-width:599px){.f-topics .post-list .post-item>a{padding:15px}}.f-topics .post-list .last-modified{font-family:freshman-sans,sans-serif;color:#212121;color:var(--fg-color);font-size:.8rem;text-decoration:none}.f-topics .topic-posts{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:35px 30px}@media(min-width:600px)and (max-width:899px){.f-topics .topic-posts{grid-template-columns:repeat(2,1fr)}}@media(max-width:599px){.f-topics .topic-posts{margin-top:10px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:20px}}.f-archives h2{font-size:2.441rem;font-family:freshman,Georgia,"liberation serif",serif;color:#485b4d;color:var(--deep-sea);margin-top:40px;margin-bottom:20px}@media(prefers-color-scheme:dark){.f-archives h2{color:#8daa97;color:var(--sea-green-300)}}.f-archives .intro{padding-bottom:20px;border-bottom:1px solid #d4d4d4;border-bottom:1px solid var(--border-color)}.f-archives a{text-transform:none!important;text-decoration:none;color:#212121;color:var(--fg-color)}.f-archives a:hover{text-decoration:underline}.f-archives time{color:#4d4d4d;color:var(--secondary-fg-color)}.f-archives .year{display:flex;justify-content:space-between;align-items:baseline}.f-archives .year span{font-size:.8rem}.f-page{display:block;padding-top:40px;padding-bottom:40px;width:100%;max-width:700px;margin-left:auto;margin-right:auto}@media(min-width:1200px){.f-page.wide{padding-left:0;padding-right:0}}.f-page p,.f-page ul{font-family:freshman,Georgia,"liberation serif",serif}.f-page .f-article__header{margin-bottom:12px}.f-page .article-title{text-align:center}.f-page .checkbox-label,.f-page .newsletter-input,.f-page .newsletter-section{font-size:inherit;line-height:inherit}.f-page .input-label{margin-bottom:.3625rem}.f-page .newsletter-input,.f-page .submit-button{height:45px}.f-page .newsletter-section{margin-bottom:1.45rem}#search{margin-bottom:40px}.intro-text{text-align:center}.search-logos{display:flex;justify-content:center;margin-bottom:40px}.search-logos svg{margin-right:20px;width:60px;height:auto}.search-input{width:100%;height:auto!important;padding:25px 20px;background-color:#fff!important;background-color:var(--bg-color)!important;border:1px solid #d4d4d4!important;border:1px solid var(--border-color)!important;color:#212121!important;color:var(--fg-color)!important}#search-results a,#search-results p{font-family:freshman-sans,sans-serif}#search-results a{text-transform:none}#search-results p{font-size:.8rem;line-height:1.16rem}.snippets .f-article__header{max-width:800px;margin-left:auto;margin-right:auto;margin-bottom:70px}.snippets .article-summary{text-align:center;margin-bottom:30px}.snippets .filter-snippets{width:100%}.snippets .post-list{margin-top:50px;margin-bottom:50px}.side-projects .projects-list{margin-left:auto;margin-right:auto;margin-bottom:50px}.side-projects .project{display:flex;align-items:center;justify-content:space-between;flex-direction:column}@media(min-width:900px){.side-projects .project{flex-direction:row}}.side-projects .project:not(:last-of-type){margin-bottom:70px}.side-projects .project-name{margin-top:0}.side-projects .project-desc{font-size:.85rem}.side-projects .image-link{display:block;margin-right:30px;width:100%;margin-bottom:20px}@media(min-width:900px){.side-projects .image-link{flex-shrink:0;margin-bottom:0}}@media(min-width:900px)and (max-width:1199px){.side-projects .image-link{width:500px;flex-basis:500px}}@media(min-width:1200px){.side-projects .image-link{width:650px;flex-basis:650px}}@media(max-width:599px){.side-projects .image-link{margin-right:0}}.side-projects .project-image{border-radius:5px}@media(max-width:599px){.side-projects .project-link{display:inline-flex;justify-content:center;align-items:center}}