.code-block{background:var(--color-block-background);padding:18px;box-shadow:9px 9px 0 var(--color-block-shadow);}.code-block pre{color:var(--color-code);white-space:pre;width:100%;line-height:18px;display:block;font-family:"Departure Mono",monospace;font-size:16.5px;padding:0;margin:0;}.code-block pre .number{color:var(--color-code-number);}.code-block pre .comment{color:var(--color-code-comment);}.code-block pre .instruction{color:var(--color-code-instruction);}.code-block pre .ln{color:var(--color-code-ln);}body,html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Liberation Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-family:"Departure Mono",monospace;}body,html{margin:0;padding:0;background:var(--color-background);color:var(--color-text);}.container{width:80%;margin:0 auto;font-size:16.5px;line-height:18px;padding:18px 0;position:relative;max-width:1200px;}.introduction{display:grid;grid-template-columns:1fr 1fr;gap:18px;}.introduction .title{color:var(--color-title);padding:18px 0 0 0;}.introduction .dots{background:var(--dots-bg);display:flex;flex-direction:column;padding:0!important;image-rendering:pixelated;background-size:10px 10px;width:calc(100%/2)*2;}.introduction .dots p{background:var(--color-background);padding:9px 0;}.introduction .dots p:first-child{padding-top:18px;}.introduction .dots p:last-child{padding-bottom:18px;}.introduction .span-2 p{width:50%;padding-left:18px;padding-right:18px;}.span-2{grid-column:span 2;}.span-3{grid-column:span 3;text-align:center;;}@media(max-width:1200px){.container{width:90%;}}@media(max-width:900px){.container{width:100%;}.introduction{gap:9px;}}@media(max-width:700px){.introduction{grid-template-columns:1fr;}.span-2{grid-column:span 1;}.span-3{grid-column:span 1;}}:root{font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;--color-background:linen;--color-text:#333;--color-title:darkorange;--color-block-background:#fff;--color-block-shadow:rgba(0,0,0,0.1);--color-code:darkgreen;--color-code-number:#060;--color-code-comment:#999;--color-code-instruction:rebeccapurple;--color-code-ln:#ccc;--dots-bg:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAQAAAAnZu5uAAAAD0lEQVR42mOAAeP/JDAYAKKUBft2JDaVAAAAAElFTkSuQmCC);}@media(prefers-color-scheme:dark){:root{--color-background:#1e1c18;--color-text:#d4cbb8;--color-title:orange;--color-block-background:#2a2720;--color-block-shadow:rgba(255,255,255,0.1);--color-code:#4e9a51;--color-code-number:#6abf6e;--color-code-comment:#5a5a5a;--color-code-instruction:#a57fcf;--color-code-ln:#3a3a3a;--dots-bg:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAKUlEQVR4AVzLQQoAAAgCwer/fy4TinJvDhgmJXqInY4WB/pIvEBUaCwAAAD//w9cewoAAAAGSURBVAMAG4EUB2FHiLEAAAAASUVORK5CYII=);}}p{padding:0 0 9px 0;margin:0;}h1{margin:0;padding:0;font-size:88px;line-height:88px;}h2{margin:0;padding:0;font-size:22px;}.examples{padding-top:72px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;}.examples img{width:100%;display:block;}.examples a{background:#fff;text-decoration:none;color:var(--color-text);}.examples .description{padding:18px;}#background{position:absolute;top:0;left:0;width:100%;height:100%;image-rendering:pixelated;}