:root{--gap-quarter: .25rem;--gap-half: .5rem;--gap: 1rem;--gap-double: 2rem;--bg: #fff;--fg: #000;--accents-1: #111;--accents-2: #333;--accents-3: #888;--bleu-1: #0070f3;--yellow-1: #ffff00;--geist-foreground: #000;--radius: 8px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-mono: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace}*{box-sizing:border-box}html,body{padding:0;margin:0;font-size:20px}body{min-height:100vh;background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-image:radial-gradient(#ddd 1px,transparent 1px),radial-gradient(#ddd 1px,transparent 1px);background-position:0 0,25px 25px;background-attachment:fixed;background-size:50px 50px;overflow-x:hidden}code[class*=language-],pre[class*=language-]{color:#000;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;font-size:.95em;line-height:1.4em;tab-size:4;-webkit-hyphens:none;hyphens:none}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.namespace{opacity:.7}.token.string,.token.attr-value{color:#028265}.token.punctuation,.token.operator{color:#000}.token.url,.token.symbol,.token.boolean,.token.variable,.token.constant{color:#36acaa}.token.atrule,.language-autohotkey .token.selector,.language-json .token.boolean,code[class*=language-css]{font-weight:600}.language-json .token.boolean{color:var(--geist-success)}.token.keyword{color:#ff0078;font-weight:bolder}.token.function,.token.tag,.token.class-name,.token.number,.token.tag .token.punctuation{color:var(--geist-success)}.language-autohotkey .token.tag{color:#9a050f}.token.selector,.language-autohotkey .token.keyword{color:#00009f}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.deleted{color:red;font-weight:bolder}.token.inserted{color:var(--geist-success);font-weight:bolder}.language-json .token.property,.language-markdown .token.title{color:#000;font-weight:bolder}.language-markdown .token.code{color:var(--geist-success);font-weight:400}.language-markdown .token.list,.language-markdown .token.hr{color:#999}.language-markdown .token.url{color:#ff0078;font-weight:bolder}.token.selector{color:#2b91af}.token.property,.token.entity{color:red}.token.attr-name,.token.regex{color:#d9931e}.token.directive.tag .tag{background:#ff0;color:#393a34}pre.dark[class*=language-]{color:#fafbfc}.language-json .dark .token.boolean{color:var(--geist-success)}.dark .token.string{color:#50e3c2}.dark .token.function,.dark .token.tag,.dark .token.class-name,.dark .token.number{color:#2ba8ff}.dark .token.attr-value,.dark .token.punctuation,.dark .token.operator{color:#efefef}.dark .token.attr-name,.dark .token.regex{color:#fac863}.language-json .dark .token.property,.language-markdown .dark .token.title{color:#fff}.language-markdown .dark .token.code{color:#50e3c2}.links{display:flex;text-align:center;justify-content:center;align-items:center}.explanation{font-size:1rem;width:35rem;max-width:100vw;padding:0 2rem;background:var(--bg);margin:var(--gap-half) auto}figure{font-size:.85rem;color:#999;line-height:1.8}figure{font-size:.85rem;color:#999}a{color:#0070f3;text-decoration:none}a:hover{color:#3291ff}.links{margin-top:var(--gap)}mark{padding:var(--gap-quarter);border-radius:var(--radius);background:#f7d4ffcc}.title{text-align:center}.logo :global(svg){max-width:calc(100vw - var(--gap-double))}h1{margin:var(--gap-double) 0 calc(.5 * var(--gap)) 0;font-size:2.25rem;font-weight:800;letter-spacing:-.05rem}h2{font-weight:300;font-size:1.25rem;letter-spacing:-.02rem;color:var(--accents-3)}.video{width:1080px;max-width:calc(100vw - 40px);transform:translate(-50%);margin-left:50%;text-align:center;cursor:pointer}.video :global(video){max-width:100%;max-height:90vh;outline:none}p{color:#555;font-weight:400;font-size:.94rem;line-height:1.7}pre{white-space:pre}pre :global(code){overflow:auto;-webkit-overflow-scrolling:touch}code{font-size:.8rem;background:#f1f1f1;padding:.2rem;border-radius:var(--radius);font-family:var(--font-mono)}.slice{position:relative}.slice:after{content:"";position:absolute;left:0;top:0;height:100%;width:130%;background:#fff;transform:skew(-20deg)}@media (max-width: 600px){.explanation{padding:0 1rem 4rem}h2{font-size:.95rem;letter-spacing:0}}.dotted{border-bottom:1px dashed black}.layout img{margin:auto;max-width:98%;display:block;height:auto}.layout,.layout h1,.layout h2{text-align:center}footer{padding:2em 0;text-align:center}footer img{display:block;margin:.5rem auto}footer span:nth-child(3){color:#777}footer span:nth-child(3) a{color:inherit}