.article-wrapper{position:relative}.background-image-container{position:absolute;z-index:-1;inset-inline:0;inset-block-start:0}.background-image{background-image:url(/images/whatever.jpg);block-size:95dvh;background-position:center;background-repeat:no-repeat;background-size:cover}.background-image-overlay{position:absolute;inset-inline:0;inset-block-start:0;block-size:95dvh;background-image:linear-gradient(to top,var(--t-color-bg) 5%,color-mix(in hsl,var(--t-color-bg),transparent 80%));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}article{margin-inline:auto;max-inline-size:var(--t-post-article-inline-size);padding-block:var(--ws-12);overflow-x:hidden}.header-container{display:flex;flex-direction:column;padding:var(--ws-5);gap:var(--ws-6);border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md);background-image:linear-gradient(to top,color-mix(in hsl,var(--t-color-bg),transparent 40%),color-mix(in hsl,var(--t-color-bg),transparent 60%));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media screen and (max-width: 500px){.header-container{padding-inline:var(--ws-5)}}.header-cover-image{border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:12 / 8}.header-cover-image img{inline-size:100%}.header-heading-container{display:flex;flex-direction:column;gap:var(--ws-4)}.header-sub-container{display:flex;justify-content:space-between;gap:var(--ws-5)}.header-authors-container{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-end;flex-wrap:wrap;gap:var(--ws-3)}.header-date-container{display:flex;flex-direction:column;gap:var(--ws-3);min-width:max-content}.blog-title{font-size:var(--font-size-12);font-weight:var(--font-weight-black);line-height:1}@media screen and (max-width: 500px){.blog-title{font-size:var(--font-size-11)}}.content{display:flex;flex-direction:column;padding:var(--ws-5);padding-block-start:var(--ws-7);gap:var(--ws-7);border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);background-image:linear-gradient(to top,var(--t-color-bg) 90%,color-mix(in hsl,var(--t-color-bg),transparent 40%));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media screen and (max-width: 500px){.content{padding-inline:var(--ws-5)}}.content section{display:grid;grid-template-columns:30px 1fr;position:relative}@media screen and (max-width: 500px){.content section{grid-template-columns:12px 1fr;&L::before{inset-inline-start:-8px;width:2px}}}.content section>*{grid-column:1 / 3}.content section>section{grid-column:2 / 3;margin-block-start:var(--ws-8)}.content section:before{content:"";position:absolute;inset-inline-start:-20px;top:0;height:100%;width:4px;background-color:var(--t-color-border-divider-dim);opacity:.4;transition:opacity var(--transition-sm) ease-in}.content section:hover:before{opacity:1}.content>section:before{display:none}.content ul,.content ol{display:flex;flex-direction:column;gap:var(--ws-3)}.content ul+p,.content ol+p{padding-block-start:var(--ws-6)}.content li>ul,.content li>ol{padding-block-start:var(--ws-3);padding-block-end:var(--ws-4)}.content hr{border:none;border-top:1px solid var(--t-color-border-divider-dim);margin-block:var(--ws-9)}.content hr>*{padding-block-start:0;margin-block-start:0}.content p{line-height:var(--line-height-5)}.content p+ul,.content p+ol{padding-block-start:var(--ws-3)}.content p+p{padding-block-start:var(--ws-6)}.content h1+p,.content h1+ol,.content h1+ul{padding-block-start:var(--ws-6)}.content h2{font-size:var(--font-size-9);line-height:1;margin-block-start:var(--ws-10)}.content h2+p,.content h2+ol,.content h2+ul{padding-block-start:var(--ws-6)}.content h2 span.icon.icon-link{translate:-7px 8px;scale:1}.content h3+p,.content h3+ol,.content h3+ul{padding-block-start:var(--ws-5)}.content h3 span.icon.icon-link{translate:-7px 6px;scale:.8}.content h4+p,.content h4+ol,.content h4+ul{padding-block-start:var(--ws-4)}.content h4 span.icon.icon-link{translate:-7px 1px;scale:.7}.content figure{display:flex;flex-direction:column;align-items:center;gap:var(--ws-4);margin-block-start:var(--ws-6);margin-block-end:var(--ws-4)}.content figure figcaption{font-size:var(--font-size-4);text-align:center}.content img{border:1px solid var(--t-color-border-divider);border-radius:var(--radius-sm)}.content .callout{padding-block:1rem;border-inline-start-width:5px;border-inline-start-style:solid;border-left-color:transparent;border-inline-start-color:var(--rc-color-light);background-color:color-mix(in srgb,var(--rc-color-light) 4%,transparent 96%);border-start-end-radius:var(--radius-md);border-end-end-radius:var(--radius-md);margin-block-start:var(--ws-6);margin-block-end:var(--ws-4)}.content .callout .callout-title{align-items:center;font-size:var(--font-size-6);font-weight:var(--font-weight-bold)}.content .callout :not(pre,span.line>span,.copy-code)::selection{background-color:color-mix(in srgb,var(--rc-color-light) 7%,transparent 93%);color:var(--rc-color-light)}.content .callout ul,.content .callout ol{padding-block-start:var(--ws-5)}.content .callout ul li::marker,.content .callout ol li::marker{color:var(--rc-color-light)}.content span.icon.icon-link{opacity:.2;padding-inline-start:var(--ws-3);position:absolute;rotate:-45deg;transition:opacity var(--transition-sm) ease-in-out}.content span.icon.icon-link:hover{opacity:.7}.content .rehype-figure-container{display:flex;flex-direction:column;gap:var(--ws-6)}.content p>code,.content span>code,.content li>code,.content h2>code,.content h3>code,.content h4>code,.content h5>code,.content h6>code{padding-inline:var(--ws-2);font-weight:var(--font-weight-bold);font-size:.8em;border-radius:var(--radius-md);background-color:var(--t-code-tag-background-color);border:var(--t-code-tag-border);color:var(--t-code-tag-color);transition:all var(--transition-sm) ease-in-out}.content p>code:hover,.content span>code:hover,.content li>code:hover,.content h2>code:hover,.content h3>code:hover,.content h4>code:hover,.content h5>code:hover,.content h6>code:hover{background-color:var(--t-code-tag-background-color-hover);border-color:var(--t-code-tag-border-color-hover)}.content table{inline-size:100%;border-collapse:collapse;margin:var(--ws-6) 0}.content th,.content td{padding:var(--ws-4) var(--ws-5);text-align:start;border-bottom:var(--divider-medium-dim)}.content th{background-color:var(--t-color-primary-50);font-weight:var(--font-weight-bold);font-size:var(--font-size-5)}.content td{font-size:var(--font-size-4)}.content tr:hover{background-color:var(--t-color-primary-100)}.content pre{border:1px solid var(--t-color-border-divider-dim);margin-block:var(--ws-5)}.display-none{display:none}aside{display:flex;flex-direction:column;gap:var(--ws-4);padding-inline-start:var(--ws-6);margin-block-start:var(--ws-4);opacity:.7;transition:opacity var(--transition-sm) ease-in}aside:hover{opacity:1}.content aside p{padding-block-start:0;font-size:var(--font-size-5)}@media screen and (max-width: 500px){header,nav{padding-inline:var(--ws-4)}}.link-content.svelte-17s8zj9{display:flex;align-items:center;gap:var(--ws-4)}.link-content.svelte-17s8zj9 img:where(.svelte-17s8zj9){inline-size:35px;aspect-ratio:1;border-radius:var(--radius-xs)}.link-content.svelte-17s8zj9 .author-info:where(.svelte-17s8zj9){display:flex;flex-direction:column;align-items:flex-start;gap:var(--ws-2);line-height:1}.link-content.svelte-17s8zj9 .author-name:where(.svelte-17s8zj9){font-size:var(--font-size-4)}.link-content.svelte-17s8zj9 .author-id:where(.svelte-17s8zj9){font-size:var(--font-size-2);color:var(--t-color-text-muted);direction:ltr}.date-container.svelte-2ta5s7{display:flex;flex-direction:column;gap:var(--ws-2);line-height:1}.date-title.svelte-2ta5s7{font-size:var(--font-size-3)}.date-title.dimmed.svelte-2ta5s7{color:var(--t-color-text-muted)}.date-representation.svelte-2ta5s7{font-size:var(--font-size-5)}.category-container.svelte-zfsepm{display:flex;flex-direction:row;gap:var(--ws-4)}.category-image-container.svelte-zfsepm{inline-size:35px;block-size:35px;border-radius:var(--radius-sm);overflow:hidden;background-position:center;background-size:cover;background-repeat:no-repeat}.category-text-content.svelte-zfsepm{display:flex;flex-direction:column;gap:var(--ws-2);line-height:1}.category-text.svelte-zfsepm{font-size:var(--font-size-3);color:var(--t-color-text-muted)}.category-title.svelte-zfsepm{font-size:var(--font-size-5)}
