html,body{overflow:hidden;height:100%}body{display:flex;flex-direction:row;--toc-width: 320px}.toc a,a.undecorated{color:inherit}:is(.toc a,a.undecorated):hover,:is(.toc a,a.undecorated):visited{color:inherit;background:inherit}:is(.toc a,a.undecorated):before,:is(.toc a,a.undecorated):after{content:none;display:none}.toc{font-family:var(--font-ui-family);background:#f1f3f5cc;overflow:auto;line-height:1.4;scroll-behavior:smooth;box-sizing:border-box;width:0;padding:0;transform:translate(var(--toc-width));transition-property:transform,width,padding;transition-timing-function:ease-out;transition-duration:.3s,0ms,0ms;transition-delay:0ms,.3s,.3s;height:100%}.toc h2{margin:0 0 14px 4px;font-size:1.3em;text-align:center;color:#868e96;font-weight:400}.toc ul{margin:0;list-style-type:none;font-weight:400}:is(.toc ul) li{margin:6px 0}.toc>ul{padding:0;font-weight:700}:is(.toc>ul)>li{margin:10px 0}.toc-activated .toc{padding:16px 20px;width:var(--toc-width);transform:translate(0);transition-delay:0ms}.toc a{display:block;padding:0 4px}:is(.toc a):hover,.scrollspy-active:is(.toc a){color:#6741d9;background:inherit}.toc-toggle{width:45px;height:50px;border-radius:25px 0 0 25px;background:#e9ecef;color:#495057;cursor:pointer;border:none;font-family:inherit;position:fixed;display:flex;align-items:center;justify-content:flex-start;padding:0 0 0 18px;right:0;transform:translate(0);top:20px;opacity:.8;transition:transform .3s ease-out,width .1s ease-out,background 80ms ease-out,color 80ms ease-out;z-index:999}.toc-toggle:hover,.toc-activated .toc-toggle:hover{background:#dee2e6;color:#495057}.toc-toggle:hover{width:55px}.toc-activated .toc-toggle:hover{width:45px}.toc-toggle svg{--size: 18px;height:var(--size);width:var(--size)}.toc-toggle .icon-collapse,.toc-toggle .icon-x{display:none}.toc-activated .toc-toggle{background:#f1f3f5;color:#868e96;transform:translate(calc(-1 * var(--toc-width)))}:is(.toc-activated .toc-toggle) .icon-collapse{display:block}:is(.toc-activated .toc-toggle) .icon-activate{display:none}.container{flex:1;overflow:auto}.article-image{opacity:.5;transition:opacity .3s ease;min-height:250px;object-fit:cover}.article-image:hover{opacity:1}main{font-family:var(--font-prose-family);font-size:1.1rem;margin:0 auto;padding:30px 20px 80px;max-width:800px;overflow-wrap:break-word}main.no-image{padding-top:80px}h1{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:2.3rem;line-height:1.1;margin:0 0 12px;text-align:center}.meta{font-weight:400;text-align:center;margin-bottom:50px}h2{margin:80px 0 0}h3{margin-top:60px}h4{margin-top:40px}code{font-size:.9em;font-family:var(--font-mono-family)}code:not(pre code){color:#8f310c;background:#fff4e6;padding:1px 2px;border-radius:2px}pre code{font-size:.85em}.big{--relevant-width: 0px;--width: max(min(100vw - var(--relevant-width) - 50px, 1300px), 100%) ;width:var(--width);position:relative;left:calc((100% - var(--width)) / 2);margin:40px auto}.toc-activated .big{--relevant-width: var(--toc-width)}#newsletter{background:#e5dbff;padding:40px;margin-top:80px;font-size:1.1rem}#newsletter h2{font-size:1.24em;margin:0 0 -6px}#newsletter p{line-height:1.8;margin:20px 0}.float-right{float:right;margin-left:20px}.float-left{float:left;margin-right:20px}@media(max-width:1000px){body{--toc-width: 280px}}@media(max-width:750px){body{--toc-width: 100%}.toc{position:fixed;z-index:99;top:.5px;left:0;transition-property:opacity,transform;transition-timing-function:ease-out;transition-duration:.1s,0;transition-delay:0,.1s;opacity:0;width:var(--toc-width);padding:16px 20px}.toc-activated .toc{opacity:1;background:#f1f3f5}.toc-toggle{top:unset;bottom:14px;right:14px;width:55px;height:55px;border-radius:100%;padding:0;justify-content:center;-webkit-tap-highlight-color:transparent}.toc-toggle svg{--size: 24px}.toc-toggle,.toc-activated .toc-toggle{transform:none;right:10px;background:#dee2e6;color:#495057}:is(.toc-toggle,.toc-activated .toc-toggle):active{background:#ced4da}:is(.toc-toggle,.toc-activated .toc-toggle):hover{width:55px;background:#dee2e6}.toc-activated .toc-toggle .icon-collapse{display:none}.toc-activated .toc-toggle .icon-x{display:block}.float-right,.float-left{float:none;margin:0 auto}}main[data-astro-cid-zgcwdgoy] pre{tab-size:var(--tabSize)}
