:root{--bgsize:140lvh;--font-size:1.5rem;--link-size:2rem;--code-size:1rem;--inline-code-size:1.2rem;--flex-dir:row;--column-size:calc(50% - 16px);--author-icon-size:12rem;--author-icon-margin:0;--author-text-size:3rem;--author-link-size:2rem;--author-link-margin-top:.5rem;--author-link-margin-bottom:1rem}@media (width<=767px){:root{--font-size:1rem;--link-size:1.2rem;--code-size:.84rem;--inline-code-size:1rem;--flex-dir:column;--column-size:100%;--author-icon-size:8rem;--author-icon-margin:-.25rem;--author-text-size:2rem;--author-link-size:1.5rem;--author-link-margin-top:0;--author-link-margin-bottom:0}}html{overscroll-behavior:none;overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;background:linear-gradient(-45deg,#000 49%,#333 50%,#000 51%) 0 0/10px 10px;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}pre{color:#fff;font-size:var(--code-size);font-family:monospace;background:#000c!important;border-radius:2px!important}code{font-size:var(--inline-code-size);background:#000c;padding:0 4px;display:inline-block}pre>code{font-size:var(--code-size);background:0 0!important}.HeaderTop,.HeaderBottom{font-weight:700;font-size:var(--link-size);padding:0 4px;position:fixed;top:32px;right:32px}.HeaderTop.GitHub,.HeaderBottom.GitHub{right:32px}.HeaderTop.API,.HeaderBottom.API{right:calc(var(--link-size) * 4.2 + 32px)}.HeaderTop{z-index:10010;cursor:pointer;mix-blend-mode:exclusion}.HeaderBottom{z-index:10009;color:#0000004d}.HeaderTop:hover{background:#fff}.HeaderTop:hover+.HeaderBottom{color:#000;background-color:#0000004d}.HeaderTop a,.HeaderTop a:active{color:#fff;text-decoration:none}.HeaderTop a:hover{color:#000}body>section{padding:0 32px}section{box-sizing:border-box;width:100%;margin-bottom:10vh;overflow-x:hidden}section h2{font-size:3rem}section h3{font-size:2rem}section p{font-size:var(--font-size);line-height:1.5}section img,section video{max-width:100%}a,a:active,a:visited{color:#fff}.TopSection{flex-direction:column;justify-content:center;align-items:start;height:100vh;display:flex}.TopSection #Logo{opacity:0;width:calc(max(50%,600px));max-width:80%!important}.TopSection p{opacity:0;font-size:var(--font-size)}.UsageSection img{width:var(--column-size)}.ExampleSection .row{flex-wrap:wrap;flex-direction:var(--flex-dir);justify-content:space-between;gap:32px;margin-bottom:128px;display:flex}.ExampleSection .row .col{flex:1 0 0;max-width:100%}.ExampleSection .row .col>img,.ExampleSection .row .col>video{width:100%}#div{width:var(--column-size);flex-direction:column;gap:16px;width:100%;display:flex;overflow:hidden}#div p{margin:0}#div input,#div textarea{width:100%;font-size:1.5rem;display:block}#div textarea{resize:vertical}#canvas{aspect-ratio:4/3;width:100%}.AuthorSection{flex-direction:column;justify-content:center;align-items:start;height:100lvh;margin-top:-10vh;margin-bottom:1rem;display:flex}.AuthorSection .row{flex-direction:var(--flex-dir);gap:16px;display:flex}.AuthorSection .column{flex-direction:column;justify-content:end;align-items:center;gap:16px;display:flex}.AuthorSection .icon{width:var(--author-icon-size);height:var(--author-icon-size);margin-left:var(--author-icon-margin);margin-bottom:calc(var(--author-icon-margin) * 2)}.AuthorSection h2{font-size:var(--author-text-size);margin:0;line-height:1}.AuthorSection .links{justify-content:var(--author-align-items);width:100%;height:2rem;margin-left:.1rem;margin-top:var(--author-link-margin-top);margin-bottom:var(--author-link-margin-bottom);align-items:start;gap:16px;display:flex}.AuthorSection .link{width:var(--author-link-size);height:var(--author-link-size)}#BG{height:var(--bgsize);width:var(--bgsize);margin-left:calc(var(--bgsize) * -.5);margin-top:calc(var(--bgsize) * -.5);opacity:.3;z-index:-1;position:fixed;top:50%;left:75%}#Frame{box-sizing:border-box;z-index:20000;-webkit-user-select:none;user-select:none;pointer-events:none;mix-blend-mode:difference;border:16px solid #999;width:100%;height:100lvh;position:fixed;top:0;left:0}#FrameBottom{background-color:#999;width:100%;height:16px;position:fixed;bottom:0;left:0}#MaskTop,#MaskBottom{-webkit-user-select:none;user-select:none;background:#000;width:100%;height:100%;transition:height .5s linear;position:fixed;bottom:0;left:0}#MaskTop{z-index:20001;transition:height .5s .5s}#MaskBottom{z-index:19999;pointer-events:none;background:#000;transition:opacity 1s linear 1.5s}code[class*=language-],pre[class*=language-]{color:#f8f8f2;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;tab-size:4;-webkit-hyphens:none;hyphens:none;background:0 0;font-family:Fira Code,Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;line-height:1.5}pre[class*=language-]{border-radius:.3em;margin:.5em 0;padding:1em;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2e3440}:not(pre)>code[class*=language-]{white-space:normal;border-radius:.3em;padding:.1em}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#636f88}.token.punctuation{color:#81a1c1}.namespace{opacity:.7}.token.constant,.token.deleted,.token.property,.token.symbol,.token.tag{color:#81a1c1}.token.number{color:#b48ead}.token.boolean{color:#81a1c1}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#a3be8c}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url,.token.variable{color:#81a1c1}.token.atrule,.token.attr-value,.token.class-name,.token.function{color:#88c0d0}.token.keyword{color:#81a1c1}.token.important,.token.regex{color:#ebcb8b}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}