.blog-content{--code-color:#2c3e50;--code-bg:#f8f8f8;--link-color:#000001;--link-bg:#fff;--pre-bg-color:#272822;--brand-color:#47fda7;--pre-hightlighted-line:#f2f2f22b;--pre-delete-line:#7f1d1d;--pre-insert-line:#14532d;--margin-pre-block:2rem}.blog-content p{margin-top:1.4rem}.blog-content code{font-weight:100;font-size:85%}.blog-content h2{margin-top:3rem;font-size:1.6rem;line-height:1.2;letter-spacing:-.01em;display:inline-block;font-weight:600;padding:4px 10px;background-color:#000;color:#fff}.blog-content h3{margin-top:2rem;font-size:1.2rem}.blog-content h3,.blog-content h4{line-height:1.2;font-weight:600;color:#000001}.blog-content h4{margin-top:3rem;font-size:1rem}.blog-content ol,.blog-content ul{margin-top:1.4rem;padding-left:2.4rem;margin-bottom:0;list-style-type:disc}.blog-content h4 code,.blog-content li code,.blog-content p code{padding:.2em .4em;background-color:#f1f3f4;color:var(--code-color,#2c3e50);text-shadow:none}.blog-content .anchor-remark{right:2rem;top:1rem;color:#000001;position:relative;float:left;padding-right:4px;margin-left:-20px;text-decoration:none;z-index:1;transition:.35s cubic-bezier(.165,.84,.44,1)}.blog-content .anchor-remark:not(.gatsby-resp-image-link){color:#fff}.blog-content .anchor-remark:not(.gatsby-resp-image-link):before{background:#fff;content:"";position:absolute;bottom:.1em;left:0;right:0;z-index:-1;height:.1em;transition:.35s cubic-bezier(.165,.84,.44,1);animation:fadeIn 1s}.blog-content .anchor-remark:not(.gatsby-resp-image-link):hover{color:#000001;fill:#000}.blog-content blockquote{border-left:5px solid #000;padding:5px 5px 5px 10px;font-style:italic;margin-top:2.4rem}.blog-content blockquote p{margin-top:0}.blog-content .language-text{text-shadow:none;border-radius:.3em;white-space:normal;font-weight:100;font-size:85%;margin:0}.blog-content pre{background:var(--pre-bg-color,#272822);padding:1em;margin:0;overflow:auto;border-radius:.3em}.blog-content strong{font-weight:600}.blog-content a{transition:.35s cubic-bezier(.165,.84,.44,1);z-index:1;font-weight:400;text-decoration:none;background-image:linear-gradient(to right,var(--link-color,#000001),var(--link-color,#000001));background-repeat:no-repeat;background-size:100% 2px;background-position:0 100%}.blog-content a:hover{color:var(--link-bg,#fff);fill:var(--link-bg,#fff);background-size:100% 100%}.blog-content figure{margin-top:1.4rem;border:thin dashed silver;display:flex;flex-flow:column}.blog-content figcaption{border-top:thin dashed silver;color:#000;font:italic smaller sans-serif;padding:6px;text-align:center}.blog-content abbr[title],.blog-content acronym[title]{text-decoration:none;border-bottom:1px dotted}.blog-content pre[class*=language-]{margin-top:var(--margin-pre-block)!important}.blog-content .code-highlight{float:left;min-width:100%}.blog-content .code-line{display:block;padding-left:16px;padding-right:16px;margin-left:-16px;margin-right:-16px;border-left:4px solid transparent;line-height:1.5rem}.blog-content .code-line.inserted{background-color:var(--pre-insert-line)}.blog-content .code-line.deleted{background-color:var(--pre-delete-line)}.blog-content .highlight-line{margin-left:-14px;margin-right:-16px;background-color:var(--pre-hightlighted-line);border-left:2px solid var(--brand-color)}.blog-content .line-number:before{display:inline-block;width:1rem;text-align:right;margin-right:16px;margin-left:-8px;color:hsla(0,0%,100%,.3);content:attr(line)}.blog-content .rehype-code-title{margin:0!important;display:inline-flex;background:var(--pre-bg-color,#272822);color:hsla(0,0%,100%,.7);position:relative;right:-1.5rem;width:auto;top:0;font-family:monospace;padding:.25rem 1.5rem;border-top:3px solid var(--brand-color);border-radius:.5rem .5rem 0 0;font-size:.8rem;margin-top:var(--margin-pre-block)!important}.blog-content .rehype-code-title+pre{margin-top:0!important}