@media (prefers-color-scheme: light){:root{--bg-color: #fff;--text-primary-color: #000;--text-secondary-color: #666;--text-link-color: #00f;--text-link-visited-color: #800080}}@media (prefers-color-scheme: dark){:root{--bg-color: #000;--text-primary-color: #fff;--text-secondary-color: #999;--text-link-color: #87cefa;--text-link-visited-color: #da70d6}}html{color:var(--text-primary-color);background:var(--bg-color)}a{color:var(--text-link-color)}a:visited{color:var(--text-link-visited-color)}hr{border-color:var(--text-secondary-color)}body{margin:auto;max-width:48em;padding:20px}#post-date{text-align:center;color:var(--text-secondary-color)}h1{text-align:center}h1,h2,h3,h4,h5,h6{font-family:sans-serif}p,ol,ul,pre{line-height:1.4}blockquote{border-left:2px solid #ddd;padding-left:16px;margin-left:16px}hr{border-width:0.5px;border-style:solid;width:50%;margin:1em auto}figure{margin:0;padding:0;text-align:center}figure img{max-width:calc(100% + 40px);margin:0 0 0 -20px}figure .youtube-video{position:relative;height:0;padding-bottom:calc(56.25% + 22.5px);width:calc(100% + 40px);margin:16px 0 16px -20px}figure .youtube-video>iframe{position:absolute;left:0;right:0;width:100%;height:100%}figure figcaption{font-style:italic;font-size:.95em}pre{padding:20px;overflow-x:auto;width:100%;margin:0 0 0 -20px;padding:auto 20px}.MathJax_Display{overflow-x:auto}.playable-demo-play-button{filter:drop-shadow(0 0 10px rgba(0,0,0,0.2))}.playable-demo-play-button:hover{cursor:pointer}figure>canvas,.container-interactive-canvas,.container-interactive-canvas canvas{max-width:512px;max-width:min(512px, 100%);margin:16px auto}figure>canvas,.container-interactive-canvas{border-radius:4px;box-shadow:0 0 6px 3px var(--shadow-color)}@media (prefers-color-scheme: light){figure>canvas,.container-interactive-canvas{--shadow-color: rgba(0, 0, 0, 0.15)}}@media (prefers-color-scheme: dark){figure>canvas,.container-interactive-canvas{--shadow-color: rgba(192, 192, 192, 0.15)}}.container-interactive-canvas .interactive-diagram{background:var(--bg-color);display:flex;flex-direction:column}.container-interactive-canvas .interactive-diagram>svg{background:#eee;max-width:512px}.container-interactive-canvas .interactive-diagram>form{display:grid;grid-template-columns:auto 2fr;grid-gap:16px;align-content:center;margin:0 32px;padding:32px 16px;font-family:sans-serif}.container-interactive-canvas .interactive-diagram>form>label{grid-colum:1 / 2;justify-self:end;align-self:center;text-align:right;font-variant:small-caps}.container-interactive-canvas .interactive-diagram>form>input{grid-colum:2 / 3;align-self:center}canvas.container-3d{touch-action:none}#thanks{color:var(--text-secondary-color)}#bottom-links{text-align:center;list-style:none;padding:0;display:flex;flex-direction:row;justify-content:center;align-items:center}#bottom-links li{padding:0 8px}#bottom-links li a{display:block;height:24px}