article>*{--width:200px}.expressive-code{--display:none}html{scrollbar-gutter:stable}main{grid-template-columns:[full-start left-start] 1fr [content-start left-end] minmax(auto, var(--page-width))  [content-end right-start] 1fr [full-end right-end];--display:flex;--justify-content:center;column-gap:2rem;display:grid}@media (width<=calc(760px + 4rem)){main{column-gap:1rem}}article{--max-inline-size:var(--page-width);grid-column:content;max-width:calc(100vw - 2rem)}article+aside{grid-column:right}aside{--position:fixed;--z-index:100;top:var(--header-height);white-space:nowrap;--max-height:calc(100vh - var(--header-height));--overflow-y:auto;width:var(--sidebar-width);--foter-height:1130px;margin-bottom:calc(100vh - var(--foter-height) + 25px);user-select:none;align-self:start;margin-bottom:-100vh;font-size:.9em;position:sticky;& nav.toc{top:calc(-1 * var(--header-height));--margin-top:80px;--margin-bottom:20vh;--animation:toc-scrollbar-margin-top linear, toc-scrollbar-margin-bottom linear;--animation-timeline:scroll(root), scroll(root);max-height:100vh;margin-right:1em;position:relative;overflow-y:auto;&>:first-child{margin-top:80px}&>:last-child{margin-bottom:20vh}&::-webkit-scrollbar{background:0 0;width:15px;height:15px;display:block}&::-webkit-scrollbar-thumb{background-color:#aaa;background-clip:padding-box;border:5px solid #0000;border-radius:10px}&::-webkit-scrollbar-button:start:increment{background:0 0;height:80px;display:block}&::-webkit-scrollbar-button:end:decrement{background:0 0;height:20vh;display:block}}& ul[data-depth="3"]{border-left:1px solid #888;margin-top:.5em;margin-left:.4em;padding-left:1em;& a{color:#888;& svg [fill]:not([fill=none],[fill=\#fff]){fill:#888}}}& ul[data-depth="4"]{display:none}& li{display:block;& a{color:#444;& svg [fill]:not([fill=none],[fill=\#fff]){fill:#444}&:hover{color:#000;& svg [fill]:not([fill=none],[fill=\#fff]){fill:#000}}}}& h2{margin-top:0;padding-left:1em}& ul{margin-bottom:.5em;padding-left:2em}}@media (width<=calc(1002px + 4rem)){main>aside{display:none}}@keyframes toc-scrollbar-margin-top{0%{margin-top:80px}to{margin-top:calc(-100% - 320px)}}@keyframes toc-scrollbar-margin-bottom{0%{margin-bottom:20vh}to{margin-bottom:calc(20vh + 100% + 400px)}}blockquote{border:1px solid #ddd;border-radius:8px;margin:1em 0;padding-inline:1em}h1+p strong{white-space:nowrap}@media (width<=325px){h1+p strong{white-space:normal}}details:has(:target)::details-content{display:block!important}:target{animation:.5s target}:target:not(summary :target){border-radius:4px;margin-left:-.25em;padding-left:.25em;padding-right:0}@keyframes target{0%{background-color:#4286f4}to{background-color:#0000}}article>.header{--position:sticky;--border-radius:0px 0px 20px 20px;--box-shadow:#64646f33 0px 7px 29px 0px;--margin:0px 70px;z-index:100;background:#fff;border:1px solid #ddd;border-radius:20px;justify-content:space-between;gap:1em;padding:10px 20px;display:flex;top:65px;& p{margin:0}& p:last-child{gap:.5em;display:flex}}.columns{--display:flex;flex-wrap:wrap;grid-template-columns:repeat(auto-fit,minmax(auto,175px));justify-content:space-evenly;gap:1em;display:grid;& a{&:not(:hover){color:#000}align-items:center;gap:.25em;text-decoration:underline dotted #ccc;display:flex}}.page-link{--display:grid;--grid-template-columns:1fr 1fr;flex-direction:column;gap:1em;margin:1.5em 0;display:flex;&>a{text-align:center;text-align:left;border:1px solid #d3d3d3;border-radius:8px;flex:1;padding:1em;font-size:1em;transition:color .2s,border-color .2s;display:block;& svg [fill]:not([fill=none],[fill=\#fff]){transition:fill .2s}&:hover{border:1px solid #4286f4}&:not(:hover){color:gray;& svg [fill]:not([fill=none],[fill=\#fff]){fill:gray}}}}.author:not(:hover){&,& a{color:gray}& svg,& img.icon{filter:grayscale()}}article{& h1,& h2,& h3,& h4,& h5,& h6{scroll-margin-top:var(--header-height);position:relative;&>a.heading-anchor{opacity:0;color:#999;cursor:default;padding-right:.5em;position:absolute;left:-1.5em;& svg{cursor:pointer;transform:scale(.75)}}&:hover>a.heading-anchor,& a.heading-anchor:hover{opacity:1!important}}& h1{font-size:clamp(1rem,.5082rem + 5.2459vw,3rem)}& h2{font-size:clamp(1rem,.7541rem + 2.623vw,2rem)}& h3{font-size:clamp(1rem,.877rem + 1.3115vw,1.5rem)}& h4{font-size:1.25em}& h5{margin:1em 0;font-size:1.1em}}@media (width<=760px){article{& h1,& h2,& h3,& h4,& h5,& h6{&>a.heading-anchor{right:.5em;left:unset;padding-right:unset}}}}table{border-collapse:separate;border-spacing:0;border:1px solid #d1d9e0;border-radius:4px;width:100%;margin-block:1em;& thead:not(:last-child)>tr:has(>th:not(:empty))>th,& tbody>tr:not(:last-child)>td{border-bottom:1px solid #d1d9e0}& th{text-align:left;padding:0}& th:not(:empty),& td{padding:.6em 1em}& :is(th,td):not(:last-child){width:1%}& tr:first-child>th:first-child{border-top-left-radius:3px}& tr:first-child>th:last-child{border-top-right-radius:3px}& thead:has(tr:first-child>th:first-child:empty)+tbody>tr:first-child>td:first-child{border-top-left-radius:3px}& thead:has(tr:first-child>th:last-child:empty)+tbody>tr:first-child>td:last-child{border-top-right-radius:3px}& tr:last-child>td:last-child{border-bottom-right-radius:3px}& tr:last-child>td:first-child{border-bottom-left-radius:3px}& th,& td{white-space:nowrap;--overflow:hidden;--text-overflow:ellipsis}}@media (width<=450px){table{font-size:.8rem}}article{&>details{display:flow-root;&>summary:has(>:is(h2,h3,h4)){display:block;&::marker{content:"";display:inline-block}}&:has(>summary>:is(h3,h4)){border:1px solid #d3d3d3;border-bottom:none;&::details-content{padding-inline:2.75em}}&:has(>summary>:is(h2)){margin:1.66em 0;&>summary{& h2{margin:0;padding-left:0}}}&>summary{& h1,& h2,& h3,& h4,& h5,& h6{display:inline-block}& :is(h3,h4){margin:0;padding:.5em;display:block;&:not(h2)>.heading-anchor{right:.5em;left:unset;padding-right:unset}}}&>summary svg[data-icon=material-symbols\:chevron-right]:first-child{transition:rotate .1s}&[open]>summary svg[data-icon=material-symbols\:chevron-right]:first-child{rotate:90deg}}&>:not(details)+details:has(summary :is(h3,h4)){border-radius:8px 8px 0 0;margin-top:1.5em;& :is(h3,h4){border-radius:7.5px 7.5px 0 0}}&>details+details:has(summary :is(h3,h4)):has(+:not(details)),&>details:has(summary h3):last-child{border-bottom:1px solid #d3d3d3;border-radius:0 0 8px 8px;margin-bottom:1.5em;& :is(h3,h4){border-radius:0 0 7.5px 7.5px}&[open]>summary>:is(h3,h4){border-radius:0}}&>:not(details)+details:has(summary :is(h3,h4)):has(+:not(details)),&>:not(details)+details:has(summary :is(h3,h4)):last-child{border-bottom:1px solid #d3d3d3;border-radius:8px;margin-bottom:1.5em;& :is(h3,h4){border-radius:7.5px}&[open]>summary>:is(h3,h4){border-radius:7.5px 7.5px 0 0}}}@media (width<=760px){article>details:has(>summary>:is(h3,h4))::details-content{padding-inline:1em}}.tree{--spacing:1em;--radius:10px;& ul{margin-left:calc(var(--radius) - var(--spacing));padding-left:0;& li{padding-left:calc(var(--spacing) * 1.5);display:block;position:relative;&:has(+li):after{content:"";border-left:2px solid #ddd;height:calc(100% + 3px);display:block;position:absolute;top:0;left:13px}&:not(:has(.empty:first-child)):before{content:"";top:3px;left:calc(5px + var(--spacing) * .5);width:calc(var(--spacing) / 2);height:calc(var(--spacing) / 2);border:0 solid #ddd;border-width:0 0 2px 2px;border-bottom-left-radius:4px;display:block;position:absolute}}}}.tasks.tree{& .back-reference{user-select:none;opacity:.5;& svg:first-child{color:gray}}}.files.tree{& .background{opacity:.5}& li:has(>.annotation:first-child):before{content:unset}& li>a{color:#000;text-decoration:underline dotted #ccc;&:hover{color:#4286f4;text-decoration-color:#4286f4}}& li{&>.note{opacity:0;cursor:default;color:#666;transition:opacity .2s}&:has(>a:nth-child(2):hover):not(:has(ul:hover))>.note{opacity:1}}}div>.tree>ul{margin:0}@media (width<=760px){.files.tree{& li>.note{display:none}}}.expressive-code{max-width:100%;margin:1em 0}code ::selection{background-color:#0969da33}:not(pre)>code,.expressive-code pre>code{--ec-codeFontFml:"Cascadia Code Variable", "Fira Code Variable", monospace;--ec-codeFontWg:400;font-variant-ligatures:contextual common-ligatures;-webkit-font-feature-settings:"liga" 1, "calt" 1;font-feature-settings:"liga" 1,  "calt" 1,   "ss01" 1,  "ss02" 1,  "ss03" 1,  "ss04" 1,  "ss05" 1,  "ss06" 1,  "ss07" 1,  "ss08" 1,  "ss09" 1,  "ss10" 1}code{border:1px solid #c2c0cfbf;border-radius:4px;margin-bottom:1em;padding:.1em .2em}code:not(pre code):not(a>code:not(:first-child:last-child)){position:relative;bottom:1.5px}.expressive-code:has(figure.sticky){--ec-header-height:80px;--ec-frame-title-height:36px;--ec-line-height:22px;padding-bottom:3px;overflow-y:clip;&:has(.ec-line.sticky) pre{overflow-x:clip!important}& figure.frame{& figcaption.header{top:var(--ec-header-height);z-index:calc(var(--max-indent) + 1);position:sticky;&:after{--ec-header-height:60px;content:"";top:calc(-1 * var(--ec-header-height));width:100%;height:var(--ec-header-height);--background:white;z-index:-1;background:linear-gradient(#0000 0%,#fff 75%);padding:0 10px;position:absolute;left:-10px}}}& figure.frame.is-terminal{& figcaption.header{&:after{top:calc(-1.5px + -1 * var(--ec-header-height));border-bottom:none}border-bottom:var(--ec-brdWd) solid var(--ec-frm-trmTtbBrdBtmCol)}}& .copy button{z-index:calc(var(--max-indent))}& .ec-line.sticky{top:calc(var(--ec-header-height) + var(--ec-frame-title-height) + var(--indent) * var(--ec-line-height));z-index:1;background:#fff;position:sticky;&:before{content:"";width:100%;box-shadow:0 8px 24px #959da533}&+.ec-line{margin-top:calc(-1 * var(--ec-line-height));user-select:none}}& .sticky-shadow{white-space:nowrap;height:0;top:calc(var(--ec-header-height) + var(--ec-frame-title-height) + calc(var(--indent) + 1) * var(--ec-line-height) - 2px);z-index:1;background:linear-gradient(#959da533,#0000);width:100%;height:10px;margin-bottom:-10px;position:sticky}}.expressive-code:has(.ec-line.focus,.ec-mark.focus,.ec-mark.bold)>figure:not(.softblur) .ec-line:not(.focus)>.code>span:not([class]),.expressive-code>figure:not(.softblur) .ec-line:not(.focus).blur>.code>span:not([class]),.expressive-code>figure:not(.softblur) .ec-line>.code>span.ec-mark.blur span:not([class]){color:#bbb}.expressive-code:has(.ec-line.focus,.ec-mark.focus,.ec-mark.bold)>figure.softblur .ec-line:not(.focus)>.code>span:not([class]),.expressive-code>figure.softblur .ec-line:not(.focus).blur>.code>span:not([class]),.expressive-code>figure.softblur .ec-line>.code>span.ec-mark.blur span:not([class]){opacity:.5}.expressive-code .ec-section.collapsible-start>details>summary{display:block}@media (width<=450px){.expressive-code{--ec-codeFontSize:.7rem}}.blog-wish-list{text-align:center;border:1px dashed gray;border-radius:8px;flex-direction:column;align-items:center;gap:.5em;margin:1em 0;padding:2em;display:flex}@media (width<=325px){.blog-wish-list a.button span{display:none}}figure.browser-output{--border:1px solid #d1d9e0;--border-top:none;--z-index:-1;border:1.5px solid #e1e4e8;border-top:none;border-radius:8px;margin-left:0;margin-right:0;box-shadow:.1rem .1rem .2rem #00000028;&.resizable{resize:horizontal;width:845px;min-width:150px;max-width:100%;margin-inline:auto;overflow-x:auto;& output{container-type:inline-size}&:active:not(:has(:active)){outline:2px solid #000}}&.sticky{position:relative;overflow-y:clip;& .tabs{z-index:1;margin-left:-1px;margin-right:-2px;position:sticky;top:80px}}& .tabs{color:gray;--border-radius:8px 8px 0px 0px;--border-bottom:1.5px solid #e1e4e8;--margin-top:-1px;background-color:#f6f8fa;border:1.5px solid #e1e4e8;border-radius:7px 7px 0 0;align-items:center;gap:1em;display:flex;&:after{--ec-header-height:80px;content:"";top:calc(-1 * var(--ec-header-height));width:100%;height:var(--ec-header-height);--background:white;z-index:-1;background:linear-gradient(#0000 0%,#fff 75%);margin-top:-1.5px;padding:0 10px;position:absolute;left:-10px}& .tab{color:#606368;background-color:#fff;border:1.5px solid #e1e4e8;border-bottom:none;border-radius:8px 8px 0 0;align-items:center;gap:1em;width:min(80px,100%);margin-bottom:-1.5px;margin-left:.5em;padding:.5em .75em;font-size:.9rem;display:flex}}& output{margin:1em;display:block;& h1,& h2,& h3,& h4,& h5,& h6{font-size:revert;margin-block:revert}&>:first-child{margin-top:0}&>:not(dialog):last-child{margin-bottom:0}}}.table{--color-background:white;--color-shadow:#0000000d;background:linear-gradient(90deg, var(--color-background) 20%, #fff0), linear-gradient(90deg, #fff0, var(--color-background) 80%) 100% 0, radial-gradient(farthest-side at 0 0%, var(--color-shadow), #0000), radial-gradient(farthest-side at 100% 0%, var(--color-shadow), #0000) 100% 0;background-repeat:no-repeat;background-size:20% 200%,20% 200%,8% 400%,8% 400%;background-attachment:local,local,scroll,scroll;width:100%;margin-block:1em;overflow-y:auto;&>table{margin-block:0}}
