@import url(https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,400;0,700;1,400&display=swap);
/*!
 * ress.css • v2.0.4
 * MIT License
 * github.com/filipelinhares/ress
 */html{box-sizing:border-box;-webkit-text-size-adjust:100%;word-break:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4}*{background-repeat:no-repeat;box-sizing:inherit;padding:0;margin:0}main{display:block}summary{display:list-item}small{font-size:80%}[hidden]{display:none}a{background-color:transparent}a:active,a:hover{outline-width:0}input{border-radius:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}button,input{font:inherit}button{overflow:visible;text-transform:none}[type=button],button{cursor:pointer;color:inherit}[type=button]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner,button:-moz-focusring{outline:1px dotted ButtonText}button,html [type=button]{-webkit-appearance:button}button,input{background-color:transparent}button,img,input{border-style:none}progress{vertical-align:baseline}svg:not([fill]){fill:currentColor}body.light{--bg:#fff;--bg-secondary:#f1f1f1;--bg-gray-100:#f7fafc;--text:#222;--text-900:#1a202c;--text-800:#2d3748;--text-700:#4a5568;--text-600:#718096;--highlight:#020411;--progress-container:#eee;--progress-line:#333}body.dark{--bg:#1d1d1d;--bg-secondary:#f1f1f1;--bg-gray-100:#f7fafc;--text:#fff;--text-900:#fff;--text-800:#fff;--text-700:#fff;--text-600:#fff;--highlight:#fff;--progress-container:#333;--progress-line:#fff}.gatsby-highlight{background-color:#282c34;border-radius:.3em;padding:1em;overflow:auto;margin-bottom:2rem}@media (max-width:767px){.gatsby-highlight{width:100vw;position:relative;left:-16px;border-radius:0;overflow:hidden}}.gatsby-code-title+.gatsby-highlight{padding-top:2.2rem;position:relative;margin-top:-39px;margin-bottom:2rem}.gatsby-highlight pre[class*=language-].line-numbers{padding:0 0 0 2.8em;overflow:visible;overflow:initial}@media (max-width:767px){.gatsby-highlight pre[class*=language-].line-numbers{overflow:auto}}.gatsby-highlight-code-line{background-color:#1c2028;display:block;margin-right:-1em;margin-left:-1em;padding-right:1em;padding-left:.75em;border-left:.25em solid #999}.gatsby-code-title{position:relative;display:inline-block;padding:8px 14px;background-color:#282c34!important;color:#a9a9b3;border-top-left-radius:.3em;font-size:13px;z-index:2}@media (max-width:767px){.gatsby-code-title{position:relative;left:-16px}}.gatsby-highlight pre[class*=language-]{font-size:13px}@media (max-width:767px){.line-numbers-rows{display:none}.gatsby-highlight pre[class*=language-]{padding:0!important}}.line-numbers-rows{border-right:0!important}.line-numbers-rows>span:before{color:#6f7582}code[class*=language-],pre[class*=language-]{text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;color:#c3cee3;background:#282c34;font-size:1em;line-height:1.5;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection{background:#363636}code[class*=language-]::selection,code[class*=language-] ::selection,pre[class*=language-]::selection,pre[class*=language-] ::selection{background:#363636}:not(pre)>code[class*=language-]{border-radius:.2em;padding:.1em}pre[class*=language-]{overflow:auto;position:relative;margin:.5em 0;padding:1.25em 1em}.language-css>code,.language-sass>code,.language-scss>code{color:#fd9170}[class*=language-] .namespace{opacity:.7}.token.atrule{color:#c792ea}.token.attr-name{color:#ffcb6b}.token.attr-value,.token.attribute{color:#c3e88d}.token.boolean{color:#c792ea}.token.builtin{color:#ffcb6b}.token.cdata,.token.char{color:#80cbc4}.token.class{color:#ffcb6b}.token.class-name,.token.color{color:#f2ff00}.token.comment{color:#546e7a}.token.constant{color:#c792ea}.token.deleted{color:#f07178}.token.doctype{color:#546e7a}.token.entity{color:#f07178}.token.function{color:#5da6e3}.token.hexcode{color:#f2ff00}.token.id,.token.important{color:#c792ea;font-weight:700}.token.inserted{color:#80cbc4}.token.keyword{color:#c792ea;font-style:italic}.token.number{color:#fd9170}.token.operator{color:#89ddff}.token.prolog{color:#546e7a}.token.property{color:#80cbc4}.token.pseudo-class,.token.pseudo-element{color:#c3e88d}.token.punctuation{color:#89ddff}.token.regex{color:#f2ff00}.token.selector{color:#f07178}.token.string{color:#c3e88d}.token.symbol{color:#c792ea}.token.tag,.token.unit{color:#f07178}.token.url{color:#fd9170}.token.variable{color:#f07178}:not(pre)>code[class*=language-]{white-space:normal}body{margin:0;padding:0;font-family:Karla,-apple-system,system-ui,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,Helvetica,Arial;font-size:1rem;font-weight:400;line-height:1.75;background-color:var(--bg);color:var(--text);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-feature-settings:"liga","tnum","case","calt","zero","ss01","locl";-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:100%}.page,.post{font-size:1rem}.page>p,.post>p{margin:1em 0;white-space:pre-wrap}.page a,.post a{text-decoration:underline}.page a:hover,.post a:hover{text-decoration:none}.page a.linkCard,.post a.linkCard{margin-top:.5rem}.page .gatsby-resp-image-wrapper,.post .gatsby-resp-image-wrapper{margin-bottom:3rem}.page img,.post img{box-shadow:0 30px 60px -10px rgba(0,0,0,.2),0 18px 36px -18px rgba(0,0,0,.22)}.page h1,.post h1{font-size:1.775rem;padding-top:3.5rem;margin-bottom:20px}@media (max-width:767px){.page h1,.post h1{font-size:1.475rem}}.page h2,.post h2{font-size:1.525rem;padding-top:2.5rem;margin-bottom:20px}@media (max-width:767px){.page h2,.post h2{font-size:1.3rem}}.page h3,.post h3{font-size:1.375rem;padding-top:2rem;margin-bottom:20px}@media (max-width:767px){.page h3,.post h3{font-size:1.15rem}}.page h4,.post h4{font-size:1.125rem;padding-top:2rem;margin-bottom:20px}@media (max-width:767px){.page h4,.post h4{font-size:1rem}}.page ul,.post ul{padding-left:24px}.page figure,.post figure{display:table;max-width:100%;margin:25px 0}.page figure.left,.post figure.left{margin-right:auto}.page figure.center,.post figure.center{margin-left:auto;margin-right:auto}.page figure.right,.post figure.right{margin-left:auto}.page figure figcaption,.post figure figcaption{font-size:14px;margin-top:5px;opacity:.8}.page figure figcaption.left,.post figure figcaption.left{text-align:left}.page figure figcaption.center,.post figure figcaption.center{text-align:center}.page figure figcaption.right,.post figure figcaption.right{text-align:right}.page table,.page td,.page th,.post table,.post td,.post th{border:1px solid #ccc;padding:10px}.page table,.post table{table-layout:fixed;border-spacing:0;border-collapse:collapse;width:100%;margin:40px 0;display:block;overflow:auto;border:0;box-sizing:border-box}.page th,.post th{background:#eaeaea}.page code.language-text,.post code.language-text{font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-feature-settings:normal;font-weight:400;background:var(--bg-secondary);padding:1px 6px;margin:0 2px;border-radius:5px;font-size:.9rem;color:#555}.page blockquote,.post blockquote{border-left:2px solid;margin:40px 16px 0;padding:10px 20px;font-style:italic}.post{margin-top:4.75rem}.post>h1:first-of-type{padding-top:0}@media (max-width:767px){.post{margin-top:3rem}}.page{margin-top:3rem}@media (max-width:767px){.page{margin-top:2rem}}a{color:inherit}img{display:block;max-width:100%}img.center,img.left{margin-right:auto}img.center,img.right{margin-left:auto}a{text-decoration:none}pre[class*=language-].line-numbers{position:relative;padding-left:3.8em;counter-reset:linenumber}pre[class*=language-].line-numbers>code{position:relative;white-space:inherit}.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.8em;width:3em;letter-spacing:-1px;border-right:1px solid #999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.line-numbers-rows>span{display:block;counter-increment:linenumber}.line-numbers-rows>span:before{content:counter(linenumber);color:#999;display:block;padding-right:.8em;text-align:right}