.blog-wish-list{text-align:center;border:1px dashed gray;border-radius:8px;flex-direction:column;align-items:center;gap:.5em;padding:2em;display:flex}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;position:relative;overflow-y:clip;box-shadow:.1rem .1rem .2rem #00000028;& .tabs{color:gray;--border-radius:8px 8px 0px 0px;--border-bottom:1.5px solid #e1e4e8;--margin-top:-1px;z-index:1;background-color:#f6f8fa;border:1.5px solid #e1e4e8;border-radius:7px 7px 0 0;align-items:center;gap:1em;margin-left:-1px;margin-right:-2px;display:flex;position:sticky;top:80px;&: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;min-width:100px;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{margin-top:1rem;margin-bottom:1rem}&>:first-child{margin-top:0}&>:last-child{margin-bottom:0}}}main{justify-content:center;display:flex}aside{--z-index:100;user-select:none;max-height:100vh;font-size:.9em;position:fixed;top:0;overflow-y:auto;transform:translate(calc(380px + 50%));&::-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}& nav.toc{--animation:toc-scrollbar-margin-top linear, toc-scrollbar-margin-bottom linear;--animation-timeline:scroll(root), scroll(root);margin-top:80px;margin-bottom:20vh;margin-right:1em}& 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}}@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)}}.page{width:760px;margin:0 auto;& 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:3em}& h2{font-size:2em}& h3{font-size:1.5em}& h4{font-size:1.25em}& h5{margin:1em 0;font-size:1.1em}& img{max-width:100%}& table{border-collapse:separate;border-spacing:0;border-radius:4px;width:100%;margin:1em 0;& th{padding:0}&{border:1px solid #d1d9e0}& thead:not(:last-child)>tr>th:not(:empty),& tbody>tr:not(:last-child)>td{border-bottom:1px solid #d1d9e0}& th:not(:empty),& td{padding:.6em 1em}& th,& td{text-align:left;&:not(:last-child){white-space:nowrap;width:1%}}& th:has(+th:last-child),& td:has(+td:last-child){border-right:none}& th:last-child,& td:last-child{border-left:none}& 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}& :is(td,th):not(:last-child){border-right:none}& :is(td,th):not(:first-child){border-left:none}}& aa:has(code:first-child:last-child){color:#000;&:hover{color:#4286f4}}& blockquote{--background:#00000006;border:1px solid #ddd;border-radius:8px;margin:1em 0;padding:0 1em;& p{--margin:.5em 0em}}& 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}:is(&,details){&>details{&:has(>summary>:is(h3,h4)){border:1px solid #d3d3d3;border-bottom:none;&>summary{display:block}&::details-content{--padding:0em 1em;padding:0 2.75em}}&:has(>summary>:is(h2)){&>summary{display:block;& h2{padding-left:0}}}&>summary{& h1,& h2,& h3,& h4,& h5,& h6{display:inline-block}& :is(h2,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}&>:is(p,ul):last-child{margin-bottom:0;padding-bottom:1em}}&>: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)){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}}}& .expressive-code{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}& .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}}}}& div>.tree>ul{margin:0}& .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}}}& .anchor{--offset:calc(80px + 1.5em + 1em);padding-top:var(--offset);margin-top:calc(-1 * var(--offset));background:0 0}&>.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;padding:10px 20px;display:flex;top:65px;& p{margin:0}& p:last-child{gap:.5em;display:flex}}& .author:not(:hover){&,& a{color:gray}& svg,& img.icon{filter:grayscale()}}& .tabs details pre{margin:0}}@keyframes target{0%{background-color:#4286f4}to{background-color:#0000}}&>details:not([open]):not(:has(+details)):not(.tabs details){margin-bottom:1em}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}