.bg{background-color:#f8f8f8}.chroma{background-color:#f8f8f8}.chroma .x{color:#000}.chroma .err{color:#a40000}.chroma .cl{}.chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}.chroma .lntable{border-spacing:0;padding:0;margin:0;border:0}.chroma .hl{background-color:#ffc}.chroma .lnt{white-space:pre;user-select:none;margin-right:.4em;padding:0 .4em;color:#7f7f7f}.chroma .ln{white-space:pre;user-select:none;margin-right:.4em;padding:0 .4em;color:#7f7f7f}.chroma .line{display:flex}.chroma .k{color:#204a87;font-weight:700}.chroma .kc{color:#204a87;font-weight:700}.chroma .kd{color:#204a87;font-weight:700}.chroma .kn{color:#204a87;font-weight:700}.chroma .kp{color:#204a87;font-weight:700}.chroma .kr{color:#204a87;font-weight:700}.chroma .kt{color:#204a87;font-weight:700}.chroma .n{color:#000}.chroma .na{color:#c4a000}.chroma .nb{color:#204a87}.chroma .bp{color:#3465a4}.chroma .nc{color:#000}.chroma .no{color:#000}.chroma .nd{color:#5c35cc;font-weight:700}.chroma .ni{color:#ce5c00}.chroma .ne{color:#c00;font-weight:700}.chroma .nf{color:#000}.chroma .fm{color:#000}.chroma .nl{color:#f57900}.chroma .nn{color:#000}.chroma .nx{color:#000}.chroma .py{color:#000}.chroma .nt{color:#204a87;font-weight:700}.chroma .nv{color:#000}.chroma .vc{color:#000}.chroma .vg{color:#000}.chroma .vi{color:#000}.chroma .vm{color:#000}.chroma .l{color:#000}.chroma .ld{color:#000}.chroma .s{color:#4e9a06}.chroma .sa{color:#4e9a06}.chroma .sb{color:#4e9a06}.chroma .sc{color:#4e9a06}.chroma .dl{color:#4e9a06}.chroma .sd{color:#8f5902;font-style:italic}.chroma .s2{color:#4e9a06}.chroma .se{color:#4e9a06}.chroma .sh{color:#4e9a06}.chroma .si{color:#4e9a06}.chroma .sx{color:#4e9a06}.chroma .sr{color:#4e9a06}.chroma .s1{color:#4e9a06}.chroma .ss{color:#4e9a06}.chroma .m{color:#0000cf;font-weight:700}.chroma .mb{color:#0000cf;font-weight:700}.chroma .mf{color:#0000cf;font-weight:700}.chroma .mh{color:#0000cf;font-weight:700}.chroma .mi{color:#0000cf;font-weight:700}.chroma .il{color:#0000cf;font-weight:700}.chroma .mo{color:#0000cf;font-weight:700}.chroma .o{color:#ce5c00;font-weight:700}.chroma .ow{color:#204a87;font-weight:700}.chroma .p{color:#000;font-weight:700}.chroma .c{color:#8f5902;font-style:italic}.chroma .ch{color:#8f5902;font-style:italic}.chroma .cm{color:#8f5902;font-style:italic}.chroma .c1{color:#8f5902;font-style:italic}.chroma .cs{color:#8f5902;font-style:italic}.chroma .cp{color:#8f5902;font-style:italic}.chroma .cpf{color:#8f5902;font-style:italic}.chroma .g{color:#000}.chroma .gd{color:#a40000}.chroma .ge{color:#000;font-style:italic}.chroma .gr{color:#ef2929}.chroma .gh{color:navy;font-weight:700}.chroma .gi{color:#00a000}.chroma .go{color:#000;font-style:italic}.chroma .gp{color:#8f5902}.chroma .gs{color:#000;font-weight:700}.chroma .gu{color:purple;font-weight:700}.chroma .gt{color:#a40000;font-weight:700}.chroma .gl{color:#000;text-decoration:underline}.chroma .w{color:#f8f8f8;text-decoration:underline}:root{--gap:4rem;--gap-ln-num:2rem;--y-gap:4rem;--wide:140rem;--narrow:60rem;--side:calc((var(--wide) - var(--narrow)) / 2);--header:8rem;--footer:calc(8rem + var(--safe-bottom));--light:255, 255, 255;--dark:22, 22, 22;--gray:142, 142, 145;--hljs-bg:#f0f0f0;--border-color:rgba(var(--dark), 1);--border-size:2px;--safe-bottom:0}@supports(bottom:constant(safe-area-inset-bottom)){:root{--safe-bottom:constant(safe-area-inset-bottom)}}@supports(bottom:env(safe-area-inset-bottom)){:root{--safe-bottom:env(safe-area-inset-bottom)}}*,*::before,*::after{box-sizing:border-box}html,body{height:100%}html{-webkit-tap-highlight-color:transparent;font-size:8px}body{--white:rgba(var(--light), 1);--black:rgba(var(--dark), 1);--pro:rgba(var(--dark), 1);--lit:rgba(var(--dark), 0.64);--air:rgba(var(--dark), 0.48);--fog:rgba(var(--dark), 0.12);display:flex;flex-direction:column;padding-right:var(--gap);padding-left:var(--gap);margin:0;font-family:AtkinsonHyperlegible;font-size:2rem;line-height:1.8;color:var(--pro);word-break:break-word;background:var(--white)}body>*{flex-shrink:0;width:100%;margin-inline:auto}.not-ready,.not-ready *{transition:none!important}@media(max-width:1199px){html{font-size:7px}}h1,h2,h3,h4,h5,h6{margin:0;font-size:inherit;font-weight:700;line-height:1.2}p{margin:0}strong,b{font-weight:500}ul,ol{padding:0;margin:0}a{color:inherit;text-decoration:none}table{width:100%;border-spacing:0;border-collapse:collapse}button,input{accent-color:rgba(var(--dark));color:inherit}select{border:0;outline:0}fieldset{outline:0;border:var(--border-size)solid var(--border-color)}img{display:block;max-width:100%}figure{padding:10px;margin:2rem}.inner-figure{border:var(--border-size)solid var(--border-color);margin-bottom:10px}.inner-figure img{display:block;padding:10px}figure figcaption{margin-left:1rem;margin-right:1rem;text-align:left}fieldset legend{border:var(--border-size)solid var(--border-color);padding-left:1em;padding-right:1em}.header{display:flex;max-width:var(--wide);height:var(--header)}.header a{display:flex;flex-shrink:0;align-items:center}.site-name{max-width:calc(100% - 2rem - 3rem);padding-bottom:.3rem;overflow:auto;font-size:3.4rem;font-weight:700;white-space:nowrap}.menu{display:flex;overflow:auto}.menu a+a{margin-left:var(--gap)}.menu a.active{opacity:.44}@media(max-width:1199px){.logo{min-width:auto}[data-menu=true]{--header:16rem}[data-menu=true] .header{position:relative}[data-menu=true] .header>*{height:calc(var(--header)/2)}[data-menu=true] .menu{position:absolute;inset:auto 0 0;border-bottom:1px solid var(--fog)}}.main{max-width:var(--narrow);min-height:calc(100% - var(--header) - var(--footer));padding-top:var(--y-gap);padding-bottom:var(--y-gap)}body>header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;background:rgba(255,255,255,2%);box-shadow:0 0 .6em rgba(28,29,34,5%);border-bottom:1px solid rgba(142,142,145,.16)}.main-title{margin-bottom:calc(var(--y-gap) + 1rem);font-size:min(1.96em,4vw);color:var(--lit);transition:.2s color;vertical-align:middle;margin-bottom:.15em;padding-bottom:3em}.main-nav{display:flex;margin-top:5rem}.main-nav a{font-size:1.8rem;line-height:5.5rem;color:var(--white);background:var(--black);border-radius:.5rem;padding-inline:3rem}.main-nav .next{margin-left:auto}.post-entry{position:relative;padding-block:2rem;transition:transform .1s}.post-entry:first-of-type{margin-top:-2rem}.post-entry:active{transform:scale(.99)}.post-entry h2{margin-bottom:.2rem;font-size:3rem}.post-entry time{flex-shrink:0;font-size:2rem;color:var(--lit)}.post-entry a{position:absolute;inset:0}.post-title{margin-bottom:calc(var(--y-gap) + 1rem)}.post-title p{display:flex;margin-bottom:1.5rem;font-size:2rem;color:var(--lit);transform:translateY(.4rem)}.post-title p span::before{content:'·';margin-inline:.8rem}.post-title h1{font-size:4rem;transform:translateX(-.3rem)}.post-tags{margin-top:7rem}.post-tags a{display:inline-block;font-weight:500;line-height:5rem;color:var(--lit);background:rgba(var(--dark),.05);padding-inline:2rem}.post-tags a+a{margin-left:.5rem}.post-nav{display:flex;justify-content:space-between;margin-top:var(--y-gap);background:rgba(var(--dark),.05);border-radius:.5rem}.post-nav a{display:flex;align-items:center;width:50%;padding:var(--gap);font-size:2.4rem;font-weight:700;line-height:1.2}.post-nav a span+span{margin-left:1rem}.post-nav .prev{padding-right:1rem}.post-nav .next{justify-content:flex-end;padding-left:1rem;margin-left:auto}.post-comments{margin-top:var(--y-gap)}@media(max-width:1199px){.post-title{display:block}.post-title aside{flex-direction:row;width:auto;padding-right:0;margin-bottom:.5rem;margin-left:0;transform:none}.post-title aside span::before{content:'·';margin-inline:.5rem}}.post-content{font-size:2.2rem}.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6{margin-block:2rem}.post-content h1{margin-top:var(--y-gap);font-size:4.5rem}.post-content h2{margin-top:6rem;font-size:3.5rem}.post-content h3{font-size:2.5rem}.post-content h4{font-size:2.2rem}.post-content h5{font-size:1.8rem}.post-content h6{font-size:1.5rem}.post-content img{margin-inline:auto}.post-content a{padding-bottom:.2rem;font-weight:500;border-bottom:2px solid var(--pro)}.post-content a code{margin-inline:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.post-content del{text-decoration:line-through;text-decoration-color:rgba(0,0,0,.4);text-decoration-thickness:1.5px;color:rgba(0,0,0,.5)}.post-content p,.post-content ul,.post-content ol,.post-content dl,.post-content details{margin-bottom:3rem}.post-content ul,.post-content ol{padding-left:2.5rem}.post-content li{margin-top:.6rem}.post-content li p{margin-bottom:0}.post-content dl{display:flex;flex-wrap:wrap;margin:0}.post-content dt{width:25%;font-weight:500}.post-content dd{width:75%;padding-left:1.3rem;margin-left:0}.post-content dt~dt,.post-content dd~dd{margin-top:1.3rem}.post-content table{margin-bottom:4rem}.post-content table th,.post-content table:not(.highlight) td{padding:1.5rem 1rem;line-height:1.5;border-bottom:1px solid var(--fog)}.post-content table th{font-size:2.2rem;text-align:left}.post-content table:not(.highlight) td code:only-of-type{margin-inline:0}.post-content .highlight,.post-content pre{margin-bottom:4rem;overflow-x:auto;border-radius:0;background:var(--light)!important;background-color:var(--light)!important}.post-content ul pre{margin-left:calc(var(--gap) * -2)}.lntd{margin:0!important;padding:0!important}.chroma{margin:0!important;padding:0!important;border-radius:0;background:var(--light)!important}.post-content .highlight{margin-inline:0;margin-bottom:2rem!important;border:var(--border-size)solid var(--border-color);table-layout:fixed;display:flex}.post-content .highlight td:first-of-type{width:5rem}.post-content .highlight .lntd{padding-right:0!important;padding-left:0!important}.hl{background:var(--hljs-bg)!important}.post-content .highlight td .highlight pre code::-webkit-scrollbar{display:none}td .lntd{padding:0!important;margin:0!important}.post-content code{margin-inline:0;font-size:.8em;line-height:1.5;border-radius:0;margin:0;padding:0}.post-content pre code{display:block;padding:var(--gap-ln-num);border-radius:0}.post-content blockquote{padding:0 0 0 calc(var(--gap) - 2rem);margin:0 0 0 calc(var(--gap) * -1 + 2rem);border-left:var(--border-size)solid var(--pro)}.post-content blockquote blockquote{padding:0 0 0 calc(var(--gap) - 2rem);margin:0 0 0 calc(var(--gap) * -1 + 4rem);border-left:var(--border-size)solid var(--pro)}.exercise{margin-bottom:1rem}.example{margin-bottom:1rem}.post-content hr{height:1px;background:var(--fog);border:0;margin-block:6rem}.post-content iframe{width:100%;background:var(--black)}.footer{display:flex;align-items:center;justify-content:center;max-width:var(--narrow);height:var(--footer);padding-bottom:var(--safe-bottom);margin-top:auto;font-size:1.6rem;color:var(--lit);border-top:1px solid var(--fog)}.footer p+p::before{content:'·';margin-inline:.6rem}.footer a:hover{color:var(--pro);border-bottom:1px solid var(--pro)}.title-404{display:flex;align-items:center;justify-content:center;height:100%;padding-bottom:8rem;font-size:16rem}.short-title{display:none}@media(max-width:800px){.short-title{display:inline-block}.full-title{display:none}}@media(max-width:800px){.only-on-large{display:none}}.slider{-webkit-appearance:none;border-radius:5px;outline:none;-webkit-transition:.2s}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:25px;height:25px;border-radius:50%;cursor:pointer}.slider::-moz-range-thumb{width:25px;height:25px;border-radius:50%;cursor:pointer}.short-title{display:none}@media(max-width:1200px){.short-title{display:inline-block}.full-title{display:none}}.main{max-width:max(50%,90rem)}.main-title{font-family:title;font-size:48px;color:#030303;margin-bottom:.5em;padding-bottom:0}.short-title{font-family:title;font-size:48px;transition:.2s color;color:#030303;margin-bottom:.5em;padding-bottom:0}@font-face{font-family:title;src:url(/fonts/Title.otf);font-display:block;font-weight:400;font-style:normal}@font-face{font-family:atkinsonhyperlegible;src:url(/fonts/AtkinsonHyperPro-Regular.ttf);font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:atkinsonhyperlegible;src:url(/fonts/AtkinsonHyperPro-Italic.ttf);font-display:swap;font-weight:400;font-style:italic}@font-face{font-family:atkinsonhyperlegible;src:url(/fonts/AtkinsonHyperPro-Bold.ttf);font-display:swap;font-weight:700;font-weight:500 700;font-style:normal}@font-face{font-family:atkinsonhyperlegible;src:url(/fonts/AtkinsonHyperPro-BoldItalic.ttf);font-display:swap;font-weight:700;font-style:italic}@font-face{font-family:atkinsonhyperlegiblemono;src:url(/fonts/AtkinsonHyperlegibleMono-Regular.ttf);font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:atkinsonhyperlegiblemono;src:url(/fonts/AtkinsonHyperlegibleMono-Bold.ttf);font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:atkinsonhyperlegiblemono;src:url(/fonts/AtkinsonHyperlegibleMono-Italic.ttf);font-display:swap;font-weight:400;font-style:italic}code,pre,kbd,.chroma{font-family:atkinsonhyperlegiblemono,monospace;font-size:.9em}.post-content code{background:rgba(var(--dark),.06);padding:.15em .35em}.post-content pre code{background:0 0;padding:var(--gap-ln-num);font-size:inherit}.post-content .highlight .lntd:last-child pre code{padding-left:.5rem}.post-content .highlight{border:1px solid rgba(var(--dark),.15)}.post-content .highlight td:first-of-type{width:3rem}.post-content .highlight,.post-content pre,.chroma{background:#f9f9f8!important}.post-content pre code{line-height:1.55}.chroma .nf,.chroma .fm{color:#6639ba}.chroma .nc{color:#287088}.chroma .no{color:#b85820}.chroma .nn{color:#204a87}.chroma .nv,.chroma .vc,.chroma .vg,.chroma .vi,.chroma .vm{color:#953800}.chroma .l,.chroma .ld{color:#0000cf;font-weight:700}