.code-block code,.code-block pre{font-family:var(--mono-font);text-align:left;white-space:pre;word-spacing:normal;word-break:normal;tab-size:2;-webkit-hyphens:none;hyphens:none;direction:ltr;line-height:1.5}.code-block ::selection{color:#fff;background-color:var(--tint-color)}.code-block .token.cdata,.code-block .token.comment,.code-block .token.prolog{color:#9fa0a6}.code-block .token.doctype,.code-block .token.entity,.code-block .token.punctuation{color:var(--secondary-color)}.code-block .token.atrule,.code-block .token.attr-name,.code-block .token.boolean,.code-block .token.class-name,.code-block .token.constant,.code-block .token.number{color:var(--yellow)}.code-block .token.keyword{color:#a625a4}.code-block .token.deleted,.code-block .token.important,.code-block .token.property,.code-block .token.symbol,.code-block .token.tag{color:var(--red)}.code-block .token.attr-value,.code-block .token.attr-value>.token.punctuation,.code-block .token.builtin,.code-block .token.char,.code-block .token.inserted,.code-block .token.regex,.code-block .token.selector,.code-block .token.string{color:var(--green)}.code-block .token.function,.code-block .token.operator,.code-block .token.variable{color:#4078f1}.code-block .token.url{color:#0083bb}.code-block .token.attr-value>.token.punctuation.attr-equals,.code-block .token.special-attr>.token.attr-value>.token.value.css{color:var(--secondary-color)}.code-block .language-css .token.selector{color:var(--red)}.code-block .language-css .token.property{color:var(--gray)}.code-block .language-css .token.function,.code-block .language-css .token.url>.token.function{color:var(--blue)}.code-block .language-css .token.url>.token.string.url{color:var(--green)}.code-block .language-css .token.atrule .token.rule,.code-block .language-css .token.important,.code-block .language-javascript .token.operator{color:var(--purple)}.code-block .language-javascript .token.template-string>.token.interpolation>.token.interpolation-punctuation.punctuation{color:#c91142}.code-block .language-json .token.operator{color:#383942}.code-block .language-json .token.null.keyword{color:#b66a00}.code-block .language-markdown .token.url,.code-block .language-markdown .token.url-reference.url>.token.string,.code-block .language-markdown .token.url>.token.operator{color:#383942}.code-block .language-markdown .token.url>.token.content{color:#4078f1}.code-block .language-markdown .token.url-reference.url,.code-block .language-markdown .token.url>.token.url{color:#0083bb}.code-block .language-markdown .token.blockquote.punctuation,.code-block .language-markdown .token.hr.punctuation{color:#9fa0a6;font-style:italic}.code-block .language-markdown .token.code-snippet{color:var(--green)}.code-block .language-markdown .token.bold .token.content{color:#b66a00}.code-block .language-markdown .token.italic .token.content{color:#a625a4}.code-block .language-markdown .token.list.punctuation,.code-block .language-markdown .token.strike .token.content,.code-block .language-markdown .token.strike .token.punctuation,.code-block .language-markdown .token.title.important>.token.punctuation{color:var(--red)}.code-block .token.bold{font-weight:700}.code-block .token.comment,.code-block .token.italic{font-style:italic}.code-block .token.entity{cursor:help}.code-block .token.namespace{opacity:.8}.code-block .token.token.cr:before,.code-block .token.token.lf:before,.code-block .token.token.space:before,.code-block .token.token.tab:not(:empty):before{color:#383a4233}.code-block .rainbow-braces .token.token.punctuation.brace-level-1,.code-block .rainbow-braces .token.token.punctuation.brace-level-5,.code-block .rainbow-braces .token.token.punctuation.brace-level-9{color:var(--red)}.code-block .rainbow-braces .token.token.punctuation.brace-level-10,.code-block .rainbow-braces .token.token.punctuation.brace-level-2,.code-block .rainbow-braces .token.token.punctuation.brace-level-6{color:var(--green)}.code-block .rainbow-braces .token.token.punctuation.brace-level-11,.code-block .rainbow-braces .token.token.punctuation.brace-level-3,.code-block .rainbow-braces .token.token.punctuation.brace-level-7{color:#4078f1}.code-block .rainbow-braces .token.token.punctuation.brace-level-12,.code-block .rainbow-braces .token.token.punctuation.brace-level-4,.code-block .rainbow-braces .token.token.punctuation.brace-level-8{color:#a625a4}@font-face{font-family:sohne;font-weight:400;src:url(/font/sohne400.woff2)format("woff2");font-display:swap}@font-face{font-family:sohne;font-weight:500;src:url(/font/sohne500.woff2)format("woff2");font-display:swap}.post-wrapper h1{margin:0;font-size:1.75rem;font-weight:500}.post-wrapper .date{color:var(--secondary-color);margin:.5rem 0 3rem}.post-wrapper .article p,.post-wrapper .article li{font-family:var(--serif-font);font-size:1.25rem}.post-wrapper .article h2{margin:0 0 1rem;padding-top:3rem;font-size:1.25rem;font-weight:500}.post-wrapper .article img{max-width:100%;margin:2rem auto}.post-wrapper .article img+figcaption{margin-top:-1.5rem;margin-bottom:2rem}.post-wrapper .article figcaption{text-align:center;color:var(--secondary-color)}.post-wrapper .article blockquote{border-left:4px solid var(--tint-color);margin:2rem 0;padding-left:1.5rem;font-style:italic}.post-wrapper .article ul{list-style:none}.post-wrapper .article ul li:before{content:"•";color:var(--tint-color);width:1.5rem;margin-left:-1.5rem;display:inline-block}.post-wrapper .article hr{border-color:var(--divider-color);margin:4rem 0}.post-wrapper .article .note{color:var(--secondary-color);margin-top:1rem}.post-wrapper .article .bottom{color:var(--secondary-color)}@media (max-width:680px){.post-wrapper h1{font-size:1.5rem}.post-wrapper .date{margin-bottom:2rem}.post-wrapper .article img{margin:1.75rem auto}.post-wrapper .article img+figcaption{margin-bottom:1.75rem}.post-wrapper .article figcaption{font-size:.875rem}}@media (max-width:450px){.post-wrapper h1{margin-top:2rem}.post-wrapper .date{margin-bottom:1.5rem}.post-wrapper .article p{font-size:1.1875rem}}body{--sans-serif-font:sohne,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--serif-font:freight-text-pro,serif;--mono-font:Menlo,input-mono,monospace;--max-width:640px;--header-height:calc(1rem*1.6 + 1.5rem + 1px);--header-z-index:100;--border-radius:.5rem;--transition:all .3s cubic-bezier(.4,0,.2,1);--bg-color:#fff;--translucent-bg-color:#fffa;--color:#09021d;--secondary-bg-color:#09021d0a;--secondary-color:#09021d55;--divider-color:#09021d11;--anchor-underline-color:#09021d22;--transparent-color:#09021d00;--tint-color:#ad24cf;--blue:#007aff;--green:#1db844;--purple:#ad24cf;--red:#ce2738;--yellow:#d99c00;--gray:#80888b;--anchor-gradient:linear-gradient(90deg,#8a18a8 0%,#ce2756 24.9%,#cf2a55 25%,#e7a90d 50%,var(--color)50%,var(--color)100%);--secondary-anchor-gradient:linear-gradient(90deg,#8a18a8 0%,#ce2756 24.9%,#cf2a55 25%,#e7a90d 50%,var(--secondary-color)50%,var(--secondary-color)100%)}@media (prefers-color-scheme:dark){body{--bg-color:#222324;--translucent-bg-color:#222324aa;--color:white;--secondary-bg-color:#ffffff0a;--secondary-color:#fff6;--divider-color:#fff1;--anchor-underline-color:#fff2;--transparent-color:#fff0;--tint-color:#ffc32c;--anchor-gradient:linear-gradient(90deg,#f04aff 0%,#ff3870 24.9%,#ff3842 25%,#ffc32c 50%,var(--color)50%,var(--color)100%);--secondary-anchor-gradient:linear-gradient(90deg,#f04aff 0%,#ff3870 24.9%,#ff3842 25%,#ffc32c 50%,var(--secondary-color)50%,var(--secondary-color)100%);--blue:#51a5ff;--green:#37e462;--purple:#e167ff;--red:#ff4254;--yellow:#ffc32c;--gray:#9fadb4}}body{background:var(--bg-color);color:var(--color);font-family:var(--sans-serif-font);--top-padding:8rem;--bottom-padding:2rem;--side-padding:1rem;margin:0;line-height:1.6}@media (max-width:680px){body{--top-padding:4rem}}@media (max-width:450px){body{--top-padding:1rem;--bottom-padding:1rem}}main{max-width:var(--max-width);padding:var(--top-padding)var(--side-padding)var(--bottom-padding);margin:0 auto}a{transition:var(--transition);color:inherit;text-decoration:none}@media (max-width:680px){a{transition:none}}a:not(.custom){border-bottom:1px solid var(--anchor-underline-color);background:var(--anchor-gradient);-webkit-box-decoration-break:clone;box-decoration-break:clone;-webkit-text-fill-color:#0000;background-position:100%;background-size:200% 100%;-webkit-background-clip:text;background-clip:text}a:not(.custom).secondary{background:var(--secondary-anchor-gradient);-webkit-box-decoration-break:clone;box-decoration-break:clone;-webkit-text-fill-color:#0000;background-position:100%;background-size:200% 100%;-webkit-background-clip:text;background-clip:text}a:not(.custom):hover{background-position:0}.flex-center{align-items:center;display:flex}.spread{justify-content:space-between}.overflow-auto{-webkit-overflow-scrolling:touch;overflow:auto}h1,h2,h3,h4,h5,h6{line-height:1.4}code,pre{font-family:var(--mono-font);font-size:80%}pre{font-size:90%}
