.highlight pre{background-color:#272822}.highlight :empty{display:none}.highlight .hl .bp,.highlight .hl .c,.highlight .hl .c1,.highlight .hl .cm,.highlight .hl .cp,.highlight .hl .cs,.highlight .hl .err,.highlight .hl .gd,.highlight .hl .ge,.highlight .hl .gi,.highlight .hl .gs,.highlight .hl .gu,.highlight .hl .il,.highlight .hl .k,.highlight .hl .kc,.highlight .hl .kd,.highlight .hl .kn,.highlight .hl .kp,.highlight .hl .kt,.highlight .hl .l,.highlight .hl .ld,.highlight .hl .m,.highlight .hl .mf,.highlight .hl .mh,.highlight .hl .mi,.highlight .hl .mo,.highlight .hl .n,.highlight .hl .na,.highlight .hl .nb,.highlight .hl .nc,.highlight .hl .nd,.highlight .hl .ne,.highlight .hl .nf,.highlight .hl .ni,.highlight .hl .nl,.highlight .hl .nn,.highlight .hl .no,.highlight .hl .nt,.highlight .hl .nv,.highlight .hl .nx,.highlight .hl .o,.highlight .hl .ow,.highlight .hl .p,.highlight .hl .py,.highlight .hl .s,.highlight .hl .s1,.highlight .hl .s2,.highlight .hl .sb,.highlight .hl .sc,.highlight .hl .sd,.highlight .hl .se,.highlight .hl .sh,.highlight .hl .si,.highlight .hl .sr,.highlight .hl .ss,.highlight .hl .sx,.highlight .hl .vc,.highlight .hl .vg,.highlight .hl .vi,.highlight .hl .w{color:rgba(255,255,255,.15)}.highlight .c{color:#a9a389}.highlight .k{color:#66d9ef}.highlight .il,.highlight .l,.highlight .m,.highlight .mf,.highlight .mh,.highlight .mi,.highlight .mo,.highlight .se{color:#ae81ff}.highlight .n{color:#f8f8f2}.highlight .kn,.highlight .kr,.highlight .o{color:#f92672}.highlight .p{color:#f8f8f2}.highlight .c1,.highlight .cm,.highlight .cp,.highlight .cs{color:#a9a389}.highlight .ge{font-style:italic}.highlight .gs{font-weight:700}.highlight .kc,.highlight .kd,.highlight .kp,.highlight .kt{color:#66d9ef}.highlight .ld,.highlight .s{color:#e6db74}.highlight .na{color:#a6e22e}.highlight .nb{color:#f8f8f2}.highlight .nc{color:#a6e22e}.highlight .no{color:#66d9ef}.highlight .nd{color:#a6e22e}.highlight .ni{color:#f8f8f2}.highlight .ne,.highlight .nf{color:#a6e22e}.highlight .nl,.highlight .nn{color:#f8f8f2}.highlight .err,.highlight .nx{color:#a6e22e}.highlight .err{display:inline-block}.highlight .nv,.highlight .py,.highlight .w{color:#f8f8f2}.highlight .nt,.highlight .ow{color:#f92672}.highlight .s1,.highlight .s2,.highlight .sb,.highlight .sc,.highlight .sd,.highlight .sh,.highlight .si,.highlight .sr,.highlight .ss,.highlight .sx{color:#e6db74}.highlight .bp,.highlight .vc,.highlight .vg,.highlight .vi{color:#f8f8f2}.highlight .gu{color:#a9a389}.highlight .gd{color:#f92672}.highlight .gi{color:#a6e22e}.language-html{color:#ffefd5}.katex-display{padding-bottom:1rem;overflow-x:auto;overflow-y:hidden}@-moz-document url-prefix(){body{font-weight:lighter!important}}button{-webkit-appearance:none;-moz-appearance:none;appearance:none}header a{display:flex;align-items:center;justify-content:center}.chapter-header,.title-header,p:empty{display:none}html{min-width:320px;-moz-osx-font-smoothing:auto;-webkit-font-smoothing:auto}body{-ms-overflow-style:scrollbar;min-width:320px;overflow-x:hidden;margin:0;padding:0;top:0;left:0;font-family:"Open Sans",Georgia,sans-serif;font-weight:400;font-size:calc(16px + (18 - 16) * ((100vw - 400px)/ (1200 - 400)))}aside{margin:1.5rem 42% 1.5rem auto;padding-top:1rem}aside figure{width:100%;margin:0;padding:0!important}aside h3,aside h4,aside h5,aside h6{border:0}aside h3:first-child,aside h4:first-child,aside h5:first-child,aside h6:first-child{margin-top:1rem}aside p:last-child{margin-bottom:0}blockquote,pre{margin:0;box-sizing:border-box;padding:1rem}blockquote{margin-top:-1.9rem}blockquote>p{margin:0;padding-right:.5rem}.button,button{padding:.5rem;margin:.25rem;width:auto;font-family:"Varela Round",sans-serif;font-weight:900}label{width:auto}code{padding:.1rem .25rem;font-family:"Roboto Mono",monospace}figure{position:relative;margin-right:40%;text-align:center;padding:0 1rem 2rem}figure a+img,figure img,figure video{max-width:95%!important;-o-object-fit:contain;object-fit:contain;padding:1rem}footer{display:flex;flex-direction:column;position:relative;margin:0;padding:2rem 0;width:100vw;z-index:2}footer ul{margin:auto;padding-left:0;max-width:90%;list-style:none}footer ul li{display:inline-block;margin:.25rem;padding:0 .5rem 0 .75rem;border-left:2px solid}footer ul li:first-child{border-left:0;margin-left:0;padding-left:0}h1{margin:0 0 2rem;text-align:center}div+h1:first-child,h1:first-child{padding:3rem 2rem 5rem}h2{padding:2rem}h2,h3,h4,h5,h6{margin-top:3rem;padding-top:2rem;padding-bottom:.5rem}h1 code,h2 code,h3 code,h4 code,h5 code,h6 code{padding-top:0;text-transform:none}header{padding:4rem 1rem 8rem}header a{max-width:90vw;margin:auto}header img{max-width:55rem;width:90%;margin:auto}p{margin:0 0 2rem;text-align:justify;line-height:1.6}pre code{display:block;padding:0 0 .5rem;overflow-x:auto;margin-right:.5rem}sub{position:relative;top:.5rem}sup{position:relative;top:-.5rem}ol li,ul li{margin-top:0;padding-bottom:.25rem;line-height:1.6}ol ol,ol ul,ul ol,ul ul{padding:.4rem 1rem 1rem}ol ol li a,ol ul li a,ul ol li a,ul ul li a{padding-left:.5rem}#wrapper{position:absolute;height:100%;z-index:-1}.fill-parent{position:absolute;top:0;left:0;margin:0;padding:0;width:100%;height:100%}h1,h2,h3,h4,h5,h6{font-family:"Varela Round",sans-serif;font-weight:900;letter-spacing:.075em}pre{margin:0 0 2rem;padding-bottom:2rem;-webkit-overflow-scrolling:touch;font-family:"Roboto Mono",monospace}ol,ul{padding:0 1rem 1rem 2rem;font-family:"Varela Round",sans-serif}ol ol li,ol ul li,ul ol li,ul ul li{justify-content:flex-start}#wrapper,body{background-color:#fff}a{color:#ce0026;text-decoration:none;border-bottom-color:rgba(33,41,49,.5)}a:hover{border-bottom-color:transparent;color:#18bfef!important}aside{background:#8fbcd4;border-radius:6px;border:1px solid silver;box-shadow:1px 1px 10px 1px silver;padding-bottom:2rem;margin-bottom:3rem}aside code{background-color:rgba(255,255,255,.5)}aside img{border:0!important;box-shadow:none!important}aside a:hover{color:#fff!important}aside a:hover code{color:#c537ff!important}aside.warning{background-color:#fb5d66;color:#111;font-weight:600}aside.warning a{color:#1624cc}aside.success{background-color:#6ac174}.button,button{background:0 0;border-radius:6px;border:1px solid silver;color:inherit;cursor:pointer;box-shadow:1px 1px 5px 1px silver;transition:box-shadow .3s}.button:hover,button:hover{color:inherit!important;box-shadow:1px 1px 1px 1px silver;transition:box-shadow .1s}.button.disabled,.button:disabled,button.disabled,button:disabled{pointer-events:none;opacity:.25}code{border-radius:6px;border:1px solid silver;background-color:transparent;word-break:break-all;white-space:pre}footer{font-family:"Varela Round",sans-serif;font-weight:900;color:rgba(255,255,255,.25);background-color:#2e3336;cursor:default;letter-spacing:.075em;line-height:1.5;text-align:center}footer a{color:#bbb;border-bottom-color:inherit}h1,h2,h3,h4,h5,h6,input,select,textarea{color:#212931}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{border-bottom:0;text-decoration:none}h2{border-top:1px solid rgba(0,0,0,.15)}h1 a,h2 a{color:#3f51b5}h3{border-bottom:1px solid rgba(0,0,0,.1)}blockquote,pre{font-size:.9em;background-color:#2e3336}blockquote{border-bottom:2px solid rgba(192,192,192,.4);border-top:2px solid rgba(192,192,192,.4);color:rgba(255,255,255,.8)}hr{margin:5rem auto;border:0;border-top:2px solid silver;border-bottom:2px solid silver}pre code{line-height:1.75;background-color:transparent;border:0}ul{list-style:disc}.notice{color:#dc143c}::-webkit-input-placeholder{opacity:1;color:#535759!important}:-moz-placeholder{opacity:1;color:#535759!important}:-ms-input-placeholder{opacity:1;color:#535759!important}aside *{margin-left:auto!important;margin-right:auto!important}aside .inline-threejs-scene{height:40vh;margin:0;padding:0;width:100%;border:2px solid #5a5a5a42;border-radius:6px;background:#8fbcd4}aside .inline-code{margin-right:auto;padding-left:0;padding-right:0;width:90%}aside .inline-code .highlight{border:0;box-shadow:none}#back-to-top,.intro-scroll-down{border-radius:50%}#back-to-top svg,.intro-scroll-down svg{position:absolute;width:100%!important;height:100%;left:0;top:0}.intro-scroll-down{position:relative;width:4rem;height:4rem;padding:0}.button-menu{top:.5rem;font-size:.7em;transition:color .3s ease-in-out,border .3s ease-in-out,top .5s ease-out;position:relative;border-radius:6px;color:#535759;background:#e5e5e5;font-family:"Varela Round",sans-serif;padding:.25rem 1rem;font-weight:900;letter-spacing:.075em;text-transform:uppercase;z-index:99;line-height:1.5}.button-menu:hover{transition:color .3s ease-in-out,border .3s ease-in-out;color:#18bfef;border:1px solid #18bfef}.button-menu.show-always{display:block}.small-screen-only{display:none}#back-to-top{position:fixed;bottom:1rem;right:1rem;padding:.25rem;height:5vmin;width:5vmin;background-color:rgba(255,255,255,.25);color:rgba(0,0,0,.25);z-index:999;display:none}.toc-panel code{background-color:unset;border:0;word-break:break-all;margin:0}.inline-code pre{border-radius:6px;float:unset!important;clear:unset!important;width:unset!important;border:1px solid silver;box-shadow:1px 1px 10px 1px silver}figure.banner{padding-right:0;padding-left:0}figure.banner a+img,figure.banner img{max-width:100%!important}figure.noborder a+img,figure.noborder img{border:0!important;box-shadow:none!important}figure.medium{margin-bottom:2rem}figure.medium a+img,figure.medium img{max-height:20rem}figure.small{margin-bottom:2rem}figure.small a+img,figure.small img{max-height:25rem}figure.tiny{margin-bottom:1rem}figure.tiny a+img,figure.tiny img{max-height:10rem}figure.small a+img,figure.small img,figure.tiny a+img,figure.tiny img{border-radius:6px;border:1px solid silver;box-shadow:1px 1px 10px 1px silver}figure.right a+img,figure.right img{float:right;margin-left:2rem}figure.left a+img,figure.left img{float:left;margin-right:2rem}@media (max-width:1280px){figure.left a+img,figure.left img,figure.right a+img,figure.right img{float:unset;margin-right:0;margin-left:0;border:0;box-shadow:none}}figure img{padding:0}figure a.lightbox_link{margin-top:-1rem}figcaption{text-align:right;font-style:italic;font-family:"Roboto Mono",monospace;font-size:80%;margin-top:-2rem}form{display:flex;flex-direction:column;align-items:center;flex-wrap:wrap;justify-content:space-around;width:90%;margin:auto}form span{display:none}form button{text-align:center}input[type=range]{padding:0;margin:1em 0 0;max-width:42rem;flex:1;border:0;height:3px;background-size:0 100%;border-radius:50%;cursor:pointer;-webkit-appearance:none}input[type=range]:active,input[type=range]:focus{background-color:#5dd2f4}input[type=range]::-webkit-slider-runnable-track{box-shadow:none;border:0;background:0 0;-webkit-appearance:none}input[type=range]::-moz-range-track{box-shadow:none;border:0;background:0 0}input[type=range]::-moz-focus-outer{border:0}input[type=range]::-webkit-slider-thumb{width:14px;height:14px;border:0;background:#18bfef;border-radius:100%;box-shadow:0 0 1px 0 rgba(0,0,0,.1);-webkit-appearance:none}input[type=range]::-moz-range-thumb{width:14px;height:14px;border:0;background:#fff;border-radius:100%;box-shadow:0 0 1px 0 rgba(0,0,0,.1)}input[type=email],input[type=password],input[type=text],input[type=url]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border-radius:6px;border:2px solid silver;color:inherit;font-family:"Varela Round",sans-serif;font-weight:900;display:block;text-decoration:none;padding:.25rem;margin:.25rem}input[type=email]:focus,input[type=password]:focus,input[type=text]:focus,input[type=url]:focus{border-color:#18bfef}input[type=email]:invalid,input[type=password]:invalid,input[type=text]:invalid,input[type=url]:invalid{box-shadow:none;border-color:orange}input[type=button],input[type=reset],input[type=submit]{padding:.25rem;margin:.25rem}section h2{border-top:0;margin-top:0;padding-top:0}section h3{border-bottom:0}section>figure,section>h2,section>h3,section>h4,section>h5,section>h6,section>p{text-align:center;margin-left:auto;margin-right:auto;padding-left:3rem;padding-right:3rem}@media (max-width:736px){#back-to-top{height:7vmin;width:7vmin}section>figure,section>h2,section>h3,section>h4,section>h5,section>h6,section>p{padding-left:.25rem;padding-right:.25rem}}section .author-details{align-items:center;justify-content:center}section .author-details .column{display:flex;justify-content:center}section .author-details .column:last-child{flex-basis:50%}section .diagrams{display:flex;flex-wrap:wrap;max-width:50rem;margin:0 auto}section figure{position:relative;border-radius:6px;padding:1rem;border:1px solid silver;box-shadow:1px 1px 10px 1px silver}section.about-the-book{display:flex;flex-direction:column;align-items:center}section.about-the-book img{width:30%;margin-top:-2rem}body.main main{background-color:#fff;position:relative;margin:0 auto 2rem;padding:2rem 2rem 8rem;width:calc(100% - 8rem);max-width:72rem;min-height:50rem;z-index:2;display:flex;flex-direction:column;overflow-x:hidden}body.main main h1{text-align:center;margin:3rem 1rem;padding:0}body.main main h2,body.main main h3,body.main main h4,body.main main h5{padding:1rem 0;margin:0 1rem}body.main main ul{margin:0 auto}@media (max-width:480px){code{white-space:pre-wrap}body.main main{width:94%;padding-left:4%;padding-right:4%;margin-bottom:0}}.article main h1{padding-top:4rem}.article main h1.center{margin:auto}.article main h3,.article main h4,.article main h5,.article main h6{margin-top:1rem;padding-top:0;border:0}.article main .inline-code,.article main aside,.article main figure,.article main h1,.article main h2,.article main h3,.article main h4,.article main h5,.article main h6,.article main ol,.article main p,.article main table,.article main ul{margin-left:auto;max-width:50rem}.article main .codesandbox-wrapper,.article main .inline-code,.article main>aside,.article main>figure,.article main>h1,.article main>h2,.article main>h3,.article main>h4,.article main>h5,.article main>h6,.article main>ol,.article main>p,.article main>table,.article main>ul{margin-right:41%;padding-right:3rem;padding-left:2rem}@media (max-width:980px){.small-screen-only{display:block}.article main .codesandbox-wrapper,.article main .inline-code,.article main>aside,.article main>figure,.article main>h1,.article main>h2,.article main>h3,.article main>h4,.article main>h5,.article main>h6,.article main>ol,.article main>p,.article main>table,.article main>ul{margin-right:auto;padding-right:2rem;padding-left:1rem}}.article main .codesandbox-wrapper li,.article main .inline-code li,.article main>aside li,.article main>figure li,.article main>h1 li,.article main>h2 li,.article main>h3 li,.article main>h4 li,.article main>h5 li,.article main>h6 li,.article main>ol li,.article main>p li,.article main>table li,.article main>ul li{margin-left:2rem}.article main>div>ul,.article main>ul{padding-left:4rem!important}@media (max-width:980px){.article main>div>ul,.article main>ul{padding-left:2rem!important}}@media (max-width:736px){.article main .codesandbox-wrapper,.article main .inline-code,.article main>aside,.article main>figure,.article main>h1,.article main>h2,.article main>h3,.article main>h4,.article main>h5,.article main>h6,.article main>ol,.article main>p,.article main>table,.article main>ul{padding-right:1rem}.article main>figure{padding-left:.5rem!important;padding-right:.5rem!important}}.article main>.highlight>pre,.article main>blockquote{float:right;clear:right;position:relative;padding:1rem;z-index:2;width:40%}@media (max-width:980px){.article main>.highlight>pre,.article main>blockquote{width:100%;max-width:50rem;margin:auto;float:none;padding-left:1rem}}.article main>.dark-box{width:40%;background-color:#2e3336;position:fixed;height:100vw;right:0}@media (max-width:980px){.article main>.dark-box{display:none;width:0;height:0;visibility:hidden}.article main>blockquote{border-radius:6px 6px 0 0;margin-top:0}.article main>.highlight{margin-bottom:2rem}.article main>.highlight pre{border-radius:0 0 6px 6px;border-bottom:1px solid silver}}.article main .fullwidth-section{padding:3rem 0;margin:0;width:100%;background-color:#fff;position:relative;z-index:2}.article main .fullwidth-section .codesandbox-wrapper,.article main .fullwidth-section .inline-code,.article main .fullwidth-section>aside,.article main .fullwidth-section>figure,.article main .fullwidth-section>h1,.article main .fullwidth-section>h2,.article main .fullwidth-section>h3,.article main .fullwidth-section>h4,.article main .fullwidth-section>h5,.article main .fullwidth-section>h6,.article main .fullwidth-section>ol,.article main .fullwidth-section>p,.article main .fullwidth-section>table,.article main .fullwidth-section>ul,.article main .fullwidth-section>video{margin-right:auto!important;max-width:60rem}@media (max-width:980px){.article main .fullwidth-section .codesandbox-wrapper,.article main .fullwidth-section .inline-code,.article main .fullwidth-section>aside,.article main .fullwidth-section>figure,.article main .fullwidth-section>h1,.article main .fullwidth-section>h2,.article main .fullwidth-section>h3,.article main .fullwidth-section>h4,.article main .fullwidth-section>h5,.article main .fullwidth-section>h6,.article main .fullwidth-section>ol,.article main .fullwidth-section>p,.article main .fullwidth-section>table,.article main .fullwidth-section>ul,.article main .fullwidth-section>video{margin-left:auto;max-width:50rem;margin-right:auto;padding-right:2rem;padding-left:1rem}.article main .fullwidth-section>ol,.article main .fullwidth-section>ul{margin-left:3rem}}@media (max-width:736px){.article main>.highlight>pre,.article main>blockquote{width:auto}.article main .fullwidth-section .codesandbox-wrapper,.article main .fullwidth-section .inline-code,.article main .fullwidth-section>aside,.article main .fullwidth-section>figure,.article main .fullwidth-section>h1,.article main .fullwidth-section>h2,.article main .fullwidth-section>h3,.article main .fullwidth-section>h4,.article main .fullwidth-section>h5,.article main .fullwidth-section>h6,.article main .fullwidth-section>ol,.article main .fullwidth-section>p,.article main .fullwidth-section>table,.article main .fullwidth-section>ul,.article main .fullwidth-section>video{padding-right:1rem}}.article main .fullwidth-section>.inline-threejs-scene{margin-left:auto;margin-right:auto;max-width:60rem}.article main .fullwidth-section>.highlight{margin-left:auto;margin-right:auto;max-width:60rem;padding-right:3rem;padding-left:2rem}.article main .fullwidth-section>.highlight pre{border-radius:6px;float:unset!important;clear:unset!important;width:unset!important;border:1px solid silver;box-shadow:1px 1px 10px 1px silver}@media (max-width:980px){.article main .fullwidth-section{padding-top:0}.article main .fullwidth-section>.highlight{padding-right:2rem;padding-left:1rem;max-width:50rem}}.article main .fullwidth-section pre{width:unset!important;float:unset!important}body.full-width{height:100vh;overflow:hidden}body.full-width main{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:100vw;height:100vh;overflow:hidden}body.full-width main p{max-width:90%}body.full-width #container,body.full-width .container{position:absolute;width:100%;height:100%}body.full-width .canvas-overlay{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:50;pointer-events:none}body.full-width .canvas-overlay button,body.full-width .canvas-overlay p{pointer-events:all;text-align:center}body.full-width .canvas-overlay button:focus{outline:0}body.full-width #loading-overlay{max-height:30rem;max-width:40rem;width:auto;padding:2rem}@media (min-width:900px){body.full-width #loading-overlay{margin-top:-5rem}}body.full-width #controls-overlay{width:auto;right:1rem;top:4rem}.background{position:fixed;top:0;right:0;height:100vh;bottom:0;left:0;background-size:auto,auto,100% 100%,auto;background-position:center,center,top,center;background-repeat:repeat,no-repeat,no-repeat;background-attachment:scroll,scroll,scroll;z-index:-1}.codesandbox-wrapper{position:relative;height:500px;border-radius:6px;border:1px solid silver;box-shadow:1px 1px 10px 1px silver;padding:.5rem!important;margin-bottom:2rem;background:url(/static/images/loading-dots.gif) center no-repeat;margin-left:auto;max-width:55%}@media (max-width:980px){.codesandbox-wrapper{margin-right:auto;max-width:unset}}.fullwidth-section>.codesandbox-wrapper{padding:.5rem;margin-left:auto;margin-right:auto}@media (max-width:736px){.article main .fullwidth-section>.highlight{padding-right:1rem}.codesandbox-wrapper{padding:.15rem 0}.fullwidth-section>.codesandbox-wrapper{padding:0;border:0;margin:0 auto 2rem;width:100%}}section>.codesandbox-wrapper{text-align:center;margin-left:auto;margin-right:auto;max-width:50rem}.codesandbox{width:100%;height:100%;overflow:hidden;border:0}.gc-header-brand-wrapper{display:none!important}.comments-wrapper{position:relative;margin:-2rem 0;background:#fff;padding:0 1rem 1rem}.comments-wrapper h2{padding:.25em 0 0 1em;margin-top:0!important}.columns{display:flex;flex-direction:row;flex:1;flex-wrap:wrap;justify-content:space-evenly;max-width:50rem;margin:0 auto}.columns .column{min-height:10rem;margin:1rem;flex-basis:30%;flex-shrink:1;flex-grow:1;min-width:15rem}.columns .column:last-child:nth-child(odd){max-width:20rem}.columns .column *{text-align:center}.columns h3{padding-top:1rem;margin-top:.25rem;border-top:1px solid rgba(0,0,0,.1);border-bottom:0}.columns figure{position:relative;border-radius:6px;padding:1rem;border:1px solid silver;box-shadow:1px 1px 10px 1px silver}ul.contents{width:calc(100% - 2rem);margin:auto;text-align:left;max-width:60rem;padding:1rem;border:1px solid silver;box-shadow:1px 1px 10px 1px silver;border-radius:6px}@media (max-width:736px){ul.contents{width:auto}.inline-threejs-scene{padding:0}}ul.contents li{border-bottom:1px dashed #18bfef;display:flex;justify-content:space-between}ul.contents li.featured{border:none;font-size:1.25em;font-weight:700;margin-top:2rem;margin-bottom:.75rem}ul.contents li.unavailable,ul.contents li.unavailable a{color:grey}ul.contents li.unavailable a:hover{color:#add8e6!important}ul.contents li a{color:#000}ul.contents li .chapter-number{text-align:right;float:right}#file-upload-form{position:absolute;left:50%;top:40%;width:90%;transform:translate3d(-50%,-50%,0);text-align:center;transition:border 1.5s ease-in-out}#file-upload-form a{transition:color .3s ease-in-out;color:#1399bf}#file-upload-form a:hover{transition:color .3s ease-in-out;color:#18bfef!important}#file-upload-form p{margin:0 auto .5em;text-align:center;color:#fff}.upload-button{transition:background-color .3s ease-in-out;max-width:70%;min-width:50%;margin-top:.5em;white-space:normal;color:#000;border:0;box-shadow:0;font-weight:600;background-color:#1399bf;border-radius:12px}.upload-button:hover{transition:background-color .3s ease-in-out;background-color:#18bfef;color:unset}.inline-threejs-scene{height:50vh;margin-right:calc(42% + 2rem);margin-left:auto;margin-bottom:3rem;max-width:49rem;min-height:25rem;padding:0;border-radius:6px;position:relative}.inline-threejs-scene.banner canvas{border-radius:50%}.inline-threejs-scene canvas{border-radius:6px;border:1px solid silver;box-shadow:1px 1px 10px 1px silver;width:100%;height:100%}.inline-threejs-scene .label{color:#fff;padding:.25rem;border-radius:3px;margin-top:-1rem;background:rgba(0,0,0,.6)}@media (max-width:980px){.filler{display:none}.inline-threejs-scene{margin-right:auto}}#hero-container{position:absolute;top:0;left:0;width:100%;height:calc(100% + 24rem);z-index:-1}#intro{position:relative;display:flex;flex-direction:column;height:100%;max-height:2000px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:opacity 1s,transform 1s;text-align:center;pointer-events:none;justify-content:flex-end;align-items:center}#intro>a,#intro>h1,#intro>p{color:#fff;border-color:#fff}#intro>a,#intro>canvas,#intro>p{pointer-events:all}#intro>a{margin-bottom:2rem;box-shadow:inset 0 0 0 2px #fff;font-size:3em;font-weight:bolder}#intro>a svg+span{display:none}#intro>a:hover{border-color:#18bfef;box-shadow:inset 0 0 0 2px #18bfef}@media (max-width:736px) and (orientation:portrait){#intro>a{margin-bottom:3rem}}@media (max-height:736px) and (orientation:landscape){#intro>a{margin-bottom:.5rem}#intro>a.intro-scroll-down{width:3.5rem;height:3.5rem}}#intro>canvas,#intro>img{position:absolute;z-index:-1;top:0;right:0;left:0;width:100%;height:100%}#intro.hidden{visibility:hidden;transition:opacity .5s,transform .5s;transform:translateY(2rem);pointer-events:none;opacity:0}.left-panel{display:flex;flex-wrap:wrap;align-content:flex-start;background-color:#2e3336!important;padding-top:3rem!important}.left-panel>label{flex:1;height:1rem;border:1px solid grey;color:#535759;background:silver;padding:.25rem;text-align:center;z-index:99;line-height:1.5;margin:0}.left-panel>label:hover{transition:color .3s ease-in-out,border .3s ease-in-out;color:#18bfef;border:1px solid #18bfef}.left-panel>label:first-of-type{margin-left:.25rem}.left-panel>label:last-of-type{margin-right:.25rem}.left-panel .subsection{display:flex;flex-wrap:wrap;justify-content:flex-start;margin:.5rem .25rem;padding:.25rem}.section-trigger{visibility:hidden;display:none}.lightbox{display:none;position:fixed;z-index:9999;width:100vw;height:100%;text-align:center;top:0;left:0;background:rgba(0,0,0,.8);padding:0;overflow:hidden}.lightbox img{max-width:calc(100% - 3rem);max-height:95%;width:auto;height:auto;margin:auto;padding:1rem;border:4px solid #8fbcd4;border-radius:6px;background:#fff}@media (max-width:980px){.lightbox img{max-width:calc(100% - 1rem);padding:0}}.lightbox figcaption{max-width:50rem;margin:auto;color:#fff;border:1px solid #fff;background:#2e3336}.lightbox:target{outline:0;display:flex;flex-direction:column;justify-content:center;width:98vw;height:100%}.loading{display:flex;position:absolute;left:50%;top:0;height:100%;pointer-events:none;justify-content:center;align-items:center;opacity:.5}.loading.fade-out{-webkit-animation:1s ease-out forwards fade-opacity;animation:1s ease-out forwards fade-opacity}.satellite{position:relative;width:96px;height:96px;-webkit-animation:3s linear infinite satellite;animation:3s linear infinite satellite;border:3px solid #fff;border-radius:100%;box-shadow:0 0 30px #fff}.satellite:after,.satellite:before{position:absolute;content:"";border-radius:100%;background-color:#fff;box-shadow:0 0 10px #fff}.satellite::before{width:30px;height:30px;margin:48px}.satellite::after{width:48px;height:48px;margin:48px;left:-28px}@-webkit-keyframes satellite{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes satellite{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@-webkit-keyframes fade-opacity{from{opacity:.5}to{opacity:0}}@keyframes fade-opacity{from{opacity:.5}to{opacity:0}}.loading-overlay{display:flex;align-items:center;justify-content:center;visibility:hidden;pointer-events:none;background:rgba(0,0,0,.5);position:absolute;width:100%;top:0;height:100%;z-index:3;opacity:0;transition:opacity .6s}#spin-icon{width:80px;height:80px;border:3px solid transparent;border-top-color:#73554d;border-left-color:#1e2f3c;border-radius:80px;-webkit-animation:.5s linear infinite spin-icon;animation:.5s linear infinite spin-icon}@-webkit-keyframes spin-icon{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes spin-icon{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.home-nav{position:fixed!important;border:1px solid #000;right:1rem}.nav-panel-trigger{visibility:hidden;display:none}.nav-panel-triggers-bg{background:#fff;height:3rem;position:fixed;top:0;left:0;width:100vw;z-index:98;border-bottom:1px solid silver;box-shadow:0 0 1px 0 silver;transition:background-color .5s ease-in-out,top .5s ease-out}.nav-panel-right-trigger-label{float:right}#nav-panel-left-trigger:checked+label>.close-icon,#nav-panel-right-trigger:checked+label>.close-icon{display:inline}#nav-panel-left-trigger:checked+label>.open-icon,#nav-panel-right-trigger:checked+label>.open-icon{display:none}#nav-panel-left-trigger:checked~.nav-left{transition:left .5s ease-in-out,box-shadow .5s ease-out;box-shadow:0 0 5px 5px rgba(0,0,0,.5);left:0}#nav-panel-right-trigger:checked~.nav-right{transition:right .5s ease-in-out,box-shadow .5s ease-out;box-shadow:0 0 5px 5px rgba(0,0,0,.5);right:0}.close-icon{display:none;margin-right:.5rem}.open-icon{margin-right:.5rem}.hide{visibility:hidden;display:none}.circle{border-radius:50%}.nav{font-size:.7em;position:relative;width:calc(100% - 8rem);max-width:72rem;height:auto;margin:0 auto;padding:0 2rem;white-space:nowrap;background:rgba(255,255,255,.175);overflow:hidden;z-index:999}@media (max-width:980px){.nav{display:none}}.nav .menu-logo{width:100px;padding:0 0 0 .25rem;margin:0;vertical-align:bottom}.nav.fullwidth{width:100vw;max-width:100vw;top:0;left:0;margin:0;padding:0;border-bottom:1px solid silver;box-shadow:0 0 1px 0 silver;background-color:#fff}.nav.fullwidth>ul a{color:#000}.nav ul{display:flex;flex-wrap:wrap;max-width:inherit;width:100%;align-items:center;justify-content:center;font-family:"Varela Round",sans-serif;font-weight:900;padding-bottom:0}.nav ul li{display:block;padding-left:0;transition:color 1s ease-in-out}.nav ul li:hover{border-color:#18bfef!important}.nav ul li:hover a{color:#18bfef}.nav ul li:first-child{border:5px solid #fff;padding:.5rem;text-align:center;margin-right:3rem}.nav ul li:first-child a{padding:0}@media (max-width:1280px){.nav ul{justify-content:unset}.nav ul li:last-child{padding-top:.5rem;margin:auto}}.nav ul li a{padding:.5rem 2rem 0 0;color:#fff}.nav form{margin-left:auto;margin-right:2rem;align-items:center;color:#fff;flex-wrap:nowrap}.nav form p{white-space:normal;text-align:left;margin:0 0 0 1rem}.nav form input{background:#a9a9a9}.nav-wrapper{position:relative;padding:0 1rem;width:calc(100% - 2rem);z-index:9999;display:flex;justify-content:space-between}.nav-wrapper .top-nav-pagination{display:flex;justify-content:center;align-items:center;height:100%;width:100%;position:absolute}.nav-wrapper .top-nav-pagination a{color:#d3d3d3}.nav-wrapper .top-nav-pagination a.disabled{display:none}.nav-wrapper .top-nav-pagination .spacer{width:8rem}.nav-wrapper label{border:1px solid grey;box-shadow:1px 1px 0 0 silver}.nav-wrapper.fixed{position:fixed}.nav-wrapper.offscreen .nav-panel-trigger-label,.nav-wrapper.offscreen .nav-panel-triggers-bg{transition:top .5s ease-in-out;top:-5rem}.nav-panel{position:fixed;transition:left .5s ease-out,right .5s ease-out;box-shadow:0 0 5px 5px rgba(0,0,0,.5);color:#212931;height:100vh;max-width:80%;overflow-y:auto;overflow-x:hidden;padding:4rem 1rem;top:0;width:300px;z-index:97;flex-direction:column;text-align:center}.nav-panel .title{display:inline-flex}.nav-panel ul li{margin-left:0}.nav-panel.nav-right{transition:right .5s ease-in;right:-600px;background:#fff}.nav-panel.nav-right ul{min-height:50rem}.nav-panel.nav-right ul li{padding-top:1rem}.nav-panel.nav-right ul li a{border-bottom:0;display:inline-block;color:#000;font-family:"Varela Round",sans-serif;font-weight:900;letter-spacing:.075em;padding:.75rem 0}.nav-panel.nav-left{left:-600px;background-color:#535759;z-index:97;padding-top:2rem;bottom:0;font-weight:700;transition:left .5s ease-in;text-align:left}.nav-panel.nav-left h3{color:silver;text-align:center}@media (max-width:980px){.nav-panel.nav-left{top:0;padding-top:2rem}}.nav-panel ul{list-style:none;text-align:inherit;padding:0;margin:0;width:100%}.nav-panel form{margin:2rem 0}.nav-panel form *{margin-bottom:1rem}.page-wrapper{margin-left:0;position:relative;background-color:#fff;min-height:100%;padding-bottom:1px}.pagination-container{width:100%;position:relative;padding-top:10rem;background:#fff}.pagination{display:flex;margin:0 auto -1rem;padding:2rem 0 2.5rem;justify-content:center;max-width:50rem;align-items:center;height:10rem;border-top:1px solid rgba(200,200,200,.35)}.pagination a{color:#d3d3d3;display:inherit;align-items:inherit;justify-content:inherit;height:2.5rem;border-radius:3px;margin-left:.5rem;padding:0 1rem;width:30%}.fade-summary{height:15rem;top:-18rem;margin-bottom:-18rem;width:100%;position:relative;z-index:3;background:linear-gradient(rgba(255,255,255,0) 0,#fff 100%)}.restricted-area-notice{text-align:center;font-weight:bolder;padding:0 0 5rem}.restricted-area-notice h2{padding-top:0;margin-top:2rem;border:0}.search-inner-links{width:90%}.search{position:relative;color:#fff;width:90%;padding:0 1rem 1rem .5rem;display:flex;align-items:center}.search .icon{width:2em;height:2em;padding-right:.5rem}.search-results{margin-bottom:3rem}.search-results:empty{display:none}.search-highlight{background-color:rgba(255,255,0,.75);color:#000!important;border-radius:6px}.search-highlight:before{content:"";display:inline-block;margin:-7em 0 0;height:7em;pointer-events:none}.StripeElement{box-sizing:border-box;padding:10px 12px;border:1px solid silver;border-radius:6px;box-shadow:0 1px 3px 0 #e6ebf1;transition:box-shadow 150ms}.StripeElement--focus{box-shadow:0 1px 3px 0 #cfd7df}.StripeElement--invalid{border-color:#fa755a}.StripeElement--webkit-autofill{background-color:#fefde5!important}.inner-toc{text-transform:none}.inner-toc li{margin-right:.25rem}.inner-toc li.header-2{width:95%;border-bottom:1px solid rgba(192,192,192,.75)}.inner-toc li.header-3{margin-left:.5rem;width:90%;border-bottom:1px solid rgba(192,192,192,.5)}.inner-toc li.header-4{margin-left:1rem;width:85%;border-bottom:1px solid rgba(192,192,192,.25)}.toc-header-visible{transition:background-color 1s ease-in-out;background-color:#2e3336;padding:.5rem 0 .5rem .5rem!important;border-radius:4px;width:calc(95% - .5rem)!important}.toc-header-visible a,.toc-header-visible span{transition:color .5s ease-in-out;color:#18bfef!important}.search-active,.toc-active{flex-direction:row;flex-wrap:wrap;background:#535759;border-radius:3px;margin-top:.25rem;margin-bottom:1rem}.search-active div,.toc-active div{width:95%;padding:.25rem 0}.toc-active-icon{padding-right:.5rem;max-width:1rem;color:#18bfef}.toc-active-icon~li,.toc-active-icon~span{color:#18bfef!important}.toc ul li{font-size:85%}.toc .unavailable a{color:gray!important}.toc .unavailable a:hover{color:#577d89!important}.search-results,.toc{padding:.25rem 0 6rem 1rem;background-color:#2e3336;height:auto}.search-results code,.toc code{border-radius:6px;border:1px solid #a9a9a9;padding:.1rem .25rem;background-color:transparent}.search-results>ul,.toc>ul{display:flex;flex-direction:column;padding:0;width:100%;list-style:none;margin:auto}.search-results>ul div,.search-results>ul li,.toc>ul div,.toc>ul li{display:flex;max-width:90%;align-items:center;padding:.25em;border-bottom:1px dotted rgba(150,150,150,.25)}.search-results>ul div a,.search-results>ul div span,.search-results>ul li a,.search-results>ul li span,.toc>ul div a,.toc>ul div span,.toc>ul li a,.toc>ul li span{text-decoration:none;color:silver;flex-shrink:1;flex-grow:0;flex-basis:90%}.search-results>ul div a:hover,.search-results>ul li a:hover,.toc>ul div a:hover,.toc>ul li a:hover{text-decoration:underline}.search-results>ul div.section-head,.search-results>ul li.section-head,.toc>ul div.section-head,.toc>ul li.section-head{padding-top:.5rem;border-top:1px solid silver;text-transform:uppercase}.search-results>ul div.section-head>a,.search-results>ul li.section-head>a,.toc>ul div.section-head>a,.toc>ul li.section-head>a{color:#fff}.search-results>ul div.unavailable span,.search-results>ul li.unavailable span,.toc>ul div.unavailable span,.toc>ul li.unavailable span{color:grey}.search-results>ul div .chapter,.search-results>ul li .chapter,.toc>ul div .chapter,.toc>ul li .chapter{flex:1;color:#fff;text-align:right}.toggle{margin:.25rem 0}.toggle>label{position:relative;display:inline-block;width:2em;height:1em;margin:0 .5em .15em}.toggle>label>input{display:none}.toggle>label>input:checked+span{background-color:#18bfef}.toggle>label>input:checked+span::before{transform:translateX(.75em)}.toggle>label>input:focus+span{box-shadow:2px 2px 0 #000}.toggle>label>span{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:silver;border:1px solid rgba(216,216,216,.5);transition:.4s;border-radius:.5em}.toggle>label>span::before{position:absolute;content:"";height:.6em;width:.6em;border-radius:50%;left:4px;top:2px;background-color:#fff;border:1px solid rgba(216,216,216,.5);transition:.4s}.portrait{border-radius:50%}.portrait.big{width:16rem;height:16rem}.portrait.medium{width:auto;height:8rem}.portrait.small{width:4rem;height:4rem}