.ch-terminal{font-size:14px;height:100%;box-sizing:border-box;background:#1e1e1e;color:#fafafa;overflow:hidden;padding:0 8px 8px;font-family:Ubuntu,Droid Sans,-apple-system,BlinkMacSystemFont,Segoe WPC,Segoe UI,sans-serif}.ch-terminal-container .ch-frame-content{background-color:inherit}.ch-terminal-prompt{color:#8fa2db;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ch-terminal-content{margin:0}.ch-terminal-output{opacity:.66}.ch-code-line-number{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:right;display:inline-block;box-sizing:border-box;padding-right:1.5ch;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ch-code-scroll-parent{display:block;font-weight:400;font-size:14px;line-height:19px;letter-spacing:0}.ch-code-scroll-parent ::-moz-selection{background-color:var(--ch-selection-background);color:inherit}.ch-code-scroll-parent ::selection{background-color:var(--ch-selection-background);color:inherit}.ch-editor-tab{border-right:1px solid #252526;width:120px;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;flex-shrink:1;position:relative;display:flex;white-space:nowrap;cursor:pointer;height:100%;box-sizing:border-box;padding-left:15px;padding-right:15px;background-color:#2d2d2d;color:hsla(0,0%,100%,.5);min-width:0;border-bottom:1px solid}.ch-editor-tab-active{background-color:#1e1e1e;color:#fff;min-width:unset}.ch-editor-tab>div{margin-top:auto;margin-bottom:auto;font-size:12px;line-height:1.4em;text-overflow:ellipsis;overflow:hidden}.ch-editor-frame{display:flex;flex-direction:column;position:relative;overflow:hidden;font-family:Ubuntu,Droid Sans,-apple-system,BlinkMacSystemFont,Segoe WPC,Segoe UI,sans-serif;-moz-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid;--ch-title-bar-height:30px;height:100%}.ch-editor-frame .ch-frame-title-bar{background:none}.ch-editor-terminal{position:absolute;overflow:hidden;bottom:0;width:100%;background-color:#1e1e1e;color:#e7e7e7;border-top:1px solid hsla(0,0%,50.2%,.35);padding:0 8px;box-sizing:border-box}.ch-editor-terminal-tab{text-transform:uppercase;padding:4px 10px 3px;font-size:11px;line-height:24px;display:flex}.ch-editor-terminal-tab>span{border-bottom:1px solid #e7e7e7}.ch-editor-terminal-content{margin-top:8px;height:calc(100% - 40px);box-sizing:border-box}.ch-editor-terminal-content .ch-terminal{font-size:12px;margin:0}.ch-frame{height:100%;display:flex;flex-direction:column}.ch-frame,.ch-simple-frame{font-family:Ubuntu,Droid Sans,-apple-system,BlinkMacSystemFont,Segoe WPC,Segoe UI,sans-serif;-moz-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid;--ch-title-bar-height:30px}.ch-simple-frame{border-radius:6px;overflow:hidden;box-shadow:0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3),0 -6px 16px -6px rgba(0,0,0,.025)}.ch-frame-content{background-color:var(--ch-content-background,#fafafa);flex-grow:1;flex-shrink:1;flex-basis:0;min-height:0}.ch-frame-zoom{--ch-frame-zoom:1;overflow:auto;position:relative;width:calc(100%/var(--ch-frame-zoom));height:calc(100%/var(--ch-frame-zoom));transform:scale(var(--ch-frame-zoom));transform-origin:left top}.ch-frame-title-bar{font-size:12px;width:100%;height:var(--ch-title-bar-height);min-height:var(--ch-title-bar-height);flex-grow:0;flex-shrink:0;display:flex;align-items:center;background-color:var(--ch-content-background,#252526);color:#ebebed;position:relative}.ch-frame-middle-bar{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:1.2em}.ch-frame-left-bar,.ch-frame-right-bar{flex-grow:1;flex-basis:1em;height:100%;display:flex;align-items:center;width:-webkit-max-content;width:-moz-max-content;width:max-content}.ch-frame-buttons{margin:0 .8em;flex-shrink:0;height:1em;width:4.16em;display:flex}.ch-frame-button{width:1em;height:1em;border:.08em solid;border-radius:50%;display:inline-block;box-sizing:border-box}.ch-frame-button-space{width:.56em}.ch-frame-button-left{border-color:#ce5347;background-color:#ed6b60}.ch-frame-button-middle{border-color:#d6a243;background-color:#f5be4f}.ch-frame-button-right{border-color:#58a942;background-color:#62c554}.ch-mini-browser{height:100%}.ch-mini-browser .ch-frame-content iframe,.ch-mini-browser .ch-frame-content video{border:none;position:absolute;height:100%;width:100%}.ch-mini-browser .ch-frame-title-bar input{height:1.4em;font-size:1em;border-radius:.5em;border:none;box-shadow:none;flex:1 1;padding:0 10px;color:#544;min-width:5px}.ch-browser-button{margin:0 1em;color:#999}.ch-browser-back-button{margin-left:.2em}.ch-browser-forward-button{margin-left:0}.ch-browser-open-button{color:inherit}.ch-browser-open-icon{display:block}.ch-spotlight{margin:1rem 0}.ch-spotlight,.ch-spotlight-tabs{display:flex;grid-gap:.5rem;gap:.5rem}.ch-spotlight-tabs{flex-flow:column;margin-right:10px;flex:1 1;align-items:stretch}.ch-spotlight-tab{border-radius:.25rem;margin:0 -.5rem;padding:0 .5rem;border:1px solid #e3e3e3}.ch-spotlight-tab:hover{border-color:#222}.ch-spotlight-tab[data-selected]{border-color:#0070f3}.ch-spotlight-sticker{position:-webkit-sticky;position:sticky;top:10vh;display:flex;align-self:stretch;flex-flow:column;justify-content:center;width:420px;min-height:Min(100%,80vh);max-height:80vh}.ch-spotlight-sticker .ch-codeblock,.ch-spotlight-sticker .ch-codegroup{width:100%;min-width:100%;min-height:Min(100%,80vh);max-height:80vh;margin-top:0;margin-bottom:0;flex:1 1}.ch-spotlight-with-preview .ch-spotlight-sticker{height:80vh;grid-gap:.5rem;gap:.5rem}.ch-spotlight-with-preview .ch-spotlight-sticker .ch-codeblock,.ch-spotlight-with-preview .ch-spotlight-sticker .ch-codegroup{min-height:0;flex:1 1}.ch-spotlight-with-preview .ch-spotlight-preview{height:280px}.ch-scrollycoding{display:flex;position:relative;margin:1rem 0}.ch-scrollycoding-content{width:50%;box-sizing:border-box;padding-right:16px}.ch-scrollycoding-step-content{border-radius:8px;margin:0 -.5rem;padding:1rem .5rem;border:1.5px solid transparent;min-height:180px}.ch-scrollycoding-step-content[data-selected]{border-color:#0070f3}.ch-scrollycoding-step-content>:first-child{margin-top:0}.ch-scrollycoding-step-content>:last-child{margin-bottom:0}.ch-scrollycoding-sticker{position:-webkit-sticky;position:sticky;top:10vh;display:flex;align-self:start;flex-flow:column;justify-content:center;width:420px;max-height:80vh}.ch-scrollycoding-with-preview .ch-scrollycoding-sticker{height:80vh;grid-gap:.5rem;gap:.5rem}.ch-scrollycoding-with-preview .ch-scrollycoding-sticker .ch-codeblock,.ch-scrollycoding-with-preview .ch-scrollycoding-sticker .ch-codegroup{flex:1 1}.ch-scrollycoding-with-preview .ch-scrollycoding-preview{height:280px}.ch-scrollycoding-sticker .ch-codeblock,.ch-scrollycoding-sticker .ch-codegroup{width:100%;min-width:100%;min-height:200px;max-height:80vh;margin-top:0;margin-bottom:0}.ch-slideshow{margin:1rem 0}.ch-slideshow-slide{display:flex;flex-flow:row;grid-gap:.5rem;gap:.5rem;align-items:stretch;aspect-ratio:16/9}.ch-slideshow-slide .ch-codeblock,.ch-slideshow-slide .ch-codegroup{flex:2 1;margin-top:0;margin-bottom:0}.ch-slideshow-preview{flex:1 1;height:auto;min-width:0}.ch-slideshow-range{display:flex;flex-flow:row;grid-gap:.5rem;gap:.5rem}.ch-slideshow-range input{flex:1 1}.ch-slideshow-notes{border-radius:.25rem;margin-top:1rem;padding:1rem;border:1px solid #e3e3e3}.ch-slideshow-note{min-height:140px;max-height:140px;padding:.05px;overflow:auto}.ch-codeblock,.ch-codegroup,.ch-preview{border-radius:6px;overflow:hidden;box-shadow:0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3),0 -6px 16px -6px rgba(0,0,0,.025)}.ch-codeblock>*,.ch-codegroup>*,.ch-preview>*{height:100%}.ch-codeblock,.ch-codegroup{margin-top:1.25em;margin-bottom:1.25em}.ch-inline-code>code{padding:.2em .4em;margin:.1em -.1em;border-radius:.25em;font-size:.9em}:root{--color-theme:#fcdab7;--color-text:#ececec;--color-highlight:#e94560;--color-primary:#1a1a2e;--color-secondary:#16213e;--color-tertiary:#0f3460}html{background:linear-gradient(var(--color-tertiary) 0,var(--color-secondary) 50%,var(--color-primary) 100%)}body{background-image:url(https://www.transparenttextures.com/patterns/stardust.png);color:var(--color-text)}body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;font-size:18px}*{box-sizing:border-box}a{text-decoration:none}a,h1,h2,h3,h4,h5,h6{color:var(--color-theme)}h1,h2,h3,h4,h5,h6{margin-top:3.5rem;margin-bottom:1rem}main{border-radius:4px;opacity:.75}a:hover{text-decoration:underline}img{max-width:100%;display:block}p>img{margin:auto;border:1px solid var(--color-secondary)}blockquote{word-break:break-word;background:var(--color-primary);padding:2px 12px;border-radius:4px;border-left:4px solid var(--color-highlight);margin:0;line-height:1.8}pre{overflow:auto}code.hljs{font-size:16px;background-color:#111;border-radius:12px;padding:1rem;border-top-left-radius:0;border-top-right-radius:0}main>article>div>p{line-height:1.85}main>article>div>pre:before{content:"";display:flex;background-image:url(/images/dots.png);background-size:contain;background-repeat:no-repeat;background-color:#000;background-origin:content-box;height:18px;padding:10px;border-top-right-radius:12px;border-top-left-radius:12px}