html{scroll-padding-top:70px}main{flex-direction:column;gap:18px;width:100%;margin:120px auto 0;padding-inline:16px;display:flex;overflow-x:clip}@media (width>=576px){main{max-width:576px}}@media (width>=768px){main{max-width:768px}}@media (width>=992px){main{max-width:992px}}@media (width>=1200px){main{grid-template-columns:270px 1fr;align-items:start;gap:52px;max-width:1200px;margin-top:170px;display:grid}}@media (width>=1536px){main{max-width:1300px}}main .post{display:contents}@media (width>=1200px){main .post{flex-direction:column;gap:18px;display:flex}}main .post .hide-mobile{content-visibility:hidden;display:none}@media (width>=1200px){main .post .hide-mobile{display:initial;content-visibility:auto}main .post .hide-desktop{content-visibility:hidden;display:none}}main .post h1{font-family:var(--font-title);text-wrap:balance;order:-1;font-size:2.25rem;font-weight:500;line-height:1.2}main .post h1 code{font-size:2.1875rem}main .post h2{font-family:var(--font-title);text-wrap:balance;margin-block:32px -6px;font-size:1.9rem;font-weight:500}main .post h2 code{font-size:1.8375rem}@media (width>=1200px){main .post h2>a{align-items:center;gap:.5ch;display:flex}main .post h2>a:after{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='oklch(95.514% 0.00011 271.152)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3E%3C/g%3E%3C/svg%3E");opacity:0;transition:opacity .2s}@media (any-hover:hover){main .post h2:hover>a:after{opacity:1}}}main .post h3{font-family:var(--font-title);text-wrap:balance;margin-block:8px -6px;font-size:1.5rem;font-weight:500}main .post h3 code{font-size:1.4375rem}main .post h4{font-family:var(--font-title);text-wrap:balance;margin-block:8px -6px;font-size:1.25rem;font-weight:500}main .post h4 code{font-size:1.1875rem}main .post picture{margin-inline:auto}main .post img{border-radius:4px}main .post video{border-radius:4px;margin-inline:auto;overflow:clip}main .post p{text-wrap:pretty;font-size:1.0625rem;line-height:1.6}@media (width>=1200px){main .post p{padding-left:16px}}main .post pre::selection{background-color:color-mix(in oklch,var(--background),transparent 50%);color:inherit}main .post ul{flex-direction:column;gap:6px;padding-left:36px;list-style-type:disc;display:flex}@media (width>=1200px){main .post ul{padding-left:62px}}main .post ul ul{flex-direction:column;gap:6px;margin-top:6px;padding-left:36px;display:flex}main .post ul a{color:color-mix(in oklch,var(--highlight),transparent 18%)}main .post ol{flex-direction:column;gap:6px;padding-left:36px;list-style-type:decimal;display:flex}@media (width>=1200px){main .post ol{padding-left:62px}}main .post ol a{color:color-mix(in oklch,var(--highlight),transparent 18%)}main .post figure:not(:-webkit-any(.frame,.preview-container)){flex-direction:column;gap:4px;width:fit-content;margin-inline:auto;display:flex}main .post figure:not(:-webkit-any(.frame,.preview-container)) figcaption{color:color-mix(in oklch,var(--foreground),transparent 28%);font-size:.875rem}main .post figure:not(:-moz-any(.frame,.preview-container)){flex-direction:column;gap:4px;width:fit-content;margin-inline:auto;display:flex}main .post figure:not(:-moz-any(.frame,.preview-container)) figcaption{color:color-mix(in oklch,var(--foreground),transparent 28%);font-size:.875rem}main .post figure:not(:is(.frame,.preview-container)){flex-direction:column;gap:4px;width:fit-content;margin-inline:auto;display:flex}main .post figure:not(:is(.frame,.preview-container)) figcaption{color:color-mix(in oklch,var(--foreground),transparent 28%);font-size:.875rem}main .post details summary{cursor:pointer;text-wrap:pretty;font-size:1.0625rem;line-height:1.6}main .post details .details-content{flex-direction:column;gap:8px;margin-top:6px;display:flex}main .post :is(h1,h2,h3,h4,p,ul,ol,summary) code{background-color:var(--testimonial-card);border-radius:4px;padding:2px 6px}main .post :is(p,ul,ol,summary) code{font-size:1rem}main .post :-webkit-any(p,ul,ol) a{color:color-mix(in oklch,var(--highlight),transparent 18%)}main .post :-webkit-any(p,ul,ol) a[href^=http]:after{content:url("data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 32 32\"%3E%3Cpath fill=\"%23c6fca6\" d=\"M26 28H6a2.003 2.003 0 0 1-2-2V6a2.003 2.003 0 0 1 2-2h10v2H6v20h20V16h2v10a2.003 2.003 0 0 1-2 2\"/%3E%3Cpath fill=\"%23c6fca6\" d=\"M20 2v2h6.586L18 12.586L19.414 14L28 5.414V12h2V2z\"/%3E%3C/svg%3E");margin-inline:.3ch;display:inline-block;translate:1px 1.5px}main .post :-webkit-any(p,ul,ol) a:active{text-underline-offset:2px;text-decoration:underline}@media (any-hover:hover){main .post :-webkit-any(p,ul,ol) a:hover{text-underline-offset:2px;text-decoration:underline}}main .post :-moz-any(p,ul,ol) a{color:color-mix(in oklch,var(--highlight),transparent 18%)}main .post :-moz-any(p,ul,ol) a[href^=http]:after{content:url("data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 32 32\"%3E%3Cpath fill=\"%23c6fca6\" d=\"M26 28H6a2.003 2.003 0 0 1-2-2V6a2.003 2.003 0 0 1 2-2h10v2H6v20h20V16h2v10a2.003 2.003 0 0 1-2 2\"/%3E%3Cpath fill=\"%23c6fca6\" d=\"M20 2v2h6.586L18 12.586L19.414 14L28 5.414V12h2V2z\"/%3E%3C/svg%3E");margin-inline:.3ch;display:inline-block;translate:1px 1.5px}main .post :-moz-any(p,ul,ol) a:active{text-underline-offset:2px;text-decoration:underline}@media (any-hover:hover){main .post :-moz-any(p,ul,ol) a:hover{text-underline-offset:2px;text-decoration:underline}}main .post :is(p,ul,ol) a{color:color-mix(in oklch,var(--highlight),transparent 18%)}main .post :is(p,ul,ol) a[href^=http]:after{content:url("data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 32 32\"%3E%3Cpath fill=\"%23c6fca6\" d=\"M26 28H6a2.003 2.003 0 0 1-2-2V6a2.003 2.003 0 0 1 2-2h10v2H6v20h20V16h2v10a2.003 2.003 0 0 1-2 2\"/%3E%3Cpath fill=\"%23c6fca6\" d=\"M20 2v2h6.586L18 12.586L19.414 14L28 5.414V12h2V2z\"/%3E%3C/svg%3E");margin-inline:.3ch;display:inline-block;translate:1px 1.5px}main .post :is(p,ul,ol) a:active{text-underline-offset:2px;text-decoration:underline}@media (any-hover:hover){main .post :is(p,ul,ol) a:hover{text-underline-offset:2px;text-decoration:underline}}main .post :is(p,ul,ol) img{display:inline}main .post :-webkit-any(p,ul,ol) kbd:not(:has(kbd)){background-color:var(--testimonial-card);border:1px solid lab(9.48037% -3.09821 -7.96646);border-radius:4px;padding:2px 6px;font-size:1rem;box-shadow:0 2px lab(4.02578% -1.07056 -3.44318)}main .post :-moz-any(p,ul,ol) kbd:not(:has(kbd)){background-color:var(--testimonial-card);border:1px solid lab(9.48037% -3.09821 -7.96646);border-radius:4px;padding:2px 6px;font-size:1rem;box-shadow:0 2px lab(4.02578% -1.07056 -3.44318)}main .post :is(p,ul,ol) kbd:not(:has(kbd)){background-color:var(--testimonial-card);border:1px solid lab(9.48037% -3.09821 -7.96646);border-radius:4px;padding:2px 6px;font-size:1rem;box-shadow:0 2px lab(4.02578% -1.07056 -3.44318)}main .post .table-container{padding-bottom:15px;position:relative;overflow-x:auto}main .post .table-container.table-rendering-patterns{height:560px}main .post .table-container.table-rendering-patterns table{width:1540px;position:absolute;inset:0}main .post .table-container.table-rendering-patterns table tr td:first-child,main .post .table-container.table-rendering-patterns table th{background-color:#0b1e2a}main .post .table-container.properties-comparison{text-align:center;height:250px}main .post .table-container.properties-comparison table{width:946px;position:absolute;inset:0}main .post .table-container.properties-comparison tr:nth-child(2n){background-color:#07131d}main .post .table-container.properties-comparison th{background-color:#0b1e2a}main .post .table-container.properties-comparison .is-true{color:lab(94.9004% -17.0769 5.63836);background-color:lab(15.0582% -17.9507 2.38369);border-radius:4px;padding:2px 10px}main .post .table-container.properties-comparison .is-false{color:lab(92.243% 10.2865 3.83865);background-color:lab(14.4553% 31.5132 7.3255);border-radius:4px;padding:2px 10px}main .post .table-container.properties-comparison:nth-of-type(2){height:450px}main .post .table-container table{--padding-block:8px;--padding-inline:12px;border:1px solid #13374e;font-size:.925rem}main .post .table-container table th{padding:var(--padding-block)var(--padding-inline);text-wrap:balance;border:1px solid #13374e}main .post .table-container table td{padding:var(--padding-block)var(--padding-inline);text-wrap:pretty;border:1px solid #13374e}main .post .remark-container:not(.table-container){border-left:4px solid;border-radius:4px;flex-direction:column;gap:8px;padding:12px 16px;display:flex}main .post .remark-container:not(.table-container).info{background:#112139;border-color:#126ecd}main .post .remark-container:not(.table-container).info .remark-container-title:before{--size:21px;content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 24 24'%3E%3Cpath fill='oklch(95.514% 0.00011 271.152)' d='M11 17h2v-6h-2zm1-8q.425 0 .713-.288T13 8t-.288-.712T12 7t-.712.288T11 8t.288.713T12 9m0 13q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4T6.325 6.325T4 12t2.325 5.675T12 20m0-8'/%3E%3C/svg%3E");width:var(--size);height:var(--size);display:inline-block;translate:0 -3.5px}main .post .remark-container:not(.table-container) .remark-container-title{align-items:center;gap:4px;font-size:22px;font-weight:700;display:flex}main .post .remark-container:not(.table-container) p{font-size:15px}main .post .file-icon-title{align-items:center;gap:4px;display:flex}main .post .file-icon-title svg{--size:15px;width:var(--size);height:var(--size)}details[data-astro-cid-ymbpksfa].dim{opacity:.25}details[data-astro-cid-ymbpksfa]:hover,details[data-astro-cid-ymbpksfa]:focus-within{opacity:1;transition-delay:0s}@media (width<=1199.98px){details[data-astro-cid-ymbpksfa][open] summary[data-astro-cid-ymbpksfa]{color:color-mix(in oklch,var(--highlight),transparent 18%)}}@media (width>=1200px){details[data-astro-cid-ymbpksfa]{--position-y:4px;--dim-delay:3s;translate:0px var(--position-y);top:calc(50px - var(--position-y));transition:opacity .16s var(--dim-delay);flex-direction:column;gap:16px;display:flex;position:sticky}}details[data-astro-cid-ymbpksfa] summary[data-astro-cid-ymbpksfa]{font-size:18px;font-weight:600}details[data-astro-cid-ymbpksfa] summary[data-astro-cid-ymbpksfa]:active{color:color-mix(in oklch,var(--highlight),transparent 18%)}details[data-astro-cid-ymbpksfa] summary[data-astro-cid-ymbpksfa]::marker{font-size:16px;translate:-1.5px}@media (width>=1200px){details[data-astro-cid-ymbpksfa] summary[data-astro-cid-ymbpksfa]::marker{content:none}}details[data-astro-cid-ymbpksfa] ul[data-astro-cid-ymbpksfa]{flex-direction:column;gap:12px;margin-top:16px;padding-left:32px;list-style-type:disc;display:flex}@media (width>=1200px){details[data-astro-cid-ymbpksfa] ul[data-astro-cid-ymbpksfa]{scroll-target-group:auto;padding-left:initial;margin-top:initial;list-style-type:none}}details[data-astro-cid-ymbpksfa] ul[data-astro-cid-ymbpksfa] li[data-astro-cid-ymbpksfa]:has(a:active)::marker{color:color-mix(in oklch,var(--highlight),transparent 18%)}@media (width>=1200px){details[data-astro-cid-ymbpksfa] ul[data-astro-cid-ymbpksfa] li[data-astro-cid-ymbpksfa]{grid-template-areas:"a";display:grid}details[data-astro-cid-ymbpksfa] ul[data-astro-cid-ymbpksfa] li[data-astro-cid-ymbpksfa]:before{content:"▶";color:color-mix(in oklch,var(--highlight),transparent 18%);opacity:0;pointer-events:none;grid-area:a;font-size:12px;transition:opacity .13s;translate:-2ch 3px}details[data-astro-cid-ymbpksfa] ul[data-astro-cid-ymbpksfa] li[data-astro-cid-ymbpksfa]:has(a:target-current):before{opacity:1}details[data-astro-cid-ymbpksfa] ul[data-astro-cid-ymbpksfa] li[data-astro-cid-ymbpksfa]:has(a.current):before{opacity:1}}details[data-astro-cid-ymbpksfa] ul[data-astro-cid-ymbpksfa] li[data-astro-cid-ymbpksfa] a[data-astro-cid-ymbpksfa]{transition:color .13s}details[data-astro-cid-ymbpksfa] ul[data-astro-cid-ymbpksfa] li[data-astro-cid-ymbpksfa] a[data-astro-cid-ymbpksfa]:active{color:color-mix(in oklch,var(--highlight),transparent 18%)}@media (width>=1200px){details[data-astro-cid-ymbpksfa] ul[data-astro-cid-ymbpksfa] li[data-astro-cid-ymbpksfa] a[data-astro-cid-ymbpksfa]{grid-area:a}details[data-astro-cid-ymbpksfa] ul[data-astro-cid-ymbpksfa] li[data-astro-cid-ymbpksfa] a[data-astro-cid-ymbpksfa]:target-current{color:color-mix(in oklch,var(--highlight),transparent 18%)}details[data-astro-cid-ymbpksfa] ul[data-astro-cid-ymbpksfa] li[data-astro-cid-ymbpksfa] a[data-astro-cid-ymbpksfa].current{color:color-mix(in oklch,var(--highlight),transparent 18%)}}@media (any-hover:hover){details[data-astro-cid-ymbpksfa] ul[data-astro-cid-ymbpksfa] li[data-astro-cid-ymbpksfa] a[data-astro-cid-ymbpksfa]:hover{color:color-mix(in oklch,var(--highlight),transparent 18%)}}section[data-astro-cid-7jjqptxk]{margin-top:50px;flex-direction:column;gap:32px;width:100%;margin-inline:auto;padding:50px 16px;display:flex}@media (width>=576px){section[data-astro-cid-7jjqptxk]{max-width:576px}}@media (width>=768px){section[data-astro-cid-7jjqptxk]{max-width:768px}}@media (width>=992px){section[data-astro-cid-7jjqptxk]{max-width:992px}}@media (width>=1200px){section[data-astro-cid-7jjqptxk]{max-width:1200px}}@media (width>=1536px){section[data-astro-cid-7jjqptxk]{max-width:1300px}}section[data-astro-cid-7jjqptxk]>p[data-astro-cid-7jjqptxk]{font-family:var(--font-title);border-top:1px solid var(--project-card);padding-top:50px;font-size:1.9rem;font-weight:500}section[data-astro-cid-7jjqptxk]>div[data-astro-cid-7jjqptxk]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:36px;display:grid}