:root{color-scheme:light dark;--dark-gray:#141415;--gray:#333;--light-gray:#cbcbcd;--smoke-green:#667a73;--smoke-dark-green:#335246;--dark-green:#002918;--cadmium-green:#046231;--darthmius-green:#05773a;--emerald-green:#3bbf78;--grey-white:#efefef;--white:white;--black:#020202}.nav{background-color:var(--header-color);color:var(--header-font-color);z-index:2;--transition:all .1s ease;justify-content:space-between;align-items:center;font-size:16px;display:flex}.nav li{margin:0}.nav-menu{background-color:var(--header-color);z-index:1000;flex-direction:row;justify-content:flex-start;align-items:center;height:59px;margin:0;padding:0;list-style-type:none;display:flex;overflow:hidden}.nav-menu__item{transition:var(--transition);z-index:1;align-items:center;height:100%;padding:0 1.5rem;font-weight:500;text-decoration:none;display:flex;position:relative}.nav-menu__button{transition:var(--transition);align-items:center;padding:0 1.5rem;display:flex}.nav-menu__button:hover{transform:scale(1.09)}.nav-menu__item a{color:inherit;text-decoration:none}.nav-menu__item--active a{text-underline-offset:10%;text-decoration:underline}.nav-menu__item:hover{background-color:var(--accent-color)}.nav-logo{text-align:center;transition:var(--transition);color:var(--header-font-color);font-variation-settings:"slnt" 0,"wdth" 125,"GRAD" 0,"XTRA" 400,"YOPQ" 79,"YTAS" 750,"YTDE" -203,"YTFI" 738,"YTLC" 514,"YTUC" 712;place-content:center;height:59px;padding-inline-start:1.5rem;padding-inline-end:1.5rem;font-size:18px;font-weight:700;text-decoration:none;display:grid}.nav-logo:hover{background-color:var(--accent-color);text-decoration:none}.theme-toggler{background-image:var(--theme-icon);cursor:pointer;background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:28px;border:none;border-radius:50%;width:24px;height:24px;padding:0}.dark .theme-toggler{filter:invert()}.tags-container{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.post-tag{border:2px solid var(--main-background-color);background-color:var(--main-background-color);color:var(--main-font-color);border-radius:4px;height:16px;padding:.2rem .4rem;font-size:.8rem;font-weight:600;line-height:16px;text-decoration:none;transition:all .2s}.post-tag>span{color:var(--main-font-color)}.post-tag:hover{transform:scale(1)}.date-chip{background:var(--chip-bg);color:var(--chip-cl);border-radius:4px;align-items:center;padding:.2rem .6rem;font-size:.8em;font-weight:500;display:flex}.ttr-chip{border:1px solid var(--accent-color);color:inherit;background:0 0}.unfurl{grid-gap:.3rem 1rem;background-color:var(--unfurl-bg);border:1px solid var(--accent-color);box-shadow:var(--light-box-shadow);border-radius:6px;grid-template-columns:1fr auto;align-content:start;margin-block-start:1rem;margin-block-end:1rem;padding:.8rem;display:grid}.unfurl p{margin:0}.unfurl__heading{margin-block-start:0;margin-block-end:.5rem}.unfurl__heading,.unfurl__description{opacity:.7;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-decoration:none;display:-webkit-box;overflow:hidden}.unfurl__description{font-size:.8rem}.unfurl__image{border-radius:.25rem;grid-area:span 3/2;align-self:flex-start;max-width:6rem;height:auto}.unfurl__logo{max-width:1rem;height:auto}.unfurl__meta{text-align:center;border-radius:8px;flex-direction:row;flex:0;grid-column:span 2;align-self:flex-end;align-items:center;gap:8px;padding:.4rem;font-size:.8rem;display:flex}.unfurl__meta p{line-height:2}.cards-container{flex-wrap:wrap;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem;display:grid}.card{background-color:var(--card-bg);box-shadow:var(--main-box-shadow);border-radius:8px;flex-direction:column;gap:1rem;padding:1rem 1.5rem;transition:all .15s ease-in;display:flex}.card-header{flex-direction:column;gap:4px;display:flex}.card-meta{justify-content:space-between;align-items:center;display:flex}.card__title{margin-block-start:.3rem;margin-block-end:.3rem}.card__title a{color:inherit;font-size:1.5rem;font-weight:600;text-decoration:none}.card__title:hover{text-decoration:underline}.card__description{margin:0;font-size:1rem}.card:hover{transform:matrix(1.01,0,0,1.01,0,-2)}.card__post-date{filter:brightness(-10);color:var(--card-sec-cl);border-radius:6px;padding:.2rem;font-size:.8rem;font-weight:500}@media screen and (min-device-width:200px) and (max-device-width:667px){.cards-container{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}.post{isolation:isolate;grid-template-columns:22% auto 22%;place-content:center;align-items:start;max-width:100%;margin-block-start:1rem;margin-block-end:1rem;display:grid}.post>*{min-width:0}.post li{line-height:1.6}.post-toc{text-overflow:ellipsis;margin-right:.6rem;padding-left:.8rem;transition:all .3s ease-in-out;position:-webkit-sticky;position:sticky;top:57px;overflow:hidden}.post-toc__mobile{z-index:100;background:var(--header-color);visibility:hidden;opacity:0;max-width:100%;height:auto;max-height:20rem;padding:.6rem 2rem;position:-webkit-sticky;position:sticky;top:57px;overflow-y:auto}.post-toc__mobile details summary{cursor:pointer;border:2px solid var(--accent-color);border-radius:4px;width:-webkit-max-content;width:max-content;padding:.2rem .6rem;font-size:.8rem;list-style:none}.post-toc__mobile details summary:hover{border:2px solid var(--card-bg)}.toc a{text-decoration:none}.toc a:hover{text-decoration:underline}.toc li{word-break:normal;padding:.3rem .4rem;font-size:.9rem;list-style:none;overflow:hidden}.toc ol ol{padding-inline-start:20px}.toc>ol>li{border-left-style:solid;border-left-width:2px;border-left-color:var(--accent-color)}.toc>:first-child{padding:0}.active-toc-item a{font-weight:600}.active-toc-item{background:var(--post-bg);border-top-right-radius:4px;border-bottom-right-radius:4px}.post p{line-height:1.6}.post-content{background:var(--post-bg);box-shadow:var(--light-box-shadow);border-radius:16px;padding:2.5rem}.post-content>h1{color:var(--post-title)}.post-content h2,h3,h4,h5,h6{color:var(--post-sec-title);position:relative}.screen-reader-only{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.post-content>img,picture{width:100%}.post-body{flex-direction:column;grid-column:2;place-content:center;gap:1rem;padding-bottom:2rem;display:flex}.post-body pre,.post-body .code-block-container{max-width:50vw}.post__subtitle{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:.8rem;display:flex}.chips-container{flex-wrap:wrap;justify-content:flex-end;gap:.5em;display:flex}.post__divider{width:100%}.prev-next{justify-content:space-between;gap:.8rem;font-size:1.2em;display:flex}.prev-next__item{box-shadow:var(--light-box-shadow);border:1px solid #d3d3d3;border-radius:8px;padding:1em;font-weight:600;text-decoration:none}.prev-next__item>:first-child{color:gray;opacity:.8;font-weight:500}@media screen and (min-width:200px) and (max-width:770px){.post{grid-template-rows:auto auto auto;grid-template-columns:90%}.post-body{grid-row:2;grid-column:unset}.post-toc{grid-row:1;display:none;position:relative}.post-toc__mobile{visibility:visible;opacity:1}.post-content{padding:1rem .8rem}.post-body pre,.post-body .code-block-container{max-width:80vw}}@media screen and (min-width:700px){.header-anchor{width:.9em;position:absolute;left:-.9em}}@media screen and (min-width:700px) and (hover:hover){.header-anchor__symbol{visibility:hidden}h2:hover .header-anchor__symbol,h3:hover .header-anchor__symbol,h4:hover .header-anchor__symbol,h5:hover .header-anchor__symbol,h6:hover .header-anchor__symbol,.header-anchor:focus .header-anchor__symbol{visibility:visible}}.img-center{justify-content:center;display:flex}.img-center>picture{width:100%}.img-center__70>picture{width:70%}.img-center__50>picture{width:50%}.tagged-container{flex-direction:column;gap:2rem;display:flex}.centered-layout{isolation:isolate;justify-content:center;align-items:center;margin-block-start:1rem;margin-block-end:1rem;display:flex}.centered-layout__item{flex:0 50%;gap:1rem;padding-bottom:2rem;display:grid}@media screen and (min-width:200px) and (max-width:770px){.centered-layout__item{flex:0 90%}}.title-content{isolation:isolate;justify-content:center;width:100%;margin:0;display:flex;position:relative}.title-content>*{z-index:2}.title-content:before{transition:background .3s;content:"";z-index:-5;background:var(--title-content-gradient);width:100%;height:30vh;-webkit-transition:none;position:absolute}html,body{color:var(--main-font-color);background-color:var(--main-background-color);hanging-punctuation:first last;height:100%;margin:0;padding:0;font-family:Inter,-apple-system,system-ui,sans-serif;font-size:18px;font-weight:400;overflow:auto}:root{color-scheme:light;--link-color:var(--darthmius-green);--link-visited-color:var(--smoke-dark-green);--header-color:var(--light-gray);--header-font-color:var(--dark-gray);--footer-bg:var(--light-gray);--blockquote-bg:var(--light-gray);--main-font-color:var(--black);--main-background-color:var(--white);--accent-color:var(--darthmius-green);--card-bg:var(--emerald-green);--card-sec-cl:var(--dark-green);--chip-bg:var(--smoke-green);--chip-cl:var(--white);--code-cl:var(--white);--code-bg:var(--darthmius-green);--post-title:var(--accent-color);--post-sec-title:var(--main-font-color);--unfurl-bg:var(--grey-white);--title-content-gradient:linear-gradient(var(--header-color),#6ee6a5,var(--main-background-color));--post-bg:#ececec66;--theme-icon:url(/icons/dark.svg);--main-box-shadow:#00000059 0px 5px 15px;--light-box-shadow:#00000026 0px 5px 12px}h1{font-size:2.2em}p{text-wrap:pretty;max-width:75ch;line-height:1.6}.wrapper{grid-template:"header header header""main main main"1fr"footer footer footer"/1fr auto 1fr;min-height:100svh;display:grid}.content{isolation:isolate;grid-template-columns:auto;place-content:center;margin:auto 5%;display:grid}header{z-index:100;grid-area:header;position:-webkit-sticky;position:sticky;top:0}main{grid-area:main}footer{isolation:isolate;grid-area:footer;grid-template-areas:".footer-content.";display:grid;position:relative}.footer-content{text-align:center;grid-area:footer-content;padding:.5rem 0;font-family:monospace;font-size:.7rem}a{color:var(--link-color);text-decoration:none}a:hover,a:active{text-decoration:underline}a:hover{filter:contrast(1.2)}ul>li{margin-bottom:.5rem}pre code{background-color:inherit;color:inherit}code,code>.token{font-family:JetBrains Mono,Consolas,monospace}code{background:var(--code-bg);color:var(--code-cl);border-radius:4px;padding:.05rem .2rem;font-size:.8em}img{width:100%;height:auto}h1,h2,h3,h4,h5,h6{text-wrap:balance}blockquote{background:var(--blockquote-bg);border-left:6px solid var(--accent-color);border-radius:0 6px 6px 0;font-size:.9em}blockquote>p{padding:.3em}pre[class*=language-]{counter-reset:lineNumber;border-radius:8px;padding:.5em 0;font-size:.8em}code[class*=language-]{padding:0}code .highlight-line:before{-webkit-user-select:none;color:#858585;content:counter(lineNumber);counter-increment:lineNumber;font-variant-numeric:tabular-nums;text-align:right;background:#2d2d2d;border-right:1px solid #404040;width:2em;margin-right:1em;padding-right:1em;display:inline-block;position:-webkit-sticky;position:sticky;left:0}.prism-copy-button{cursor:pointer;color:#858585;background-color:#2d2d2d;border:1px solid;border-radius:4px;padding:.2em .3em;font-size:.8em;transition:all .2s;position:absolute;top:8px;right:8px}.prism-copy-button:hover{color:var(--white)}.prism-copy-button:active{color:var(--main-background-color);background-color:var(--main-font-color)}.code-block-container{position:relative}@media (hover:hover){.code-block-container:hover>pre>.prism-copy-button{visibility:visible;opacity:1}.prism-copy-button{visibility:hidden;opacity:0}}