html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--header-height: 3rem;--bg-color-darkest: #151d21;--bg-color-dark: #223038;--bg-color-light: #304550;--bg-color-lightest: #3e5a68;--text-color: #fff;--text-color-link: #fcc878;--text-color-error: #91433f}body{margin:0;background-color:var(--bg-color-dark)}#root{display:flex;flex-direction:column;min-height:100vh;color:var(--text-color)}main{background-color:var(--bg-color-light)}#root>main{flex:1}h1,h2,h3,h4,h5,h6{margin:0;padding:0}a{color:#fcc878;text-decoration:underline}a:hover{color:#fff;cursor:pointer}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static}.landing-main{padding:2rem}.nav-card{width:30rem;color:var(--text-color);display:flex;flex-direction:column;align-items:stretch;padding:1rem;background-color:var(--bg-color-lightest);border-radius:1rem;transition:.3s;cursor:pointer;border:.2em solid transparent;text-decoration:none}.nav-card:hover{border:.2em solid white}.nav-card-name{font-size:1rem;font-weight:700}.nav-card-body{padding:1rem;text-align:justify}.nav-card-thumbnails{display:flex;margin-top:1rem;flex-direction:row}.nav-card-thumbnail{border-radius:1rem;overflow:hidden}.nav-card-image{max-width:100%;display:block}.nav-card-container{display:flex;margin-block:1rem;gap:1rem;flex-wrap:wrap}.main-nav{height:var(--header-height);padding:1rem;box-sizing:border-box;display:flex;gap:.5rem;align-items:center}.main-nav>*{flex-shrink:0}.nav-button{padding:0;border:none;background:none;color:inherit}.nav-button:hover{cursor:pointer;color:#98a3a9}.webgpu-samples-readme-body{padding:1rem;display:flex;flex-direction:column}.webgpu-samples-readme-body mjx-container[display]{background-color:var(--webgpu-samples-bg-color-darkest);padding:1em;border-radius:.5em;width:0;min-width:calc(100% - 6rem);overflow-x:auto;box-sizing:border-box;align-self:center}.webgpu-samples-readme-body>*{margin-bottom:0;margin-top:1rem}.webgpu-samples-readme-body>p{overflow-wrap:anywhere;text-align:justify}.webgpu-samples-readme-body>h1{margin-inline:1rem;border-bottom:1px solid var(--webgpu-samples-text-color)}.webgpu-samples-readme-body>h2{margin-inline:1rem;border-bottom:1px solid var(--webgpu-samples-text-color)}.webgpu-samples-readme-body>*:not(h1,h2){padding-inline:1rem}.webgpu-samples-readme-body>ul{padding-inline:4rem}.webgpu-samples-readme-body>.webgpu-samples-citation{padding-inline:2rem;display:flex;gap:1rem}.webgpu-samples-citation-text{overflow-wrap:anywhere}.webgpu-samples-hash-link{color:var(--webgpu-samples-text-color-link);padding:0;font-size:1em;border:none;background:none;text-decoration:underline}.webgpu-samples-hash-link:hover{cursor:pointer;color:#fff}code[class*=language-],pre[class*=language-]{background:#272b33;color:#aab1bf;text-shadow:0 1px rgba(0,0,0,.3);font-family:Fira Code,Fira Mono,Menlo,Consolas,DejaVu Sans Mono,monospace;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;line-height:1.5;-moz-tab-size:2;-o-tab-size:2;tab-size:2;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection{background:#3e4450;color:inherit;text-shadow:none}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection{background:#3e4450;color:inherit;text-shadow:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-]{padding:.2em .3em;border-radius:.3em;white-space:normal}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}.token.cdata,.token.comment,.token.prolog{color:#5b6270}.token.doctype,.token.entity,.token.punctuation{color:#aab1bf}.token.atrule,.token.attr-name,.token.boolean,.token.class-name,.token.constant,.token.number{color:#d19965}.token.keyword{color:#c578dd}.token.deleted,.token.important,.token.property,.token.symbol,.token.tag{color:#df6b75}.token.attr-value,.token.attr-value>.token.punctuation,.token.builtin,.token.char,.token.inserted,.token.regex,.token.selector,.token.string{color:#97c279}.token.function,.token.operator,.token.variable{color:#61afef}.token.url{color:#56b5c2}.token.attr-value>.token.punctuation.attr-equals,.token.special-attr>.token.attr-value>.token.value.css{color:#aab1bf}.language-css .token.selector{color:#df6b75}.language-css .token.property{color:#aab1bf}.language-css .token.function,.language-css .token.url>.token.function{color:#56b5c2}.language-css .token.url>.token.string.url{color:#97c279}.language-css .token.atrule .token.rule,.language-css .token.important,.language-javascript .token.operator{color:#c578dd}.language-javascript .token.template-string>.token.interpolation>.token.interpolation-punctuation.punctuation{color:#be5046}.language-json .token.operator{color:#aab1bf}.language-json .token.null.keyword{color:#d19965}.language-markdown .token.url,.language-markdown .token.url-reference.url>.token.string,.language-markdown .token.url>.token.operator{color:#aab1bf}.language-markdown .token.url>.token.content{color:#61afef}.language-markdown .token.url-reference.url,.language-markdown .token.url>.token.url{color:#56b5c2}.language-markdown .token.blockquote.punctuation,.language-markdown .token.hr.punctuation{color:#5b6270;font-style:italic}.language-markdown .token.code-snippet{color:#97c279}.language-markdown .token.bold .token.content{color:#d19965}.language-markdown .token.italic .token.content{color:#c578dd}.language-markdown .token.list.punctuation,.language-markdown .token.strike .token.content,.language-markdown .token.strike .token.punctuation,.language-markdown .token.title.important>.token.punctuation{color:#df6b75}.token.bold{font-weight:700}.token.comment,.token.italic{font-style:italic}.token.entity{cursor:help}.token.namespace{opacity:.8}.token.token.cr:before,.token.token.lf:before,.token.token.space:before,.token.token.tab:not(:empty):before{color:#abb2bf26;text-shadow:none}div.code-toolbar>.toolbar.toolbar>.toolbar-item{margin-right:.4em}div.code-toolbar>.toolbar.toolbar>.toolbar-item>a,div.code-toolbar>.toolbar.toolbar>.toolbar-item>button,div.code-toolbar>.toolbar.toolbar>.toolbar-item>span{background:#393f4a;color:#818896;padding:.1em .4em;border-radius:.3em}div.code-toolbar>.toolbar.toolbar>.toolbar-item>a:focus,div.code-toolbar>.toolbar.toolbar>.toolbar-item>a:hover,div.code-toolbar>.toolbar.toolbar>.toolbar-item>button:focus,div.code-toolbar>.toolbar.toolbar>.toolbar-item>button:hover,div.code-toolbar>.toolbar.toolbar>.toolbar-item>span:focus,div.code-toolbar>.toolbar.toolbar>.toolbar-item>span:hover{background:#3e4450;color:#aab1bf}.line-highlight.line-highlight{background:#99bbff0a}.line-highlight.line-highlight:before,.line-highlight.line-highlight[data-end]:after{background:#393f4a;color:#aab1bf;padding:.1em .6em;border-radius:.3em;box-shadow:0 2px #0003}pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows>span:hover:before{background-color:#99bbff0a}.command-line .command-line-prompt,.line-numbers.line-numbers .line-numbers-rows{border-right-color:#abb2bf26}.command-line .command-line-prompt>span:before,.line-numbers .line-numbers-rows>span:before{color:#626d82}.rainbow-braces .token.token.punctuation.brace-level-1,.rainbow-braces .token.token.punctuation.brace-level-5,.rainbow-braces .token.token.punctuation.brace-level-9{color:#df6b75}.rainbow-braces .token.token.punctuation.brace-level-10,.rainbow-braces .token.token.punctuation.brace-level-2,.rainbow-braces .token.token.punctuation.brace-level-6{color:#97c279}.rainbow-braces .token.token.punctuation.brace-level-11,.rainbow-braces .token.token.punctuation.brace-level-3,.rainbow-braces .token.token.punctuation.brace-level-7{color:#61afef}.rainbow-braces .token.token.punctuation.brace-level-12,.rainbow-braces .token.token.punctuation.brace-level-4,.rainbow-braces .token.token.punctuation.brace-level-8{color:#c578dd}pre.diff-highlight>code .token.token.deleted:not(.prefix),pre>code.diff-highlight .token.token.deleted:not(.prefix){background-color:#ff526626}pre.diff-highlight>code .token.token.deleted:not(.prefix) ::-moz-selection,pre.diff-highlight>code .token.token.deleted:not(.prefix)::-moz-selection,pre>code.diff-highlight .token.token.deleted:not(.prefix) ::-moz-selection,pre>code.diff-highlight .token.token.deleted:not(.prefix)::-moz-selection{background-color:#fb566940}pre.diff-highlight>code .token.token.deleted:not(.prefix) ::selection,pre.diff-highlight>code .token.token.deleted:not(.prefix)::selection,pre>code.diff-highlight .token.token.deleted:not(.prefix) ::selection,pre>code.diff-highlight .token.token.deleted:not(.prefix)::selection{background-color:#fb566940}pre.diff-highlight>code .token.token.inserted:not(.prefix),pre>code.diff-highlight .token.token.inserted:not(.prefix){background-color:#1aff5b26}pre.diff-highlight>code .token.token.inserted:not(.prefix) ::-moz-selection,pre.diff-highlight>code .token.token.inserted:not(.prefix)::-moz-selection,pre>code.diff-highlight .token.token.inserted:not(.prefix) ::-moz-selection,pre>code.diff-highlight .token.token.inserted:not(.prefix)::-moz-selection{background-color:#38e06240}pre.diff-highlight>code .token.token.inserted:not(.prefix) ::selection,pre.diff-highlight>code .token.token.inserted:not(.prefix)::selection,pre>code.diff-highlight .token.token.inserted:not(.prefix) ::selection,pre>code.diff-highlight .token.token.inserted:not(.prefix)::selection{background-color:#38e06240}.prism-previewer-gradient.prism-previewer-gradient div,.prism-previewer.prism-previewer:before{border-color:#252830}.prism-previewer-color.prism-previewer-color:before,.prism-previewer-easing.prism-previewer-easing:before,.prism-previewer-gradient.prism-previewer-gradient div{border-radius:.3em}.prism-previewer.prism-previewer:after{border-top-color:#252830}.prism-previewer-flipped.prism-previewer-flipped.after{border-bottom-color:#252830}.prism-previewer-angle.prism-previewer-angle:before,.prism-previewer-easing.prism-previewer-easing,.prism-previewer-time.prism-previewer-time:before{background:#30353f}.prism-previewer-angle.prism-previewer-angle circle,.prism-previewer-time.prism-previewer-time circle{stroke:#aab1bf;stroke-opacity:1}.prism-previewer-easing.prism-previewer-easing circle,.prism-previewer-easing.prism-previewer-easing line,.prism-previewer-easing.prism-previewer-easing path{stroke:#aab1bf}.prism-previewer-easing.prism-previewer-easing circle{fill:transparent}.webgpu-samples-app-loader{display:flex}.webgpu-samples-app-loader .lil-gui{--title-background-color: var(--webgpu-samples-bg-color-darkest);--title-text-color: var(--webgpu-samples-text-color);--background-color: var(--webgpu-samples-bg-color-dark);--widget-color: var(--webgpu-samples-bg-color-light);--hover-color: var(--webgpu-samples-bg-color-lightest);--focus-color: var(--webgpu-samples-bg-color-lightest);--number-color: var(--webgpu-samples-text-color);--string-color: var(--webgpu-samples-text-color)}.webgpu-samples-app-loader .lil-gui.root{max-height:100%}.webgpu-samples-app-loader .lil-gui.root>.children{overflow-y:scroll}.webgpu-samples-app-loader .lil-gui option{color:#000}.webgpu-samples-app-loader .lil-gui.transition.root>.children{overflow-y:scroll}.webgpu-samples-canvas-container{flex:1;position:relative;overflow:hidden}.webgpu-samples-canvas{position:absolute;width:100%;height:100%}.webgpu-samples-gui-floating{position:absolute;right:0}.webgpu-samples-info{margin:0;padding:2rem;background-color:var(--webgpu-samples-bg-color-light);flex:1}.webgpu-samples-error{padding:2rem;background-color:var(--webgpu-samples-text-color-error)}.sample-main{display:flex;flex-direction:row;--webgpu-samples-bg-color-darkest: var(--bg-color-darkest);--webgpu-samples-bg-color-dark: var(--bg-color-dark);--webgpu-samples-bg-color-light: var(--bg-color-light);--webgpu-samples-bg-color-lightest: var(--bg-color-lightest);--webgpu-samples-text-color: var(--text-color);--webgpu-samples-text-color-link: var(--text-color-link);--webgpu-samples-text-color-error: var(--text-color-error)}.sample-directory{padding:2rem}.sample-body{flex:1;display:flex;flex-direction:column}.sample-app-container{display:flex;flex-direction:column;background-color:var(--bg-color-dark)}.sample-readme-container{max-width:90ch;align-self:center}.sample-sidebar{width:10rem;background-color:var(--bg-color-dark);justify-items:center}.sample-sidebar>h2{padding-inline:1rem;margin:0}.sample-sidebar>ul{padding:0;margin:0}.sample-sidebar>ul>li{width:100%;height:2rem;display:flex;text-align:center;list-style-type:none}.sample-sidebar>ul>li>a{flex:1}