pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}
/*!
  Theme: GitHub Dark
  Description: Dark theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-dark
  Current colors taken from GitHub's CSS
*/.hljs{background:#0d1117;color:#c9d1d9}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#79c0ff}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-code,.hljs-comment,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{background-color:#033a16;color:#aff5b4}.hljs-deletion{background-color:#67060c;color:#ffdcd7}
.blog-hero{padding-bottom:clamp(32px,5vw,56px);padding-top:calc(68px + clamp(44px, 9vw, 96px))}.blog-hero h1{font-size:clamp(38px,6vw,68px);letter-spacing:-2px}.blog-grid{margin-top:8px}.card--post{background:color-mix(in srgb,var(--color-ivory) 6%,var(--color-void));border:1px solid hsla(45,29%,92%,.1);box-shadow:inset 0 1px 0 hsla(45,29%,92%,.06);overflow:hidden;padding:0;transition:border-color .25s,transform .25s,box-shadow .25s}.card--post:hover{border-color:color-mix(in srgb,var(--color-circuit) 45%,transparent);box-shadow:inset 0 1px 0 hsla(45,29%,92%,.1),0 16px 44px rgba(0,0,0,.3);transform:translateY(-3px)}.card--post__link{color:inherit;display:flex;flex-direction:column;height:100%;padding:0 0 28px;text-decoration:none}.post__thumb{aspect-ratio:16/9;background:hsla(45,29%,92%,.05);margin-bottom:22px;overflow:hidden}.post__thumb img{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s cubic-bezier(.16,1,.3,1);width:100%}.card--post:hover .post__thumb img{transform:scale(1.04)}.post__meta{align-items:center;color:var(--color-muted);display:flex;flex-wrap:wrap;font-size:13px;font-weight:300;gap:8px;letter-spacing:.04em;margin-bottom:12px;padding:0 28px}.card--post:not(:has(.post__thumb)) .post__meta{padding-top:28px}.post__title{font-size:22px;letter-spacing:-.6px;line-height:1.2;margin-bottom:12px;padding:0 28px}.post__excerpt{color:var(--color-soft);flex:1;font-size:15.5px;font-weight:300;line-height:1.6;padding:0 28px}.post__more{align-items:center;color:var(--color-circuit);display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:16px 28px 0;transition:gap .2s}.card--post:hover .post__more{gap:10px}.blog-empty{color:var(--color-soft);font-size:19px;font-weight:300;padding:clamp(40px,8vw,90px) 0;text-align:center}.blog-pager{align-items:center;display:flex;gap:20px;justify-content:center;margin-top:clamp(40px,6vw,64px)}.blog-pager__btn{border:1px solid hsla(45,29%,92%,.18);border-radius:50%;color:var(--color-ivory);display:grid;font-size:18px;height:46px;place-items:center;text-decoration:none;transition:border-color .2s,color .2s;width:46px}.blog-pager__btn:hover{border-color:var(--color-circuit);color:var(--color-circuit)}.blog-pager__btn.is-disabled{opacity:.3;pointer-events:none}.blog-pager__status{color:var(--color-muted);font-size:14px;font-weight:300;letter-spacing:.1em}.post{padding-top:calc(68px + clamp(40px, 7vw, 80px))}.post__back{align-items:center;color:var(--color-soft);display:inline-flex;font-size:14px;gap:8px;margin-bottom:36px;text-decoration:none;transition:gap .2s,color .2s}.post__back:hover{color:var(--color-circuit);gap:12px}.post__header{margin-bottom:36px}.post__header .post__meta{margin-bottom:18px;padding:0}.post__header h1{font-size:clamp(34px,5.2vw,56px);letter-spacing:-1.6px;line-height:1.08}.post__lead{color:var(--color-soft);font-size:clamp(18px,2.2vw,22px);font-weight:300;line-height:1.55;margin-top:22px}.post__cover{aspect-ratio:16/9;background:hsla(45,29%,92%,.05);border-radius:16px;margin:0 0 40px;overflow:hidden}.post__cover img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.prose{color:var(--color-soft);font-size:18px;line-height:1.75}.prose>*+*{margin-top:1.3em}.prose h2{font-size:clamp(26px,3.4vw,34px);letter-spacing:-1px;line-height:1.2;margin-top:1.8em}.prose h2,.prose h3{color:var(--color-ivory)}.prose h3{font-size:clamp(21px,2.6vw,26px);letter-spacing:-.6px;margin-top:1.6em}.prose h4{color:var(--color-ivory);font-size:19px;margin-top:1.4em}.prose p{margin:0}.prose strong{color:var(--color-ivory);font-weight:500}.prose a{border-bottom:1px solid color-mix(in srgb,var(--color-circuit) 35%,transparent);color:var(--color-circuit);text-decoration:none;transition:border-color .2s}.prose a:hover{border-color:var(--color-circuit)}.prose ol,.prose ul{padding-left:1.4em}.prose ul{list-style:none}.prose ul>li{padding-left:20px;position:relative}.prose ul>li:before{background:var(--color-circuit);content:"";height:1px;left:0;position:absolute;top:.72em;width:8px}.prose ol{list-style:decimal}.prose li+li{margin-top:.5em}.prose li::marker{color:var(--color-muted)}.prose blockquote{border-left:2px solid var(--color-circuit);color:var(--color-ivory);font-style:italic;padding:4px 0 4px 22px}.prose img{border-radius:12px;width:100%}.prose hr{background:var(--color-line);border:0;height:1px;margin:2.4em 0}.prose table{border-collapse:collapse;font-size:15.5px;width:100%}.prose td,.prose th{border-bottom:1px solid var(--color-line);padding:10px 14px;text-align:left}.prose th{color:var(--color-ivory);font-weight:500}.prose :not(pre)>code{background:hsla(45,29%,92%,.08);border-radius:5px;color:var(--color-ivory);font-family:var(--font-mono);font-size:.88em;padding:.15em .4em}.prose pre{background:#0d1117;border:1px solid hsla(45,29%,92%,.08);border-radius:12px;font-size:14.5px;line-height:1.6;overflow-x:auto;padding:20px 22px}.prose pre code{background:none;color:#c9d1d9;font-family:var(--font-mono);padding:0}.post__share{align-items:center;border-top:1px solid var(--color-line);display:flex;flex-wrap:wrap;gap:12px;margin-top:56px;padding-top:28px}.post__share-label{color:var(--color-muted);font-size:13px;font-weight:300;letter-spacing:.2em;margin-right:4px;text-transform:uppercase}.share-btn{background:none;border:1px solid hsla(45,29%,92%,.18);border-radius:50%;color:var(--color-soft);cursor:pointer;display:grid;height:44px;place-items:center;text-decoration:none;transition:border-color .2s,color .2s,transform .2s;width:44px}.share-btn:hover{border-color:var(--color-circuit);color:var(--color-circuit);transform:translateY(-2px)}.share-copied{color:var(--color-circuit);font-size:13px;letter-spacing:.04em}.reactions{align-items:center;border-top:1px solid var(--color-line);display:flex;flex-wrap:wrap;gap:16px 28px;margin-top:48px;padding-top:28px}.react-like{align-items:center;background:none;border:1px solid hsla(45,29%,92%,.18);border-radius:999px;color:var(--color-soft);cursor:pointer;display:inline-flex;font:500 14px var(--font);gap:10px;padding:10px 18px;transition:border-color .2s,color .2s,background .2s,transform .15s}.react-like svg{height:18px;width:18px}.react-like__count{color:var(--color-muted);font-weight:400}.react-like.is-active,.react-like:hover{border-color:var(--color-circuit);color:var(--color-circuit)}.react-like.is-active{background:color-mix(in srgb,var(--color-circuit) 12%,transparent)}.react-like.is-active .react-like__count{color:var(--color-circuit)}.react-like:active{transform:scale(.96)}.react-stars{align-items:center;display:inline-flex;gap:10px}.react-stars__label{color:var(--color-muted);font-size:13px;font-weight:300;letter-spacing:.1em;text-transform:uppercase}.react-stars__set{display:inline-flex;gap:2px}.react-star{background:none;border:0;color:hsla(45,29%,92%,.22);cursor:pointer;padding:2px;transition:color .15s,transform .15s}.react-star svg{display:block;height:22px;width:22px}.react-star:hover{transform:scale(1.12)}.react-star.is-filled{color:var(--color-circuit)}.react-stars__avg{color:var(--color-soft);font-size:14px;font-weight:300}[data-theme=light] .react-like{border-color:rgba(26,26,26,.16)}[data-theme=light] .react-star{color:rgba(26,26,26,.2)}@media (max-width:480px){.react-stars{width:100%}}.comments{border-top:1px solid var(--color-line);margin-top:64px;padding-top:40px}.comments__title{align-items:center;color:var(--color-ivory);display:flex;font-size:24px;gap:12px;letter-spacing:-.6px;margin-bottom:28px}.comments__count{background:color-mix(in srgb,var(--color-circuit) 14%,transparent);border-radius:999px;color:var(--color-circuit);font-size:14px;font-weight:400;letter-spacing:0;padding:2px 12px}.comments__flash{background:color-mix(in srgb,var(--color-circuit) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-circuit) 30%,transparent);border-radius:10px;color:var(--color-ivory);font-size:15px;margin-bottom:24px;padding:12px 16px}.comments__empty{color:var(--color-muted);font-weight:300;margin-bottom:28px}.comments__list{display:grid;gap:4px;margin-bottom:44px}.comment{border-bottom:1px solid var(--color-line);padding:20px 0}.comment__head{align-items:baseline;display:flex;gap:12px;margin-bottom:8px}.comment__author{color:var(--color-ivory);font-weight:500}.comment__date{color:var(--color-muted);font-size:13px}.comment__body{color:var(--color-soft);line-height:1.6;margin:0;white-space:pre-line}.comment-form{background:color-mix(in srgb,var(--color-ivory) 3%,transparent);border:1px solid var(--color-line);border-radius:16px;display:grid;gap:16px;padding:28px}.comment-form__title{color:var(--color-ivory);font-size:18px;letter-spacing:-.4px;margin:0}.comment-form__row{display:grid;gap:16px;grid-template-columns:1fr 1fr}.comment-form label{color:var(--color-soft);display:grid;font-size:12px;font-weight:300;gap:8px;letter-spacing:.12em;text-transform:uppercase}.comment-form input,.comment-form textarea{background:hsla(45,29%,92%,.04);border:1px solid hsla(45,29%,92%,.16);border-radius:10px;color:var(--color-ivory);font:400 16px var(--font);letter-spacing:0;padding:12px 14px;text-transform:none;transition:border-color .2s;width:100%}.comment-form textarea{min-height:110px;resize:vertical}.comment-form input:focus,.comment-form textarea:focus{border-color:var(--color-circuit);outline:none}.comment-form__foot{align-items:center;display:flex;flex-wrap:wrap;gap:14px}.comment-form__note{color:var(--color-muted);font-size:13px;font-weight:300}[data-theme=light] .comment-form{background:rgba(26,26,26,.03)}[data-theme=light] .comment-form input,[data-theme=light] .comment-form textarea{background:rgba(26,26,26,.04);border-color:rgba(26,26,26,.16);color:#1a1a1a}[data-theme=light] .comment__author,[data-theme=light] .comments__title{color:#1a1a1a}@media (max-width:640px){.comment-form__row{grid-template-columns:1fr}.comment-form{padding:20px}}[data-theme=light] .card--post{background:#fff;border-color:rgba(26,26,26,.1);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.6)}[data-theme=light] .card--post:hover{box-shadow:inset 0 1px 0 hsla(0,0%,100%,.6),0 16px 44px rgba(26,26,26,.1)}[data-theme=light] .post__title{color:#1a1a1a}[data-theme=light] .blog-pager__btn{border-color:rgba(26,26,26,.16);color:#1a1a1a}[data-theme=light] .prose :not(pre)>code{background:rgba(26,26,26,.06);color:#1a1a1a}[data-theme=light] .share-btn{border-color:rgba(26,26,26,.16)}@media (max-width:640px){.prose{font-size:17px}.post__share{gap:10px}}

/*# sourceMappingURL=blog.css.map*/