@charset "UTF-8";button,button[type=button],button[type=reset],button[type=submit]{-webkit-appearance:button}input,input[type=text],input[type=email]{-webkit-appearance:none;-moz-appearance:none;appearance:none}html,body{background-color:#fff;color:#111;height:100%}html{box-sizing:border-box}*,*:before,*:after{padding:0;margin:0;box-sizing:inherit}html{font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen-Sans,Ubuntu,Cantarell,helvetica neue,sans-serif;-webkit-font-smoothing:antialiased;font-size:100%}h1,h2,h3,h4,h5,h6{margin-top:1.5rem;margin-bottom:0;line-height:1.5rem}h1{font-size:2.121rem;line-height:2.25rem;margin-top:2.25rem}h2{font-size:1.414rem}h3{font-size:1.17833333rem}h4{font-size:.98194444rem}h5{font-size:.81828704rem}p{margin-top:1.5rem;margin-bottom:0;line-height:1.5rem}ul,ol{padding-left:1.5rem;margin-top:1.5rem;margin-bottom:1.5rem}ul li,ol li{line-height:1.5rem}ul ul,ul ol,ol ul,ol ol{margin-top:0;margin-bottom:0}blockquote{margin-top:1.5rem;margin-bottom:1.5rem;line-height:1.5rem;color:#111}blockquote::before{position:absolute;content:"\201C";font-size:6em;font-family:roboto,serif;margin-top:.1em;margin-left:-.2em;z-index:-1;color:#ededed}blockquote cite{font-style:italic;font-size:.95em;color:#717171}blockquote cite::before{content:"— "}pre{line-height:1.45;margin-top:1.5rem;padding:16px;word-wrap:normal;overflow:auto;background-color:#f6f8fa;border-radius:3px}code{font-size:85%;font-family:sfmono-regular,Consolas,Menlo,monospace;padding:.2em .4em;margin:0;background-color:rgba(27,31,35,5%);border-radius:3px}pre>code{word-break:normal;white-space:pre}pre code{display:inline;padding:0;margin:0;overflow:visible;line-height:inherit;word-wrap:normal;background-color:transparent;border:0}.lead{font-size:1.414rem}abbr[title]{text-decoration:underline double}.burger__container{height:4rem;display:flex;align-items:center;padding:0 1.5rem;position:fixed;width:100%;background:#fff;z-index:2}@media screen and (min-width:800px){.burger__container{display:none}}.burger{position:relative;width:28px;height:28px;cursor:pointer}.burger__meat{position:absolute;width:28px;height:2px;background:#111;top:calc(50% - 2px/2);left:calc(50% - 28px/2);transition:all 150ms ease-in}.burger__meat--1{transform:translateY(-10px)}.burger__meat--2{width:calc(28px - 6px)}.burger__meat--3{transform:translateY(10px)}.nav--active .burger__meat--1{transform:rotate(45deg)}.nav--active .burger__meat--2{opacity:0}.nav--active .burger__meat--3{transform:rotate(-45deg)}.nav{font-size:16px;position:fixed;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fff;visibility:hidden;z-index:1;width:100%;height:100%}@media screen and (min-width:800px){.nav{visibility:visible;padding-top:3em;width:100px;height:auto}}.nav--active .nav{visibility:visible;height:100%;width:100%}@media screen and (min-width:800px){.nav--active .nav{width:100px}}.nav__list{text-align:right;list-style:none;margin:0;padding:0;width:50%}@media screen and (min-width:800px){.nav__list{width:auto}}@media screen and (max-width:799px){.nav__list{transform:translateY(-25px);opacity:0}.nav--active .nav__list{transform:translateY(0);opacity:1;transition:all 500ms ease}}.nav__list li{margin-bottom:3em;line-height:1.5em}.nav__list li:last-of-type{margin-bottom:0}@media screen and (min-width:800px){.nav__list li{margin-bottom:1.75em}}.nav__list a{color:#9b9b9b;text-decoration:none;font-size:2em}.nav__list a.active{color:#111}.nav__list a:hover{color:#111}@media screen and (min-width:800px){.nav__list a{font-size:1em}}.social-icons{display:flex;justify-content:center}.social-icons__link{padding:.8rem}.social-icons__link:not(:last-child){margin-right:1em}.social-icons__link .social-icons__icon{width:1.4rem;height:1.4rem;background-size:contain;background-repeat:no-repeat}@media screen and (max-width:767px){html{font-size:13px;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-size:13px;line-height:1.6}h1,h2,h3,h4,h5,h6{line-height:1.3;margin-top:1.5rem;margin-bottom:1rem;word-wrap:break-word;hyphens:auto}h1{font-size:22px}h2{font-size:18px}h3{font-size:16px}h4{font-size:14px}p{margin-bottom:1.2rem;word-wrap:break-word;hyphens:auto;max-width:none}main{padding:1rem;width:100%;max-width:none;margin:0}.single .single__title{font-size:20px;line-height:1.2;margin-bottom:1rem;word-wrap:break-word}.single .single__meta{font-size:.9rem;margin-bottom:1.5rem}.single .single__content{font-size:13px;line-height:1.7}.single .single__content pre{font-size:13px;line-height:1.4;padding:1rem;margin:1rem -1rem;border-radius:0;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:pre;word-wrap:normal}.single .single__content code{font-size:13px;word-wrap:break-word;white-space:pre-wrap}.single .single__content pre code{white-space:pre;word-wrap:normal}.single .single__content img{max-width:100%;height:auto;margin:1.5rem 0;border-radius:4px;display:block}.single .single__content table{width:100%;overflow-x:auto;display:block;white-space:nowrap;-webkit-overflow-scrolling:touch;margin:1rem -1rem;border-radius:0}.single .single__content table thead,.single .single__content table tbody,.single .single__content table tr{display:table;width:100%;table-layout:fixed}.single .single__content table th,.single .single__content table td{padding:.5rem;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.single .single__content ul,.single .single__content ol{padding-left:1.2rem}.single .single__content ul li,.single .single__content ol li{margin-bottom:.5rem;line-height:1.6;word-wrap:break-word}.single .single__content blockquote{margin:1.5rem -1rem;padding:1rem;border-left:4px solid #9013fe;background-color:rgba(144,19,254,5%);font-style:italic;border-radius:0}.single .single__content blockquote::before{display:none}.single .single__content blockquote p{margin-bottom:.5rem}.single .single__content blockquote p:last-child{margin-bottom:0}.toc-container{margin:1rem -1rem 2rem;border-radius:0}.toc-container.is-visible{padding:1rem}.toc-container #TableOfContents{font-size:13px}.toc-container #TableOfContents ul{padding-left:1rem;margin:.5rem 0}.toc-container #TableOfContents a{display:block;padding:.4rem 0;line-height:1.4;word-wrap:break-word;min-height:44px}.toc-container #TableOfContents a.active{font-weight:600;color:#9013fe}.toc-toggler{font-size:16px;padding:.75rem 1rem;min-height:44px;background-color:rgba(144,19,254,.1);border:1px solid rgba(144,19,254,.2);border-radius:4px;cursor:pointer}.toc-toggler:hover{background-color:rgba(144,19,254,.15)}.nav__list{width:80%}.nav__list a{font-size:1.5rem;line-height:1.4;min-height:44px;padding:.75rem 1rem}a,button,[role=button]{min-height:44px;min-width:44px;padding:.5rem .75rem}a:not(.nav__list a):not(.toc-container a),button:not(.nav__list a):not(.toc-container a),[role=button]:not(.nav__list a):not(.toc-container a){text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}*{-webkit-overflow-scrolling:touch}body,html{overflow-x:hidden}::selection{background-color:rgba(144,19,254,.2);color:inherit}::-moz-selection{background-color:rgba(144,19,254,.2);color:inherit}input,textarea,select{min-height:44px;font-size:16px;padding:.75rem}}@media screen and (max-width:375px){main{padding:.75rem}.single .single__title{font-size:1.6rem}.single .single__content{font-size:15px}.single .single__content pre{font-size:13px;margin:1rem -.75rem;padding:.75rem}.single .single__content table{margin:1rem -.75rem}.single .single__content blockquote{margin:1.5rem -.75rem;padding:.75rem}.toc-container{margin:1rem -.75rem 1.5rem}.toc-container.is-visible{padding:.75rem}}@media screen and (max-height:500px) and (orientation:landscape){.nav__list li{margin-bottom:1rem}.nav__list a{font-size:1.2rem}main{padding:.75rem 1rem}}@media screen and (prefers-color-scheme:dark) and (max-width:767px){body{background-color:#1a1a1a;color:#e0e0e0}.single__content pre{background-color:#2d2d2d;color:#f0f0f0;border:1px solid #404040}.single__content code{background-color:rgba(255,255,255,.1);color:#f0f0f0}.single__content blockquote{background-color:rgba(255,255,255,5%);border-left-color:rgba(144,19,254,.6);color:#ccc}.single__content table{background-color:#2d2d2d}.single__content table th,.single__content table td{border-color:#404040}.single__content table th{background-color:#404040}.toc-container{background-color:#2d2d2d;border-color:#404040}.toc-container #TableOfContents a{color:#e0e0e0}.toc-container #TableOfContents a.active{color:#c079fe}.toc-toggler{background-color:rgba(144,19,254,.2);border-color:rgba(144,19,254,.4);color:#e0e0e0}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media screen and (prefers-contrast:high) and (max-width:767px){.single__content a{text-decoration:underline;text-decoration-thickness:2px}.single__content code{border:1px solid}.single__content pre{border:2px solid}.toc-container{border-width:2px}}.single{max-width:48rem;margin:0 auto}.single .single__title{font-size:1.8rem;margin-bottom:.75rem;line-height:1.25}.single .single__meta{color:#666;margin-bottom:1.5rem}.single .single__content{line-height:1.7;font-size:1.05rem}.single .single__content h1,.single .single__content h2,.single .single__content h3,.single .single__content h4,.single .single__content h5,.single .single__content h6{margin-top:2rem;margin-bottom:1rem;line-height:1.3}.single .single__content p{margin-bottom:1.25rem}.single .single__content img{max-width:100%;height:auto;margin:1.5rem 0}.toc-toggler{position:relative;cursor:pointer;margin-bottom:2rem}.toc-container{position:relative;overflow:hidden;max-height:0;opacity:0;visibility:hidden;transition:max-height .5s ease-in-out,opacity .5s ease-in-out,visibility .5s,padding .5s ease-in-out,margin-bottom .5s ease-in-out;border:1px solid transparent;border-radius:var(--border-radius);padding:0 1.5rem;margin-bottom:0}.toc-container.is-visible{visibility:visible;opacity:1;max-height:2000px;border-color:var(--border-color);padding:1.5rem;margin-bottom:2rem}.toc-container #TableOfContents{margin:0;padding:0;border:none}.toc-container #TableOfContents ul{padding-left:1.2em;margin:0}body.nav--active{overflow:hidden}body{display:flex;flex-direction:column;font-size:14px;line-height:1.7}@media screen and (min-width:768px){body{flex-direction:row;font-size:14px;line-height:1.6}}@media screen and (max-width:799px){h1,h2,h3,h4,h5,h6{line-height:1.3}}p{max-width:65ch;margin-bottom:1.5em}@media screen and (max-width:767px){p{margin-bottom:1.2em}}main{padding:3rem 1.5rem 1rem;flex:1;width:80%;max-width:960px;margin:0 auto}@media screen and (max-width:767px){main{padding:5rem 1rem 1rem;width:100%;margin:0}main a,main button,main [role=button]{min-height:3rem;min-width:3rem;padding:.75rem 1rem}}code[class*=language-],pre[class*=language-]{color:#24292e;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}.token.comment,.token.prolog,.token.doctype,.token.cdata,.token.plain-text{color:#6a737d}.token.atrule,.token.attr-value,.token.keyword,.token.operator{color:#d73a49}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#22863a}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#032f62}.token.function,.token.class-name{color:#6f42c1}.language-jsx .token.punctuation,.language-jsx .token.tag .token.punctuation,.language-jsx .token.tag .token.script,.language-jsx .token.plain-text{color:#24292e}.language-jsx .token.tag .token.attr-name{color:#6f42c1}.language-jsx .token.tag .token.class-name{color:#005cc5}.language-jsx .token.tag .token.script-punctuation,.language-jsx .token.attr-value .token.punctuation:first-child{color:#d73a49}.language-jsx .token.attr-value{color:#032f62}.language-jsx span[class=comment]{color:pink}.language-html .token.tag .token.punctuation{color:#24292e}.language-html .token.tag .token.attr-name{color:#6f42c1}.language-html .token.tag .token.attr-value,.language-html .token.tag .token.attr-value .token.punctuation:not(:first-child){color:#032f62}.language-css .token.selector{color:#6f42c1}.language-css .token.property{color:#005cc5}.flex-wrapper{display:flex}.post__container{flex-grow:1;min-width:0}.post{width:100%;max-width:34rem;margin:0 auto;font-size:1rem;line-height:1.8}@media screen and (max-width:767px){.post{max-width:100%;padding:0 1rem;line-height:1.7}.post h2,.post h3,.post h4{line-height:1.4;margin-top:2em;margin-bottom:1em}}.post h2,.post h3{position:relative;padding-top:10px}.post h2 .anchor,.post h3 .anchor{top:.5rem;text-decoration:none;position:absolute;left:-1rem;color:#9b9b9b;font-size:1.2rem;font-weight:400}.post h2 .anchor:hover,.post h3 .anchor:hover{color:#717171}.post blockquote{width:95%;margin:0 auto;font-size:.9rem;color:#666;border-left:3px solid var(--border-color);padding-left:1rem}.post blockquote a{color:#717171;text-decoration:underline}.post img{width:100%;max-width:500px;margin:1.5rem auto;display:block}@media screen and (max-width:767px){.post img{max-width:100%;height:auto;margin:1rem auto}}#post__title{margin-top:0;margin-bottom:.5rem}.post__date{color:#9b9b9b;font-size:.8rem}.single{display:flex;justify-content:space-between;max-width:1300px;margin:0 auto;padding:0 1rem}@media screen and (max-width:767px){.single{padding:0 1rem;flex-direction:column}.single .single__container{padding:0}}.single__container{flex:1;max-width:100%}@media screen and (max-width:767px){.single__container{max-width:100%;padding:0 .5rem}}.single__header{display:flex;flex-direction:column;margin-bottom:2rem}.single__header #single__title{margin-bottom:.5rem}.single__header .single__date{font-size:.9rem;color:#9b9b9b;margin-bottom:1rem}.post__footer{padding-top:2rem;margin-top:3rem}.toc-container{align-self:start;top:3rem;min-width:250px;max-width:350px;margin-left:2rem;padding-left:1rem;border-left:1px solid #f0f0f0;transition:all .3s ease}@media screen and (max-width:1024px){.toc-container{display:none}}.toc-container.toc--collapsed{min-width:0;max-width:0;overflow:hidden;padding-left:0;margin-left:0;border-left:none}.toc-toggle{display:none;position:fixed;right:1rem;bottom:1rem;z-index:100;width:40px;height:40px;border-radius:50%;background:#9013fe;color:#fff;border:none;cursor:pointer;box-shadow:0 2px 5px rgba(0,0,0,.2);transition:all .3s ease}@media screen and (min-width:1024px){.toc-toggle{display:block}}.toc-toggle:hover{background:#7601dd}.toc-toggle[aria-expanded=true]{transform:rotate(180deg)}.toc-post-title{font-size:.9rem;margin-bottom:.8rem}#TableOfContents ul{list-style:none;margin:0;padding-left:1rem}#TableOfContents>ul{padding-left:0}#TableOfContents a{text-decoration:none;color:#9b9b9b;font-size:.9rem;display:block;word-wrap:break-word;line-height:1.4;padding:.2rem 0}#TableOfContents a.active{color:#333}#TableOfContents li{margin-bottom:.5rem}.tags__list{padding-right:1.5rem;margin:1.5rem 0 0;list-style:none;display:flex;justify-content:flex-end}.tag__item{margin-right:1rem;display:inline-block}.tag__item:last-child{margin-right:0}.tag__link{display:inline-block;text-decoration:none;padding:.2em .4em;border-radius:3px;background:#f2e3ff;color:#9013fe;font-size:.8rem}.tag__link:hover{background:#ebd4ff}.gif{margin-top:1.5rem}.gif img{max-width:375px}.pagination{display:flex;flex-direction:column;margin-top:1.5rem}@media screen and (min-width:600px){.pagination{flex-direction:row;justify-content:space-between}}.pagination__item{text-decoration:none;display:flex;flex-direction:column}.pagination__item:nth-child(2){margin-top:1.5rem}@media screen and (min-width:600px){.pagination__item{width:275px;padding:15px;border-radius:4px}.pagination__item:first-of-type{padding-right:15px}.pagination__item:last-of-type{margin-top:0}.pagination__item:hover{background-color:#f6f9fc}}.pagination__label{color:#9b9b9b;font-size:.8rem}.pagination__title{color:#111;font-weight:700;margin-top:.25rem}footer{text-align:center;padding:0 1.5rem;background:#fff}footer p{margin-top:1rem;color:#9b9b9b;font-size:.65rem}.post__content ul{list-style:none}.post__content ul li{margin-bottom:.5rem}.post__content ul li::before{content:"-";color:#717171;position:absolute;margin-left:-15px}.twitter-tweet.twitter-tweet-rendered{margin:1.5rem auto!important;max-width:100%!important;width:375px!important}table{max-width:100%;border-spacing:0}table thead{background:#f7f7f7}table th,table td{padding:.5em 1em;border:1px double #eee}