diff --git a/gno.land/pkg/gnoweb/components/views/playground.html b/gno.land/pkg/gnoweb/components/views/playground.html index be60d0ee3d6..23a9aa7b218 100644 --- a/gno.land/pkg/gnoweb/components/views/playground.html +++ b/gno.land/pkg/gnoweb/components/views/playground.html @@ -44,9 +44,27 @@

-
- - +
+
+ +
+
+ + + +
diff --git a/gno.land/pkg/gnoweb/frontend/css/06-blocks.css b/gno.land/pkg/gnoweb/frontend/css/06-blocks.css index 1d0d2bb7313..ecb875435d2 100644 --- a/gno.land/pkg/gnoweb/frontend/css/06-blocks.css +++ b/gno.land/pkg/gnoweb/frontend/css/06-blocks.css @@ -2561,13 +2561,74 @@ main.dev-mode .b-toc a { margin-bottom: var(--g-space-8); } -.b-playground-tabs { +.b-playground-tabs-wrap { display: flex; align-items: center; gap: 0; border-bottom: 1px solid var(--s-color-border-default); + padding-left: var(--g-space-1-5); +} + +.b-playground-tabs { + flex: 0 1 auto; + min-width: 0; + display: flex; + align-items: center; + gap: 0; overflow-x: auto; - padding: 0 var(--g-space-1-5); + scroll-behavior: smooth; + scrollbar-width: none; + -ms-overflow-style: none; + + &::-webkit-scrollbar { + display: none; + } +} + +.b-playground-tabs-actions { + flex: 0 0 auto; + display: inline-flex; + align-items: center; + gap: 0; + margin-left: var(--g-space-1); + padding-bottom: var(--g-space-2); +} + +.b-playground-tabs-nav { + flex: 0 0 auto; + display: inline-flex; + align-items: center; + justify-content: center; + width: var(--g-space-6); + height: var(--g-space-6); + padding: 0; + border: none; + background: none; + cursor: pointer; + color: var(--s-color-text-tertiary); + transition: color var(--g-transition-fast); + + &:hover:not(:disabled) { + color: var(--s-color-text-secondary); + } + + &:disabled { + opacity: 0.3; + cursor: default; + } + + & .c-icon { + width: var(--g-space-3); + height: var(--g-space-3); + } +} + +.b-playground-tabs-nav--prev .c-icon { + transform: rotate(90deg); +} + +.b-playground-tabs-nav--next .c-icon { + transform: rotate(-90deg); } .b-playground-tab { @@ -2610,12 +2671,20 @@ main.dev-mode .b-toc a { } .b-playground-tab-add { - padding: var(--g-space-1) var(--g-space-2); + flex: 0 0 auto; + display: inline-flex; + align-items: center; + justify-content: center; + width: var(--g-space-6); + height: var(--g-space-6); + padding: 0; border: none; background: none; cursor: pointer; - font-size: var(--g-font-size-100); + font-size: var(--g-font-size-200); + line-height: 1; color: var(--s-color-text-muted); + transition: color var(--g-transition-fast); &:hover { color: var(--s-color-text-secondary); diff --git a/gno.land/pkg/gnoweb/frontend/js/controller-playground.ts b/gno.land/pkg/gnoweb/frontend/js/controller-playground.ts index 2127784d1bb..a31ec074939 100644 --- a/gno.land/pkg/gnoweb/frontend/js/controller-playground.ts +++ b/gno.land/pkg/gnoweb/frontend/js/controller-playground.ts @@ -14,6 +14,9 @@ export class PlaygroundController extends BaseController { private declare codeEl: HTMLTextAreaElement; private declare outputEl: HTMLElement; private declare tabsEl: HTMLElement; + private declare tabsWrapEl: HTMLElement; + private declare prevBtnEl: HTMLButtonElement; + private declare nextBtnEl: HTMLButtonElement; protected connect(): void { this.files = []; @@ -21,13 +24,72 @@ export class PlaygroundController extends BaseController { this.codeEl = this.getTarget("code") as HTMLTextAreaElement; this.outputEl = this.getTarget("output") as HTMLElement; this.tabsEl = this.getTarget("tabs") as HTMLElement; + this.tabsWrapEl = this.getTarget("tabs-wrap") as HTMLElement; + this.prevBtnEl = this.getTarget("prev-button") as HTMLButtonElement; + this.nextBtnEl = this.getTarget("next-button") as HTMLButtonElement; if (!this.codeEl || !this.outputEl || !this.tabsEl) return; + this.codeEl.addEventListener("focus", () => + this._scrollActiveTabIntoView(), + ); + this._parseInitialCode(); this._setupKeyboardShortcuts(); + this._setupTabsScroll(); this.renderTabs(); } + private _setupTabsScroll(): void { + if (!this.tabsWrapEl || !this.prevBtnEl || !this.nextBtnEl) return; + + this.tabsEl.addEventListener("scroll", () => this._updateNavButtons(), { + passive: true, + }); + + const observer = new ResizeObserver(() => this._updateNavButtons()); + observer.observe(this.tabsWrapEl); + observer.observe(this.tabsEl); + } + + private _updateNavButtons(): void { + if (!this.tabsWrapEl || !this.prevBtnEl || !this.nextBtnEl) return; + + const overflows = this.tabsEl.scrollWidth > this.tabsWrapEl.clientWidth + 1; + this.prevBtnEl.hidden = !overflows; + this.nextBtnEl.hidden = !overflows; + if (!overflows) return; + + const { scrollLeft, scrollWidth, clientWidth } = this.tabsEl; + this.prevBtnEl.disabled = scrollLeft <= 0; + this.nextBtnEl.disabled = scrollLeft + clientWidth >= scrollWidth - 1; + } + + private _scrollByPage(direction: 1 | -1): void { + // Calculate the scroll distance, keeping 70% of the tab bar visible, + // keeping ~30% overlap, so user keeps visual context across clicks. + // The 80px floor guarantees a meaningful jump when the tab bar is + // very narrow, where 70% could be tiny. + const amount = Math.max(this.tabsEl.clientWidth * 0.7, 80); + this.tabsEl.scrollBy({ left: direction * amount, behavior: "smooth" }); + } + + private _scrollActiveTabIntoView(): void { + const active = this.tabsEl.querySelector( + ".b-playground-tab--active", + ) as HTMLElement | null; + if (!active) return; + + active.scrollIntoView({ inline: "nearest", block: "nearest" }); + } + + public scrollTabsPrev(): void { + this._scrollByPage(-1); + } + + public scrollTabsNext(): void { + this._scrollByPage(1); + } + private _parseInitialCode(): void { const initialCode = this.codeEl.value; if (initialCode.includes("// --- ") && initialCode.includes(" ---")) { @@ -95,12 +157,8 @@ export class PlaygroundController extends BaseController { this.tabsEl.appendChild(btn); }); - const addBtn = document.createElement("button"); - addBtn.className = "b-playground-tab-add"; - addBtn.textContent = "+"; - addBtn.title = "Add file"; - addBtn.addEventListener("click", () => this.addFile()); - this.tabsEl.appendChild(addBtn); + this._updateNavButtons(); + this._scrollActiveTabIntoView(); } public switchTab(event: Event & { params?: Record }): void { diff --git a/gno.land/pkg/gnoweb/public/js/controller-playground.js b/gno.land/pkg/gnoweb/public/js/controller-playground.js index 52f25f8d04b..767953ca907 100644 --- a/gno.land/pkg/gnoweb/public/js/controller-playground.js +++ b/gno.land/pkg/gnoweb/public/js/controller-playground.js @@ -1,16 +1,16 @@ -import{BaseController as l}from"./controller.js";var r="gnomod.toml",c=`package main -`,a=class extends l{connect(){this.files=[],this.activeFile=0,this.codeEl=this.getTarget("code"),this.outputEl=this.getTarget("output"),this.tabsEl=this.getTarget("tabs"),!(!this.codeEl||!this.outputEl||!this.tabsEl)&&(this._parseInitialCode(),this._setupKeyboardShortcuts(),this.renderTabs())}_parseInitialCode(){let t=this.codeEl.value;if(t.includes("// --- ")&&t.includes(" ---")){let e=t.split(/^\/\/ --- (.+?) ---$/m);for(let i=1;i{if(t.ctrlKey&&t.key==="Enter"){t.preventDefault(),this.runCode();return}if(t.key==="Tab"&&!t.shiftKey){t.preventDefault();let e=this.codeEl.selectionStart,i=this.codeEl.selectionEnd;this.codeEl.value=`${this.codeEl.value.substring(0,e)} ${this.codeEl.value.substring(i)}`,this.codeEl.selectionStart=this.codeEl.selectionEnd=e+1}})}_setOutput(t,e=!1){this.outputEl.textContent=t,this.outputEl.classList.toggle("u-color-danger",e)}_switchToFile(t){this.files[this.activeFile].content=this.codeEl.value;let e=this.files.findIndex(i=>i.name===t);return e>=0&&(this.activeFile=e,this.codeEl.value=this.files[e].content,this.renderTabs()),e>=0}renderTabs(){for(;this.tabsEl.firstChild;)this.tabsEl.removeChild(this.tabsEl.firstChild);this.files.forEach((e,i)=>{let n=document.createElement("button");n.className=`b-playground-tab${i===this.activeFile?" b-playground-tab--active":""}`,n.textContent=e.name,n.addEventListener("click",()=>this._switchToFile(e.name)),this.tabsEl.appendChild(n)});let t=document.createElement("button");t.className="b-playground-tab-add",t.textContent="+",t.title="Add file",t.addEventListener("click",()=>this.addFile()),this.tabsEl.appendChild(t)}switchTab(t){let e=t.params?.file;e&&this._switchToFile(e)}addFile(){let t=prompt("File name (e.g. helper.gno):");if(t==null||this._switchToFile(t))return;let e=t===r;if(!t.endsWith(".gno")&&!e)return;let i=this.getValue("domain")||"gno.land",n=c;e&&(n=`module = "${i}/r/yourname/pkg" -gno = "0.9"`),this.files[this.activeFile].content=this.codeEl.value,this.files.push({name:t,content:n}),this.activeFile=this.files.length-1,this.codeEl.value=this.files[this.activeFile].content,this.renderTabs()}async runCode(){this.files[this.activeFile].content=this.codeEl.value,this._setOutput("Running...");let t=this.codeEl.value,e=t.match(/^package\s+(\w+)/m),i=e?e[1]:"main",n=this.getValue("domain")||"gno.land";if(t.includes("func Render("))try{let o=await(await fetch("/_/api/eval",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({pkg_path:`${n}/r/playground_preview`,expression:'Render("")'})})).json();o.error?this._setOutput(`Error: ${o.error}`,!0):this._setOutput(o.result)}catch{this._setOutput(`Note: Server-side execution not available for scratch pad code. +import{BaseController as a}from"./controller.js";var r="gnomod.toml",c=`package main +`,l=class extends a{connect(){this.files=[],this.activeFile=0,this.codeEl=this.getTarget("code"),this.outputEl=this.getTarget("output"),this.tabsEl=this.getTarget("tabs"),this.tabsWrapEl=this.getTarget("tabs-wrap"),this.prevBtnEl=this.getTarget("prev-button"),this.nextBtnEl=this.getTarget("next-button"),!(!this.codeEl||!this.outputEl||!this.tabsEl)&&(this.codeEl.addEventListener("focus",()=>this._scrollActiveTabIntoView()),this._parseInitialCode(),this._setupKeyboardShortcuts(),this._setupTabsScroll(),this.renderTabs())}_setupTabsScroll(){if(!this.tabsWrapEl||!this.prevBtnEl||!this.nextBtnEl)return;this.tabsEl.addEventListener("scroll",()=>this._updateNavButtons(),{passive:!0});let t=new ResizeObserver(()=>this._updateNavButtons());t.observe(this.tabsWrapEl),t.observe(this.tabsEl)}_updateNavButtons(){if(!this.tabsWrapEl||!this.prevBtnEl||!this.nextBtnEl)return;let t=this.tabsEl.scrollWidth>this.tabsWrapEl.clientWidth+1;if(this.prevBtnEl.hidden=!t,this.nextBtnEl.hidden=!t,!t)return;let{scrollLeft:e,scrollWidth:i,clientWidth:s}=this.tabsEl;this.prevBtnEl.disabled=e<=0,this.nextBtnEl.disabled=e+s>=i-1}_scrollByPage(t){let e=Math.max(this.tabsEl.clientWidth*.7,80);this.tabsEl.scrollBy({left:t*e,behavior:"smooth"})}_scrollActiveTabIntoView(){let t=this.tabsEl.querySelector(".b-playground-tab--active");t&&t.scrollIntoView({inline:"nearest",block:"nearest"})}scrollTabsPrev(){this._scrollByPage(-1)}scrollTabsNext(){this._scrollByPage(1)}_parseInitialCode(){let t=this.codeEl.value;if(t.includes("// --- ")&&t.includes(" ---")){let e=t.split(/^\/\/ --- (.+?) ---$/m);for(let i=1;i{if(t.ctrlKey&&t.key==="Enter"){t.preventDefault(),this.runCode();return}if(t.key==="Tab"&&!t.shiftKey){t.preventDefault();let e=this.codeEl.selectionStart,i=this.codeEl.selectionEnd;this.codeEl.value=`${this.codeEl.value.substring(0,e)} ${this.codeEl.value.substring(i)}`,this.codeEl.selectionStart=this.codeEl.selectionEnd=e+1}})}_setOutput(t,e=!1){this.outputEl.textContent=t,this.outputEl.classList.toggle("u-color-danger",e)}_switchToFile(t){this.files[this.activeFile].content=this.codeEl.value;let e=this.files.findIndex(i=>i.name===t);return e>=0&&(this.activeFile=e,this.codeEl.value=this.files[e].content,this.renderTabs()),e>=0}renderTabs(){for(;this.tabsEl.firstChild;)this.tabsEl.removeChild(this.tabsEl.firstChild);this.files.forEach((t,e)=>{let i=document.createElement("button");i.className=`b-playground-tab${e===this.activeFile?" b-playground-tab--active":""}`,i.textContent=t.name,i.addEventListener("click",()=>this._switchToFile(t.name)),this.tabsEl.appendChild(i)}),this._updateNavButtons(),this._scrollActiveTabIntoView()}switchTab(t){let e=t.params?.file;e&&this._switchToFile(e)}addFile(){let t=prompt("File name (e.g. helper.gno):");if(t==null||this._switchToFile(t))return;let e=t===r;if(!t.endsWith(".gno")&&!e)return;let i=this.getValue("domain")||"gno.land",s=c;e&&(s=`module = "${i}/r/yourname/pkg" +gno = "0.9"`),this.files[this.activeFile].content=this.codeEl.value,this.files.push({name:t,content:s}),this.activeFile=this.files.length-1,this.codeEl.value=this.files[this.activeFile].content,this.renderTabs()}async runCode(){this.files[this.activeFile].content=this.codeEl.value,this._setOutput("Running...");let t=this.codeEl.value,e=t.match(/^package\s+(\w+)/m),i=e?e[1]:"main",s=this.getValue("domain")||"gno.land";if(t.includes("func Render("))try{let o=await(await fetch("/_/api/eval",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({pkg_path:`${s}/r/playground_preview`,expression:'Render("")'})})).json();o.error?this._setOutput(`Error: ${o.error}`,!0):this._setOutput(o.result)}catch{this._setOutput(`Note: Server-side execution not available for scratch pad code. Package: ${i} -Files: ${this.files.map(s=>s.name).join(", ")} +Files: ${this.files.map(n=>n.name).join(", ")} To deploy and test: - gnokey maketx addpkg -pkgpath "${n}/r/yourname/pkg" ...`)}else this._setOutput(`Package: ${i} -Files: ${this.files.map(s=>s.name).join(", ")} + gnokey maketx addpkg -pkgpath "${s}/r/yourname/pkg" ...`)}else this._setOutput(`Package: ${i} +Files: ${this.files.map(n=>n.name).join(", ")} To run locally: - gno run ${this.files.map(s=>s.name).join(" ")} + gno run ${this.files.map(n=>n.name).join(" ")} To test: gno test .`)}runTests(){this._setOutput(`Testing requires a running gno node. @@ -19,8 +19,8 @@ To test locally: gno test .`)}formatCode(){this._setOutput(`Formatting requires server-side gno fmt (coming soon). To format locally: - gno fmt -w `+this.files[this.activeFile].name)}shareCode(){this.files[this.activeFile].content=this.codeEl.value;let t=this.files.length===1?this.files[0].content:this.files.map(s=>`// --- ${s.name} --- -${s.content}`).join(` + gno fmt -w `+this.files[this.activeFile].name)}shareCode(){this.files[this.activeFile].content=this.codeEl.value;let t=this.files.length===1?this.files[0].content:this.files.map(n=>`// --- ${n.name} --- +${n.content}`).join(` -`),e=new TextEncoder().encode(t),i=Array.from(e,s=>String.fromCharCode(s)).join(""),n=`${window.location.origin}/_/play?code=${encodeURIComponent(btoa(i))}`;navigator.clipboard.writeText(n).then(()=>{this._setOutput("Share URL copied to clipboard!")}).catch(()=>{this._setOutput(`Share URL: -${n}`)})}clearOutput(){this._setOutput("// Run code to see output here")}};export{a as PlaygroundController}; +`),e=new TextEncoder().encode(t),i=Array.from(e,n=>String.fromCharCode(n)).join(""),s=`${window.location.origin}/_/play?code=${encodeURIComponent(btoa(i))}`;navigator.clipboard.writeText(s).then(()=>{this._setOutput("Share URL copied to clipboard!")}).catch(()=>{this._setOutput(`Share URL: +${s}`)})}clearOutput(){this._setOutput("// Run code to see output here")}};export{l as PlaygroundController}; diff --git a/gno.land/pkg/gnoweb/public/main.css b/gno.land/pkg/gnoweb/public/main.css index 8ca5df391d0..92eeae5d96a 100644 --- a/gno.land/pkg/gnoweb/public/main.css +++ b/gno.land/pkg/gnoweb/public/main.css @@ -3,4 +3,4 @@ li[data-list-type-value=realm]{display:flex}.b-packages:has(input[value=realms]:checked) article[data-list-type-value=realm]{display:flex}.b-packages:has(input[value=pures]:checked) li[data-list-type-value=pure]{display:flex}.b-packages:has(input[value=pures]:checked) - article[data-list-type-value=pure]{display:flex}.b-packages label:has(input:checked){color:var(--s-color-text-tertiary)}.b-packages label:has(input:checked):after{background-color:var(--s-color-bg-brand-default);border-top-left-radius:var(--s-rounded-sm);border-top-right-radius:var(--s-rounded-sm);bottom:calc(var(--g-space-1)*-2);content:"";height:var(--g-space-1);left:0;position:absolute;width:100%}.b-packages:has(input[value=realms]:checked) .range:not(:has(>[data-list-type-value=realm])):before{display:block}.b-packages:has(input[value=realms]:checked) .range:not(:has(>[data-list-type-value=realm])):after{display:block}.b-packages:has(input[value=realms]:checked) .range:not(:has(>[data-list-type-value=realm])):before{content:"No realms found"}.b-packages:has(input[value=realms]:checked) .range:not(:has(>[data-list-type-value=realm])):after{content:"Add a realm to your namespace to get started"}.b-packages:has(input[value=pures]:checked) .range:not(:has(>[data-list-type-value=pure])):before{display:block}.b-packages:has(input[value=pures]:checked) .range:not(:has(>[data-list-type-value=pure])):after{display:block}.b-packages:has(input[value=pures]:checked) .range:not(:has(>[data-list-type-value=pure])):before{content:"No pures found"}.b-packages:has(input[value=pures]:checked) .range:not(:has(>[data-list-type-value=pure])):after{content:"Add a pure to your namespace to get started"}@media (min-width:calc(640 / 16 * 1rem)){.b-packages:has(input[value=display-grid]:checked) .range{gap:var(--g-space-3);grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:calc(1020 / 16 * 1rem)){.b-packages:has(input[value=display-grid]:checked) .range{grid-template-columns:repeat(4,minmax(0,1fr))}}.b-packages:has(input[value=display-grid]:checked) .range article .article-content p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.b-packages:has(input[value=display-list]:checked) .range article .article-content{display:flex;flex:none;flex-direction:row;gap:var(--g-space-2)}@media (min-width:calc(820 / 16 * 1rem)){.b-packages:has(input[value=display-list]:checked) .range article .article-content{flex:5;min-width:0}}.b-packages:has(input[value=display-list]:checked) .range article .article-content .title{margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:33.33333%}.b-packages:has(input[value=display-list]:checked) .range article .article-content p{white-space:nowrap}.b-packages:has(input[value=display-list]:checked) .range article footer{display:none;justify-content:center;min-width:0;padding-bottom:0;padding-left:0}@media (min-width:calc(640 / 16 * 1rem)){.b-packages:has(input[value=display-list]:checked) .range article footer{flex:1}}@media (min-width:calc(820 / 16 * 1rem)){.b-packages:has(input[value=display-list]:checked) .range article footer{display:flex}}.b-packages:has(input[value=display-list]:checked) .range article footer .size{display:none;min-width:0}@media (min-width:calc(1020 / 16 * 1rem)){.b-packages:has(input[value=display-list]:checked) .range article footer .size{display:block;flex:2}}.b-packages:has(input[value=display-list]:checked) .range article footer time{min-width:0}@media (min-width:calc(1020 / 16 * 1rem)){.b-packages:has(input[value=display-list]:checked) .range article footer time{flex:5}}.b-icon-action{flex-shrink:0;height:var(--g-space-5);width:var(--g-space-5)}.b-popup-bg,.b-popup-dialog{opacity:0;right:0;top:0;visibility:hidden;z-index:var(--g-z-max)}.b-popup-bg{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}.b-popup-dialog{position:absolute}.b-popup-dialog>.inner{background-color:var(--s-color-bg-base);border:var(--s-border-secondary);border-radius:var(--s-rounded);padding:var(--g-space-2-5) var(--g-space-4);position:absolute;transform:translateX(-100%);z-index:var(--g-z-max)}.b-popup-dialog>.inner>*+*{margin-top:var(--g-space-2-5)}.b-popup-dialog header{align-items:center;color:var(--s-color-text-secondary);display:flex;justify-content:space-between;width:100%}.b-popup-dialog header>svg{color:var(--s-color-text-tertiary);cursor:pointer;position:absolute;right:var(--g-space-3)}.b-popup-dialog header>svg>svg:hover{color:var(--s-color-text-primary)}.b-popup:checked+.b-popup-bg,.b-popup:checked~.b-popup-dialog{opacity:1;visibility:visible}.b-tag,.b-tag--secondary{align-items:center;border:var(--s-border);border-radius:var(--s-rounded-full);color:var(--s-color-text-secondary);display:flex;font-family:var(--g-font-family-mono);font-size:var(--g-font-size-50);gap:var(--g-space-2);padding:var(--g-space-px) var(--g-space-2)}.b-tag--secondary{background-color:var(--s-color-bg-surface-primary);border-color:transparent;color:var(--s-color-text-primary)}.c-readme-view .gno-columns,.c-realm-view .gno-columns{display:flex;flex-wrap:wrap;gap:var(--g-space-10)}@media (min-width:calc(1366 / 16 * 1rem)){.c-readme-view .gno-columns,.c-realm-view .gno-columns{gap:var(--g-space-12)}}.c-readme-view .gno-columns>*,.c-realm-view .gno-columns>*{flex-basis:var(--g-space-52);flex-grow:1;flex-shrink:1}@media (min-width:calc(820 / 16 * 1rem)){.c-readme-view .gno-columns>*,.c-realm-view .gno-columns>*{flex-basis:var(--g-space-44)}}.c-readme-view .tooltip,.c-realm-view .tooltip{--tooltip-left:0;--tooltip-right:initial;align-items:center;border:var(--s-border);border-radius:var(--s-rounded-full);color:var(--s-color-text-tertiary);display:inline-flex;height:var(--g-space-4);justify-content:center;margin-bottom:var(--g-space-px);position:relative;width:var(--g-space-4)}.c-readme-view .tooltip>svg,.c-realm-view .tooltip>svg{height:var(--g-space-3);width:var(--g-space-3)}.c-readme-view .tooltip:after,.c-realm-view .tooltip:after{background-color:var(--s-color-bg-base);border:var(--s-border-secondary);border-radius:var(--s-rounded);color:var(--s-color-text-secondary);content:attr(data-tooltip);font-size:var(--g-font-size-100);font-weight:var(--g-font-normal);left:var(--tooltip-left);max-width:var(--g-space-48);min-width:var(--g-space-32);opacity:0;padding:var(--g-space-1) var(--g-space-2);position:absolute;right:var(--tooltip-right);scale:0;text-align:center;top:100%;visibility:hidden;width:-moz-fit-content;width:fit-content;z-index:var(--g-z-max)}.c-readme-view .tooltip:hover:after,.c-realm-view .tooltip:hover:after{opacity:1;scale:1;transition-delay:var(--g-transition-fast);visibility:visible}.c-readme-view .tooltip:only-of-type,.c-realm-view .tooltip:only-of-type{margin-left:.3em;margin-right:.3em}.c-realm-view .tooltip:has(+span){margin-left:.3em}.c-readme-view .tooltip:has(+span){margin-left:.3em}.c-readme-view .link-external,.c-realm-view .link-external{font-size:.67em}.c-readme-view .link-internal,.c-realm-view .link-internal{font-size:.75em;font-weight:400}.c-readme-view .link-tx,.c-readme-view .link-user,.c-realm-view .link-tx,.c-realm-view .link-user{font-size:.75em}.c-realm-view ul:has(li>input[type=checkbox]:first-child){list-style:none;padding-left:0}.c-readme-view ul:has(li>input[type=checkbox]:first-child){list-style:none;padding-left:0}.c-realm-view li:has(>input[type=checkbox]:first-child){align-items:center;display:flex;gap:var(--g-space-2)}.c-readme-view li:has(>input[type=checkbox]:first-child){align-items:center;display:flex;gap:var(--g-space-2)}.c-readme-view li>input[type=checkbox]:first-child,.c-realm-view li>input[type=checkbox]:first-child{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:var(--s-border-secondary);border-radius:var(--s-rounded-sm);flex-shrink:0;height:var(--g-space-5);padding:0;position:relative;width:var(--g-space-5)}.c-readme-view li>input[type=checkbox]:first-child:disabled,.c-realm-view li>input[type=checkbox]:first-child:disabled{background-color:var(--s-color-bg-surface-primary);border-color:var(--s-color-border-tertiary);cursor:not-allowed}.c-readme-view li>input[type=checkbox]:first-child:disabled:after,.c-realm-view li>input[type=checkbox]:first-child:disabled:after{background-color:var(--s-color-bg-brand-default)}.c-readme-view li>input[type=checkbox]:first-child:checked:after,.c-realm-view li>input[type=checkbox]:first-child:checked:after{opacity:1}.c-readme-view li>input[type=checkbox]:first-child:after,.c-realm-view li>input[type=checkbox]:first-child:after{background-color:var(--s-color-bg-base);clip-path:polygon(25% 36%,43% 54%,76% 18%,89% 29%,44% 78%,13% 49%);content:"";height:var(--g-space-3);left:50%;margin:auto;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--g-space-3)}.c-readme-view .footnote-backref,.c-realm-view .footnote-backref{vertical-align:middle}.c-readme-view li[id^="fn:"],.c-realm-view li[id^="fn:"]{position:relative;z-index:var(--g-z-1)}.c-readme-view li[id^="fn:"]:before,.c-realm-view li[id^="fn:"]:before{background-color:var(--s-color-bg-brand-weak);border-radius:var(--s-rounded-sm);bottom:0;content:"";display:block;left:calc(var(--g-space-0-5)*-1);opacity:0;position:absolute;right:calc(var(--g-space-0-5)*-1);top:calc(var(--g-space-0-5)*-1);z-index:var(--g-z-min)}.c-readme-view li[id^="fn:"]:target:before,.c-realm-view li[id^="fn:"]:target:before{opacity:1;transition-delay:var(--g-duration-150);transition-duration:var(--g-duration-75)}.c-readme-view .gno-form,.c-realm-view .gno-form{border:var(--s-border-secondary);border-radius:var(--s-rounded);display:block;margin-bottom:var(--g-space-6);margin-top:var(--g-space-6)}.c-readme-view .gno-form input[type=submit],.c-realm-view .gno-form input[type=submit]{background-color:var(--s-color-bg-brand-default);border-color:var(--s-color-border-brand-default);border-radius:var(--s-rounded-sm);color:var(--s-color-text-base);cursor:pointer;margin-bottom:var(--g-space-2);margin-top:var(--g-space-4);width:100%}.c-readme-view .gno-form input[type=submit]:hover,.c-realm-view .gno-form input[type=submit]:hover{opacity:.9}.c-readme-view .gno-form .command,.c-realm-view .gno-form .command{background-color:var(--s-color-bg-base-dev);margin-top:var(--g-space-6);padding:var(--g-space-4)}.c-readme-view .gno-form .command .title,.c-realm-view .gno-form .command .title{font-size:var(--g-font-size-200);font-weight:var(--g-font-semibold);white-space:nowrap}.c-readme-view .gno-form .command>.b-code,.c-realm-view .gno-form .command>.b-code{background-color:var(--s-color-bg-base-dev)}.c-readme-view .gno-form .command>.b-code>pre,.c-realm-view .gno-form .command>.b-code>pre{background-color:var(--s-color-bg-base);margin-bottom:0}.c-readme-view .gno-form .command .c-between,.c-readme-view .gno-form .command .c-inline,.c-realm-view .gno-form .command .c-between,.c-realm-view .gno-form .command .c-inline{align-items:flex-start;flex-direction:column;gap:var(--g-space-2)}@media (min-width:calc(640 / 16 * 1rem)){.c-readme-view .gno-form .command .c-between,.c-readme-view .gno-form .command .c-inline,.c-realm-view .gno-form .command .c-between,.c-realm-view .gno-form .command .c-inline{align-items:center;flex-direction:row}}.c-readme-view .gno-form .command .c-between>*,.c-readme-view .gno-form .command .c-inline>*,.c-realm-view .gno-form .command .c-between>*,.c-realm-view .gno-form .command .c-inline>*{width:100%}@media (min-width:calc(640 / 16 * 1rem)){.c-readme-view .gno-form .command .c-between>*,.c-readme-view .gno-form .command .c-inline>*,.c-realm-view .gno-form .command .c-between>*,.c-realm-view .gno-form .command .c-inline>*{width:auto}}.c-readme-view .gno-form_header,.c-realm-view .gno-form_header{color:var(--s-color-text-tertiary);display:flex;font-size:var(--g-font-size-50);justify-content:space-between;margin-bottom:var(--g-space-6);padding:var(--g-space-2) var(--g-space-4) 0}.c-readme-view .gno-form_input,.c-readme-view .gno-form_select,.c-realm-view .gno-form_input,.c-realm-view .gno-form_select{padding-left:var(--g-space-4);padding-right:var(--g-space-4);position:relative}.c-readme-view .gno-form_input label,.c-readme-view .gno-form_select label,.c-realm-view .gno-form_input label,.c-realm-view .gno-form_select label{background-color:var(--s-color-bg-input);color:var(--s-color-text-tertiary);display:none;font-size:var(--g-font-size-50);left:var(--g-space-5);padding-left:var(--g-space-1);padding-right:var(--g-space-1);position:absolute;top:0;transform:translateY(-50%)}.c-readme-view .gno-form_input svg,.c-readme-view .gno-form_select svg,.c-realm-view .gno-form_input svg,.c-realm-view .gno-form_select svg{height:var(--g-space-4);pointer-events:none;position:absolute;right:var(--g-space-6);top:50%;transform:translateY(-50%);width:var(--g-space-4)}.c-realm-view .gno-form_input:has(input:focus) label{display:block}.c-readme-view .gno-form_input:has(input:focus) label{display:block}.c-realm-view .gno-form_input:has(input:not(:-moz-placeholder)) label{display:block}.c-realm-view .gno-form_input:has(input:not(:placeholder-shown)) label{display:block}.c-readme-view .gno-form_input:has(input:not(:-moz-placeholder)) label{display:block}.c-readme-view .gno-form_input:has(input:not(:placeholder-shown)) label{display:block}.c-realm-view .gno-form_input:has(textarea:not(:-moz-placeholder)) label{display:block}.c-realm-view .gno-form_input:has(textarea:not(:placeholder-shown)) label{display:block}.c-readme-view .gno-form_input:has(textarea:not(:-moz-placeholder)) label{display:block}.c-readme-view .gno-form_input:has(textarea:not(:placeholder-shown)) label{display:block}.c-realm-view .gno-form_input:has(textarea:focus) label{display:block}.c-readme-view .gno-form_input:has(textarea:focus) label{display:block}.c-realm-view .gno-form_select:has(select:focus) label{display:block}.c-readme-view .gno-form_select:has(select:focus) label{display:block}.c-realm-view .gno-form_select:has(select option:not([value=""]):checked) label{display:block}.c-readme-view .gno-form_select:has(select option:not([value=""]):checked) label{display:block}.c-readme-view .gno-form_input input,.c-readme-view .gno-form_input textarea,.c-readme-view .gno-form_select select,.c-realm-view .gno-form_input input,.c-realm-view .gno-form_input textarea,.c-realm-view .gno-form_select select{background-color:var(--s-color-bg-input);border:var(--g-space-px) solid var(--s-color-border-input);border-radius:var(--s-rounded-sm);color:var(--s-color-text-primary);display:block;margin-bottom:var(--g-space-4);margin-top:var(--g-space-4);outline:none;padding:var(--g-space-2);width:100%}.c-readme-view .gno-form_input input:focus,.c-readme-view .gno-form_input input:hover,.c-readme-view .gno-form_input textarea:focus,.c-readme-view .gno-form_input textarea:hover,.c-readme-view .gno-form_select select:focus,.c-readme-view .gno-form_select select:hover,.c-realm-view .gno-form_input input:focus,.c-realm-view .gno-form_input input:hover,.c-realm-view .gno-form_input textarea:focus,.c-realm-view .gno-form_input textarea:hover,.c-realm-view .gno-form_select select:focus,.c-realm-view .gno-form_select select:hover{border-color:var(--s-color-border-tertiary)}.c-realm-view .gno-form_input input::-moz-placeholder{color:var(--s-color-text-tertiary)}.c-realm-view .gno-form_input input::placeholder{color:var(--s-color-text-tertiary)}.c-readme-view .gno-form_input input::-moz-placeholder{color:var(--s-color-text-tertiary)}.c-readme-view .gno-form_input input::placeholder{color:var(--s-color-text-tertiary)}.c-realm-view .gno-form_input textarea::-moz-placeholder{color:var(--s-color-text-tertiary)}.c-realm-view .gno-form_input textarea::placeholder{color:var(--s-color-text-tertiary)}.c-readme-view .gno-form_input textarea::-moz-placeholder{color:var(--s-color-text-tertiary)}.c-readme-view .gno-form_input textarea::placeholder{color:var(--s-color-text-tertiary)}.c-realm-view .gno-form_select select::-moz-placeholder{color:var(--s-color-text-tertiary)}.c-realm-view .gno-form_select select::placeholder{color:var(--s-color-text-tertiary)}.c-readme-view .gno-form_select select::-moz-placeholder{color:var(--s-color-text-tertiary)}.c-readme-view .gno-form_select select::placeholder{color:var(--s-color-text-tertiary)}.c-readme-view .gno-form_input input:disabled,.c-readme-view .gno-form_input input[readonly],.c-readme-view .gno-form_input textarea:disabled,.c-readme-view .gno-form_input textarea[readonly],.c-readme-view .gno-form_select select:disabled,.c-readme-view .gno-form_select select[readonly],.c-realm-view .gno-form_input input:disabled,.c-realm-view .gno-form_input input[readonly],.c-realm-view .gno-form_input textarea:disabled,.c-realm-view .gno-form_input textarea[readonly],.c-realm-view .gno-form_select select:disabled,.c-realm-view .gno-form_select select[readonly]{background-color:var(--s-color-bg-secondary);color:var(--s-color-text-tertiary);cursor:not-allowed}.c-readme-view .gno-form_input input:disabled:focus,.c-readme-view .gno-form_input input:disabled:hover,.c-readme-view .gno-form_input input[readonly]:focus,.c-readme-view .gno-form_input input[readonly]:hover,.c-readme-view .gno-form_input textarea:disabled:focus,.c-readme-view .gno-form_input textarea:disabled:hover,.c-readme-view .gno-form_input textarea[readonly]:focus,.c-readme-view .gno-form_input textarea[readonly]:hover,.c-readme-view .gno-form_select select:disabled:focus,.c-readme-view .gno-form_select select:disabled:hover,.c-readme-view .gno-form_select select[readonly]:focus,.c-readme-view .gno-form_select select[readonly]:hover,.c-realm-view .gno-form_input input:disabled:focus,.c-realm-view .gno-form_input input:disabled:hover,.c-realm-view .gno-form_input input[readonly]:focus,.c-realm-view .gno-form_input input[readonly]:hover,.c-realm-view .gno-form_input textarea:disabled:focus,.c-realm-view .gno-form_input textarea:disabled:hover,.c-realm-view .gno-form_input textarea[readonly]:focus,.c-realm-view .gno-form_input textarea[readonly]:hover,.c-realm-view .gno-form_select select:disabled:focus,.c-realm-view .gno-form_select select:disabled:hover,.c-realm-view .gno-form_select select[readonly]:focus,.c-realm-view .gno-form_select select[readonly]:hover{border-color:var(--s-color-border-secondary)}.c-realm-view .gno-form_input input:user-invalid{border-color:var(--s-color-border-error)}.c-readme-view .gno-form_input input:user-invalid{border-color:var(--s-color-border-error)}.c-realm-view .gno-form_input textarea:user-invalid{border-color:var(--s-color-border-error)}.c-readme-view .gno-form_input textarea:user-invalid{border-color:var(--s-color-border-error)}.c-realm-view .gno-form_select select:user-invalid{border-color:var(--s-color-border-error)}.c-readme-view .gno-form_select select:user-invalid{border-color:var(--s-color-border-error)}.c-realm-view .gno-form_input input:user-invalid:focus{border-color:var(--s-color-border-error)}.c-readme-view .gno-form_input input:user-invalid:focus{border-color:var(--s-color-border-error)}.c-realm-view .gno-form_input textarea:user-invalid:focus{border-color:var(--s-color-border-error)}.c-readme-view .gno-form_input textarea:user-invalid:focus{border-color:var(--s-color-border-error)}.c-realm-view .gno-form_select select:user-invalid:focus{border-color:var(--s-color-border-error)}.c-readme-view .gno-form_select select:user-invalid:focus{border-color:var(--s-color-border-error)}@supports not selector(:user-invalid){.c-realm-view .gno-form_input input:invalid:not(:-moz-placeholder):not(:focus){border-color:var(--s-color-border-error)}.c-realm-view .gno-form_input input:invalid:not(:placeholder-shown):not(:focus){border-color:var(--s-color-border-error)}.c-readme-view .gno-form_input input:invalid:not(:-moz-placeholder):not(:focus){border-color:var(--s-color-border-error)}.c-readme-view .gno-form_input input:invalid:not(:placeholder-shown):not(:focus){border-color:var(--s-color-border-error)}.c-realm-view .gno-form_input textarea:invalid:not(:-moz-placeholder):not(:focus){border-color:var(--s-color-border-error)}.c-realm-view .gno-form_input textarea:invalid:not(:placeholder-shown):not(:focus){border-color:var(--s-color-border-error)}.c-readme-view .gno-form_input textarea:invalid:not(:-moz-placeholder):not(:focus){border-color:var(--s-color-border-error)}.c-readme-view .gno-form_input textarea:invalid:not(:placeholder-shown):not(:focus){border-color:var(--s-color-border-error)}.c-realm-view .gno-form_select select:invalid:not(:-moz-placeholder):not(:focus){border-color:var(--s-color-border-error)}.c-realm-view .gno-form_select select:invalid:not(:placeholder-shown):not(:focus){border-color:var(--s-color-border-error)}.c-readme-view .gno-form_select select:invalid:not(:-moz-placeholder):not(:focus){border-color:var(--s-color-border-error)}.c-readme-view .gno-form_select select:invalid:not(:placeholder-shown):not(:focus){border-color:var(--s-color-border-error)}}.c-realm-view .gno-form_input input:focus::-moz-placeholder{opacity:0}.c-realm-view .gno-form_input input:focus::placeholder{opacity:0}.c-readme-view .gno-form_input input:focus::-moz-placeholder{opacity:0}.c-readme-view .gno-form_input input:focus::placeholder{opacity:0}.c-realm-view .gno-form_input textarea:focus::-moz-placeholder{opacity:0}.c-realm-view .gno-form_input textarea:focus::placeholder{opacity:0}.c-readme-view .gno-form_input textarea:focus::-moz-placeholder{opacity:0}.c-readme-view .gno-form_input textarea:focus::placeholder{opacity:0}.c-readme-view .gno-form textarea,.c-realm-view .gno-form textarea{resize:none}.c-realm-view .gno-form_select select:has(option[value=""]:checked){color:var(--s-color-text-tertiary)}.c-readme-view .gno-form_select select:has(option[value=""]:checked){color:var(--s-color-text-tertiary)}.c-readme-view .gno-form_description,.c-realm-view .gno-form_description{color:var(--s-color-text-secondary);font-weight:var(--g-font-semibold);margin-bottom:var(--g-space-2);margin-top:var(--g-space-5);padding-left:var(--g-space-4)}.c-readme-view .gno-form_info-badge,.c-realm-view .gno-form_info-badge{color:var(--s-color-text-tertiary);font-size:var(--g-font-size-50);font-weight:var(--g-font-normal);margin-left:var(--g-space-1)}.c-readme-view .gno-form_selectable,.c-realm-view .gno-form_selectable{-moz-column-gap:var(--g-space-2);column-gap:var(--g-space-2);display:flex;margin-bottom:var(--g-space-1);padding-left:var(--g-space-4);padding-right:var(--g-space-4)}.c-readme-view .gno-form_selectable input,.c-realm-view .gno-form_selectable input{width:auto}.c-readme-view .gno-form_selectable input[type=checkbox],.c-readme-view .gno-form_selectable input[type=radio],.c-realm-view .gno-form_selectable input[type=checkbox],.c-realm-view .gno-form_selectable input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:var(--s-border);border-radius:var(--s-rounded-full);flex-shrink:0;height:var(--g-space-5);padding:0;position:relative;width:var(--g-space-5)}.c-readme-view .gno-form_selectable input[type=checkbox]:checked,.c-readme-view .gno-form_selectable input[type=radio]:checked,.c-realm-view .gno-form_selectable input[type=checkbox]:checked,.c-realm-view .gno-form_selectable input[type=radio]:checked{background-color:var(--s-color-bg-brand-default);border-color:transparent}.c-readme-view .gno-form_selectable input[type=checkbox]:checked:after,.c-readme-view .gno-form_selectable input[type=radio]:checked:after,.c-realm-view .gno-form_selectable input[type=checkbox]:checked:after,.c-realm-view .gno-form_selectable input[type=radio]:checked:after{opacity:1}.c-readme-view .gno-form_selectable input[type=checkbox]:focus,.c-readme-view .gno-form_selectable input[type=radio]:focus,.c-realm-view .gno-form_selectable input[type=checkbox]:focus,.c-realm-view .gno-form_selectable input[type=radio]:focus{outline:none}.c-readme-view .gno-form_selectable input[type=checkbox]:focus,.c-readme-view .gno-form_selectable input[type=checkbox]:hover,.c-readme-view .gno-form_selectable input[type=radio]:focus,.c-readme-view .gno-form_selectable input[type=radio]:hover,.c-realm-view .gno-form_selectable input[type=checkbox]:focus,.c-realm-view .gno-form_selectable input[type=checkbox]:hover,.c-realm-view .gno-form_selectable input[type=radio]:focus,.c-realm-view .gno-form_selectable input[type=radio]:hover{border-color:var(--s-color-border-tertiary);color:var(--s-color-text-brand-default)}.c-readme-view .gno-form_selectable input[type=checkbox]:focus+label,.c-readme-view .gno-form_selectable input[type=checkbox]:hover+label,.c-readme-view .gno-form_selectable input[type=radio]:focus+label,.c-readme-view .gno-form_selectable input[type=radio]:hover+label,.c-realm-view .gno-form_selectable input[type=checkbox]:focus+label,.c-realm-view .gno-form_selectable input[type=checkbox]:hover+label,.c-realm-view .gno-form_selectable input[type=radio]:focus+label,.c-realm-view .gno-form_selectable input[type=radio]:hover+label{color:var(--s-color-text-brand-default);-webkit-text-decoration:underline;text-decoration:underline}.c-readme-view .gno-form_selectable input[type=checkbox]:disabled,.c-readme-view .gno-form_selectable input[type=radio]:disabled,.c-realm-view .gno-form_selectable input[type=checkbox]:disabled,.c-realm-view .gno-form_selectable input[type=radio]:disabled{cursor:not-allowed;opacity:var(--g-opacity-50);-webkit-text-decoration:line-through;text-decoration:line-through}.c-readme-view .gno-form_selectable input[type=checkbox]:disabled+label,.c-readme-view .gno-form_selectable input[type=radio]:disabled+label,.c-realm-view .gno-form_selectable input[type=checkbox]:disabled+label,.c-realm-view .gno-form_selectable input[type=radio]:disabled+label{cursor:not-allowed;opacity:var(--g-opacity-50);-webkit-text-decoration:none;text-decoration:none}.c-realm-view .gno-form_selectable input[type=radio]:user-invalid{border-color:var(--s-color-border-error)}.c-readme-view .gno-form_selectable input[type=radio]:user-invalid{border-color:var(--s-color-border-error)}.c-realm-view .gno-form_selectable input[type=checkbox]:user-invalid{border-color:var(--s-color-border-error)}.c-readme-view .gno-form_selectable input[type=checkbox]:user-invalid{border-color:var(--s-color-border-error)}@supports not selector(:user-invalid){.c-realm-view .gno-form_selectable input[type=radio]:invalid{border-color:var(--s-color-border-error)}.c-readme-view .gno-form_selectable input[type=radio]:invalid{border-color:var(--s-color-border-error)}.c-realm-view .gno-form_selectable input[type=checkbox]:invalid{border-color:var(--s-color-border-error)}.c-readme-view .gno-form_selectable input[type=checkbox]:invalid{border-color:var(--s-color-border-error)}}.c-readme-view .gno-form_selectable input[type=radio]:after,.c-realm-view .gno-form_selectable input[type=radio]:after{background-color:var(--s-color-bg-brand-default);border:var(--s-border-secondary);border-radius:var(--s-rounded-full);border-width:calc(var(--g-space-px)*2);content:"";height:var(--g-space-4);left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--g-space-4)}.c-readme-view .gno-form_selectable input[type=checkbox],.c-realm-view .gno-form_selectable input[type=checkbox]{border-radius:var(--s-rounded-sm)}.c-readme-view .gno-form_selectable input[type=checkbox]:after,.c-realm-view .gno-form_selectable input[type=checkbox]:after{background-color:var(--s-color-bg-base);clip-path:polygon(25% 36%,43% 54%,76% 18%,89% 29%,44% 78%,13% 49%);content:"";height:var(--g-space-3);left:50%;margin:auto;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--g-space-3)}.c-readme-view .gno-form_selectable label,.c-realm-view .gno-form_selectable label{color:var(--s-color-text-secondary);cursor:pointer;display:block;position:relative}.c-readme-view .gno-form_selectable label:first-letter,.c-realm-view .gno-form_selectable label:first-letter{text-transform:capitalize}.c-readme-view .gno-alert,.c-realm-view .gno-alert{border-left:var(--g-space-1) solid var(--s-color-border-tertiary);border-radius:var(--s-rounded);color:var(--s-color-text-secondary);margin-bottom:var(--g-space-10);margin-top:var(--g-space-5);padding:var(--g-space-3) var(--g-space-4)}.c-readme-view .gno-alert>div>:first-child,.c-realm-view .gno-alert>div>:first-child{margin-top:var(--g-space-2)}.c-readme-view .gno-alert>div>:last-child,.c-realm-view .gno-alert>div>:last-child{margin-bottom:0}.c-readme-view .gno-alert>summary,.c-realm-view .gno-alert>summary{align-items:center;display:flex;font-weight:var(--g-font-bold);gap:var(--g-space-2);list-style:none;margin-bottom:var(--g-space-1);margin-top:var(--g-space-1)}.c-readme-view .gno-alert>summary svg,.c-realm-view .gno-alert>summary svg{height:var(--g-space-6);width:var(--g-space-6)}.c-readme-view .gno-alert>summary svg:last-of-type,.c-realm-view .gno-alert>summary svg:last-of-type{height:var(--g-space-4);margin-left:auto;transform:rotate(-90deg);width:var(--g-space-4)}.c-readme-view .gno-alert>summary a,.c-readme-view .gno-alert>summary svg,.c-realm-view .gno-alert>summary a,.c-realm-view .gno-alert>summary svg{color:inherit}.c-realm-view .gno-alert>summary::marker{display:none}.c-readme-view .gno-alert>summary::marker{display:none}.c-readme-view .gno-alert>summary::-webkit-details-marker,.c-realm-view .gno-alert>summary::-webkit-details-marker{display:none}.c-readme-view .gno-alert[open]>summary svg:last-of-type,.c-realm-view .gno-alert[open]>summary svg:last-of-type{transform:rotate(0)}.c-readme-view .gno-alert.gno-alert-info,.c-realm-view .gno-alert.gno-alert-info{background-color:color-mix(in srgb,var(--s-color-bg-info-default) 10%,transparent);border-left-color:var(--s-color-border-info);color:var(--s-color-text-info)}.c-readme-view .gno-alert.gno-alert-note,.c-realm-view .gno-alert.gno-alert-note{background-color:color-mix(in srgb,var(--s-color-bg-note-default) 10%,transparent);border-left-color:var(--s-color-border-note);color:var(--s-color-text-note)}.c-readme-view .gno-alert.gno-alert-success,.c-realm-view .gno-alert.gno-alert-success{background-color:color-mix(in srgb,var(--s-color-bg-success-default) 10%,transparent);border-left-color:var(--s-color-border-success);color:var(--s-color-text-success)}.c-readme-view .gno-alert.gno-alert-warning,.c-realm-view .gno-alert.gno-alert-warning{background-color:color-mix(in srgb,var(--s-color-bg-warning-default) 10%,transparent);border-left-color:var(--s-color-border-warning);color:var(--s-color-text-warning)}.c-readme-view .gno-alert.gno-alert-caution,.c-realm-view .gno-alert.gno-alert-caution{background-color:color-mix(in srgb,var(--s-color-bg-caution-default) 10%,transparent);border-left-color:var(--s-color-border-error);color:var(--s-color-text-caution)}.c-readme-view .gno-alert.gno-alert-tip,.c-realm-view .gno-alert.gno-alert-tip{background-color:color-mix(in srgb,var(--s-color-bg-tip-default) 10%,transparent);border-left-color:var(--s-color-border-tip);color:var(--s-color-text-tip)}.b-playground{display:flex;flex-direction:column;grid-column:1/-1;min-height:70vh;padding-bottom:var(--g-space-24)}.b-playground-toolbar-left{align-items:center;display:flex;gap:var(--g-space-2)}.b-playground-toolbar-right{align-items:center;display:flex;gap:var(--g-space-1)}.b-playground-editor-area{border:1px solid var(--s-color-border-default);border-radius:var(--g-radius-2);display:flex;flex:1;flex-direction:column;margin-bottom:var(--g-space-8);min-height:40vh;overflow:hidden}.b-playground-tabs{align-items:center;border-bottom:1px solid var(--s-color-border-default);display:flex;gap:0;overflow-x:auto;padding:0 var(--g-space-1-5)}.b-playground-tab{background:none;border:none;color:var(--s-color-text-tertiary);cursor:pointer;font-family:var(--g-font-mono);font-size:var(--g-font-size-100);font-weight:var(--g-font-semibold);margin-right:var(--g-space-1);padding:var(--g-space-1) var(--g-space-2) var(--g-space-3);position:relative;transition:color var(--g-transition-fast);white-space:nowrap}.b-playground-tab:after{background-color:var(--s-color-bg-brand-default);border-radius:var(--s-rounded) var(--s-rounded) 0 0;bottom:0;content:"";height:var(--g-space-1);left:0;position:absolute;transition:width var(--g-transition-fast);width:0}.b-playground-tab:hover{color:var(--s-color-text-tertiary-hover)}.b-playground-tab--active{color:var(--s-color-text-secondary)}.b-playground-tab--active:after{width:100%}.b-playground-tab-add{background:none;border:none;color:var(--s-color-text-muted);cursor:pointer;font-size:var(--g-font-size-100);padding:var(--g-space-1) var(--g-space-2)}.b-playground-tab-add:hover{color:var(--s-color-text-secondary)}.b-playground-editor{display:flex;flex:1}.b-playground-code{background-color:var(--s-color-bg-base);border:none;border-radius:var(--s-rounded);color:var(--s-color-text-secondary);flex:1;font-family:var(--g-font-mono);font-size:var(--g-font-size-75);line-height:1.6;min-height:300px;outline:none;padding:var(--g-space-2);resize:none;-moz-tab-size:4;-o-tab-size:4;tab-size:4;width:100%}.b-playground-output{background-color:var(--s-color-bg-surface-secondary);border:1px solid var(--s-color-border-default);border-radius:var(--g-radius-2);overflow:hidden;padding:var(--g-space-4)}.b-playground-output-header{align-items:center;background-color:var(--s-color-bg-muted);border-bottom:1px solid var(--s-color-border-default);display:flex;justify-content:space-between;padding:var(--g-space-1) 0}.b-playground-output-title{font-size:var(--g-font-size-50);font-weight:var(--g-font-semibold);letter-spacing:.05em;margin-bottom:var(--g-space-1);text-transform:uppercase}.b-playground-output-clear{background:none;border:none;color:var(--s-color-text-tertiary);cursor:pointer;font-size:var(--g-font-size-100)}.b-playground-output-clear:hover{color:var(--s-color-text-tertiary-hover)}.b-playground-output-content{background-color:var(--s-color-bg-base);font-family:var(--g-font-mono);font-size:var(--g-font-size-75);line-height:1.6;margin:0;max-height:300px;min-height:80px;overflow-y:auto;padding:var(--g-space-2);white-space:pre-wrap;word-break:break-word}.b-eval{display:flex;flex-direction:column;gap:var(--g-space-6);grid-column:1/-1;min-height:70vh}.b-eval-form{align-items:flex-end;display:flex;gap:var(--g-space-2)}.b-eval-form .b-input--full{flex:1}.b-eval-result{background-color:var(--s-color-bg-surface-secondary);border:1px solid var(--s-color-border-default);border-radius:var(--g-radius-2);overflow:hidden;padding:var(--g-space-4)}.b-eval-result-header{align-items:center;background-color:var(--s-color-bg-muted);border-bottom:1px solid var(--s-color-border-default);display:flex;justify-content:space-between;padding:var(--g-space-1) 0}.b-eval-result-title{font-size:var(--g-font-size-50);font-weight:var(--g-font-semibold);letter-spacing:.05em;margin-bottom:var(--g-space-1);text-transform:uppercase}.b-eval-result-clear{background:none;border:none;color:var(--s-color-text-tertiary);cursor:pointer;font-size:var(--g-font-size-100)}.b-eval-result-clear:hover{color:var(--s-color-text-tertiary-hover)}.b-eval-result-content{background-color:var(--s-color-bg-base);font-family:var(--g-font-mono);font-size:var(--g-font-size-75);line-height:1.6;margin:0;max-height:400px;min-height:80px;overflow-y:auto;padding:var(--g-space-2);white-space:pre-wrap;word-break:break-word}.b-eval-functions{list-style:disc;padding-left:var(--g-space-4)}.b-eval-functions,.b-eval-history-list{display:flex;flex-direction:column;gap:var(--g-space-2)}.b-eval-history-list{justify-content:flex-start}.b-eval-history-entry{background-color:var(--s-color-bg-surface-secondary);border:1px solid var(--s-color-border-default);border-radius:var(--s-rounded);padding:var(--g-space-1-5)}.b-eval-history-entry+.b-eval-history-entry{margin-top:var(--g-space-1)}.b-eval-history-expr{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--g-space-1)}.b-eval-history-rerun{background:none;border:none;color:var(--s-color-text-muted);cursor:pointer;font-size:var(--g-font-size-100)}.b-eval-history-rerun:hover{color:var(--s-color-text-base)}.b-eval-history-result{background-color:var(--s-color-bg-base);border-radius:var(--g-radius-1);font-family:var(--g-font-mono);font-size:var(--g-font-size-50);margin:0;padding:var(--g-space-1);white-space:pre-wrap;word-break:break-word}.b-run{display:flex;flex-direction:column;grid-column:1/-1;min-height:70vh;padding-bottom:var(--g-space-24)}.b-run-commands,.b-run-settings{background-color:var(--s-color-bg-surface-secondary);border-radius:var(--s-rounded);padding:var(--g-space-4)}.b-run-commands{display:flex;flex-direction:column;gap:var(--g-space-3)}.b-run-commands h3{font-size:var(--g-font-size-400)}.b-run-settings-grid{align-items:stretch;display:flex;flex-direction:column;gap:var(--g-space-1);margin-top:var(--g-space-4);width:100%}.b-run-settings-grid label{background-color:var(--s-color-bg-surface-primary)}.b-run-settings-grid .b-input:has(input:focus) label{background-color:var(--s-color-bg-surface-secondary)}.b-run-settings-grid .b-input:has(input:hover) label{background-color:var(--s-color-bg-surface-secondary)}.b-run-command-header{align-items:center;display:flex;font-size:var(--g-font-size-100);gap:var(--g-space-2);margin-bottom:var(--g-space-2)}.b-run-command-label{color:var(--s-color-text-primary);font-weight:var(--g-font-semibold)}.b-run-copy-btn{margin-left:auto}.b-run-command-pre{background-color:var(--s-color-bg-base);border-radius:var(--s-rounded);color:var(--s-color-text-secondary);font-size:var(--g-font-size-100);min-height:var(--g-space-12);padding:var(--g-space-4);white-space:pre-wrap;word-break:break-word}.u-hidden{display:none}.u-inline{display:inline}.u-sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.u-color-valid{color:var(--s-color-bg-brand-default)}.u-color-danger{color:var(--s-color-text-caution)}.u-text-stroke{-webkit-text-stroke:currentColor;-webkit-text-stroke-width:.6px}.u-font-mono{font-family:var(--g-font-family-mono)}.u-capitalize{text-transform:capitalize}.u-text-center{text-align:center}.u-no-scrollbar::-webkit-scrollbar{display:none}.u-no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.u-is-loading{opacity:0}.u-icon-static{height:var(--g-space-4);width:var(--g-space-4)}.u-gap-0{gap:0}.u-mt-4{margin-top:var(--g-space-4)}.u-mb-0{margin-bottom:0}.u-mb-2{margin-bottom:var(--g-space-2)}@media (min-width:calc(820 / 16 * 1rem)){.u-lg-mb-4{margin-bottom:var(--g-space-4)}}.u-grid-full{grid-column:1/-1} \ No newline at end of file + article[data-list-type-value=pure]{display:flex}.b-packages label:has(input:checked){color:var(--s-color-text-tertiary)}.b-packages label:has(input:checked):after{background-color:var(--s-color-bg-brand-default);border-top-left-radius:var(--s-rounded-sm);border-top-right-radius:var(--s-rounded-sm);bottom:calc(var(--g-space-1)*-2);content:"";height:var(--g-space-1);left:0;position:absolute;width:100%}.b-packages:has(input[value=realms]:checked) .range:not(:has(>[data-list-type-value=realm])):before{display:block}.b-packages:has(input[value=realms]:checked) .range:not(:has(>[data-list-type-value=realm])):after{display:block}.b-packages:has(input[value=realms]:checked) .range:not(:has(>[data-list-type-value=realm])):before{content:"No realms found"}.b-packages:has(input[value=realms]:checked) .range:not(:has(>[data-list-type-value=realm])):after{content:"Add a realm to your namespace to get started"}.b-packages:has(input[value=pures]:checked) .range:not(:has(>[data-list-type-value=pure])):before{display:block}.b-packages:has(input[value=pures]:checked) .range:not(:has(>[data-list-type-value=pure])):after{display:block}.b-packages:has(input[value=pures]:checked) .range:not(:has(>[data-list-type-value=pure])):before{content:"No pures found"}.b-packages:has(input[value=pures]:checked) .range:not(:has(>[data-list-type-value=pure])):after{content:"Add a pure to your namespace to get started"}@media (min-width:calc(640 / 16 * 1rem)){.b-packages:has(input[value=display-grid]:checked) .range{gap:var(--g-space-3);grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:calc(1020 / 16 * 1rem)){.b-packages:has(input[value=display-grid]:checked) .range{grid-template-columns:repeat(4,minmax(0,1fr))}}.b-packages:has(input[value=display-grid]:checked) .range article .article-content p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.b-packages:has(input[value=display-list]:checked) .range article .article-content{display:flex;flex:none;flex-direction:row;gap:var(--g-space-2)}@media (min-width:calc(820 / 16 * 1rem)){.b-packages:has(input[value=display-list]:checked) .range article .article-content{flex:5;min-width:0}}.b-packages:has(input[value=display-list]:checked) .range article .article-content .title{margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:33.33333%}.b-packages:has(input[value=display-list]:checked) .range article .article-content p{white-space:nowrap}.b-packages:has(input[value=display-list]:checked) .range article footer{display:none;justify-content:center;min-width:0;padding-bottom:0;padding-left:0}@media (min-width:calc(640 / 16 * 1rem)){.b-packages:has(input[value=display-list]:checked) .range article footer{flex:1}}@media (min-width:calc(820 / 16 * 1rem)){.b-packages:has(input[value=display-list]:checked) .range article footer{display:flex}}.b-packages:has(input[value=display-list]:checked) .range article footer .size{display:none;min-width:0}@media (min-width:calc(1020 / 16 * 1rem)){.b-packages:has(input[value=display-list]:checked) .range article footer .size{display:block;flex:2}}.b-packages:has(input[value=display-list]:checked) .range article footer time{min-width:0}@media (min-width:calc(1020 / 16 * 1rem)){.b-packages:has(input[value=display-list]:checked) .range article footer time{flex:5}}.b-icon-action{flex-shrink:0;height:var(--g-space-5);width:var(--g-space-5)}.b-popup-bg,.b-popup-dialog{opacity:0;right:0;top:0;visibility:hidden;z-index:var(--g-z-max)}.b-popup-bg{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}.b-popup-dialog{position:absolute}.b-popup-dialog>.inner{background-color:var(--s-color-bg-base);border:var(--s-border-secondary);border-radius:var(--s-rounded);padding:var(--g-space-2-5) var(--g-space-4);position:absolute;transform:translateX(-100%);z-index:var(--g-z-max)}.b-popup-dialog>.inner>*+*{margin-top:var(--g-space-2-5)}.b-popup-dialog header{align-items:center;color:var(--s-color-text-secondary);display:flex;justify-content:space-between;width:100%}.b-popup-dialog header>svg{color:var(--s-color-text-tertiary);cursor:pointer;position:absolute;right:var(--g-space-3)}.b-popup-dialog header>svg>svg:hover{color:var(--s-color-text-primary)}.b-popup:checked+.b-popup-bg,.b-popup:checked~.b-popup-dialog{opacity:1;visibility:visible}.b-tag,.b-tag--secondary{align-items:center;border:var(--s-border);border-radius:var(--s-rounded-full);color:var(--s-color-text-secondary);display:flex;font-family:var(--g-font-family-mono);font-size:var(--g-font-size-50);gap:var(--g-space-2);padding:var(--g-space-px) var(--g-space-2)}.b-tag--secondary{background-color:var(--s-color-bg-surface-primary);border-color:transparent;color:var(--s-color-text-primary)}.c-readme-view .gno-columns,.c-realm-view .gno-columns{display:flex;flex-wrap:wrap;gap:var(--g-space-10)}@media (min-width:calc(1366 / 16 * 1rem)){.c-readme-view .gno-columns,.c-realm-view .gno-columns{gap:var(--g-space-12)}}.c-readme-view .gno-columns>*,.c-realm-view .gno-columns>*{flex-basis:var(--g-space-52);flex-grow:1;flex-shrink:1}@media (min-width:calc(820 / 16 * 1rem)){.c-readme-view .gno-columns>*,.c-realm-view .gno-columns>*{flex-basis:var(--g-space-44)}}.c-readme-view .tooltip,.c-realm-view .tooltip{--tooltip-left:0;--tooltip-right:initial;align-items:center;border:var(--s-border);border-radius:var(--s-rounded-full);color:var(--s-color-text-tertiary);display:inline-flex;height:var(--g-space-4);justify-content:center;margin-bottom:var(--g-space-px);position:relative;width:var(--g-space-4)}.c-readme-view .tooltip>svg,.c-realm-view .tooltip>svg{height:var(--g-space-3);width:var(--g-space-3)}.c-readme-view .tooltip:after,.c-realm-view .tooltip:after{background-color:var(--s-color-bg-base);border:var(--s-border-secondary);border-radius:var(--s-rounded);color:var(--s-color-text-secondary);content:attr(data-tooltip);font-size:var(--g-font-size-100);font-weight:var(--g-font-normal);left:var(--tooltip-left);max-width:var(--g-space-48);min-width:var(--g-space-32);opacity:0;padding:var(--g-space-1) var(--g-space-2);position:absolute;right:var(--tooltip-right);scale:0;text-align:center;top:100%;visibility:hidden;width:-moz-fit-content;width:fit-content;z-index:var(--g-z-max)}.c-readme-view .tooltip:hover:after,.c-realm-view .tooltip:hover:after{opacity:1;scale:1;transition-delay:var(--g-transition-fast);visibility:visible}.c-readme-view .tooltip:only-of-type,.c-realm-view .tooltip:only-of-type{margin-left:.3em;margin-right:.3em}.c-realm-view .tooltip:has(+span){margin-left:.3em}.c-readme-view .tooltip:has(+span){margin-left:.3em}.c-readme-view .link-external,.c-realm-view .link-external{font-size:.67em}.c-readme-view .link-internal,.c-realm-view .link-internal{font-size:.75em;font-weight:400}.c-readme-view .link-tx,.c-readme-view .link-user,.c-realm-view .link-tx,.c-realm-view .link-user{font-size:.75em}.c-realm-view ul:has(li>input[type=checkbox]:first-child){list-style:none;padding-left:0}.c-readme-view ul:has(li>input[type=checkbox]:first-child){list-style:none;padding-left:0}.c-realm-view li:has(>input[type=checkbox]:first-child){align-items:center;display:flex;gap:var(--g-space-2)}.c-readme-view li:has(>input[type=checkbox]:first-child){align-items:center;display:flex;gap:var(--g-space-2)}.c-readme-view li>input[type=checkbox]:first-child,.c-realm-view li>input[type=checkbox]:first-child{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:var(--s-border-secondary);border-radius:var(--s-rounded-sm);flex-shrink:0;height:var(--g-space-5);padding:0;position:relative;width:var(--g-space-5)}.c-readme-view li>input[type=checkbox]:first-child:disabled,.c-realm-view li>input[type=checkbox]:first-child:disabled{background-color:var(--s-color-bg-surface-primary);border-color:var(--s-color-border-tertiary);cursor:not-allowed}.c-readme-view li>input[type=checkbox]:first-child:disabled:after,.c-realm-view li>input[type=checkbox]:first-child:disabled:after{background-color:var(--s-color-bg-brand-default)}.c-readme-view li>input[type=checkbox]:first-child:checked:after,.c-realm-view li>input[type=checkbox]:first-child:checked:after{opacity:1}.c-readme-view li>input[type=checkbox]:first-child:after,.c-realm-view li>input[type=checkbox]:first-child:after{background-color:var(--s-color-bg-base);clip-path:polygon(25% 36%,43% 54%,76% 18%,89% 29%,44% 78%,13% 49%);content:"";height:var(--g-space-3);left:50%;margin:auto;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--g-space-3)}.c-readme-view .footnote-backref,.c-realm-view .footnote-backref{vertical-align:middle}.c-readme-view li[id^="fn:"],.c-realm-view li[id^="fn:"]{position:relative;z-index:var(--g-z-1)}.c-readme-view li[id^="fn:"]:before,.c-realm-view li[id^="fn:"]:before{background-color:var(--s-color-bg-brand-weak);border-radius:var(--s-rounded-sm);bottom:0;content:"";display:block;left:calc(var(--g-space-0-5)*-1);opacity:0;position:absolute;right:calc(var(--g-space-0-5)*-1);top:calc(var(--g-space-0-5)*-1);z-index:var(--g-z-min)}.c-readme-view li[id^="fn:"]:target:before,.c-realm-view li[id^="fn:"]:target:before{opacity:1;transition-delay:var(--g-duration-150);transition-duration:var(--g-duration-75)}.c-readme-view .gno-form,.c-realm-view .gno-form{border:var(--s-border-secondary);border-radius:var(--s-rounded);display:block;margin-bottom:var(--g-space-6);margin-top:var(--g-space-6)}.c-readme-view .gno-form input[type=submit],.c-realm-view .gno-form input[type=submit]{background-color:var(--s-color-bg-brand-default);border-color:var(--s-color-border-brand-default);border-radius:var(--s-rounded-sm);color:var(--s-color-text-base);cursor:pointer;margin-bottom:var(--g-space-2);margin-top:var(--g-space-4);width:100%}.c-readme-view .gno-form input[type=submit]:hover,.c-realm-view .gno-form input[type=submit]:hover{opacity:.9}.c-readme-view .gno-form .command,.c-realm-view .gno-form .command{background-color:var(--s-color-bg-base-dev);margin-top:var(--g-space-6);padding:var(--g-space-4)}.c-readme-view .gno-form .command .title,.c-realm-view .gno-form .command .title{font-size:var(--g-font-size-200);font-weight:var(--g-font-semibold);white-space:nowrap}.c-readme-view .gno-form .command>.b-code,.c-realm-view .gno-form .command>.b-code{background-color:var(--s-color-bg-base-dev)}.c-readme-view .gno-form .command>.b-code>pre,.c-realm-view .gno-form .command>.b-code>pre{background-color:var(--s-color-bg-base);margin-bottom:0}.c-readme-view .gno-form .command .c-between,.c-readme-view .gno-form .command .c-inline,.c-realm-view .gno-form .command .c-between,.c-realm-view .gno-form .command .c-inline{align-items:flex-start;flex-direction:column;gap:var(--g-space-2)}@media (min-width:calc(640 / 16 * 1rem)){.c-readme-view .gno-form .command .c-between,.c-readme-view .gno-form .command .c-inline,.c-realm-view .gno-form .command .c-between,.c-realm-view .gno-form .command .c-inline{align-items:center;flex-direction:row}}.c-readme-view .gno-form .command .c-between>*,.c-readme-view .gno-form .command .c-inline>*,.c-realm-view .gno-form .command .c-between>*,.c-realm-view .gno-form .command .c-inline>*{width:100%}@media (min-width:calc(640 / 16 * 1rem)){.c-readme-view .gno-form .command .c-between>*,.c-readme-view .gno-form .command .c-inline>*,.c-realm-view .gno-form .command .c-between>*,.c-realm-view .gno-form .command .c-inline>*{width:auto}}.c-readme-view .gno-form_header,.c-realm-view .gno-form_header{color:var(--s-color-text-tertiary);display:flex;font-size:var(--g-font-size-50);justify-content:space-between;margin-bottom:var(--g-space-6);padding:var(--g-space-2) var(--g-space-4) 0}.c-readme-view .gno-form_input,.c-readme-view .gno-form_select,.c-realm-view .gno-form_input,.c-realm-view .gno-form_select{padding-left:var(--g-space-4);padding-right:var(--g-space-4);position:relative}.c-readme-view .gno-form_input label,.c-readme-view .gno-form_select label,.c-realm-view .gno-form_input label,.c-realm-view .gno-form_select label{background-color:var(--s-color-bg-input);color:var(--s-color-text-tertiary);display:none;font-size:var(--g-font-size-50);left:var(--g-space-5);padding-left:var(--g-space-1);padding-right:var(--g-space-1);position:absolute;top:0;transform:translateY(-50%)}.c-readme-view .gno-form_input svg,.c-readme-view .gno-form_select svg,.c-realm-view .gno-form_input svg,.c-realm-view .gno-form_select svg{height:var(--g-space-4);pointer-events:none;position:absolute;right:var(--g-space-6);top:50%;transform:translateY(-50%);width:var(--g-space-4)}.c-realm-view .gno-form_input:has(input:focus) label{display:block}.c-readme-view .gno-form_input:has(input:focus) label{display:block}.c-realm-view .gno-form_input:has(input:not(:-moz-placeholder)) label{display:block}.c-realm-view .gno-form_input:has(input:not(:placeholder-shown)) label{display:block}.c-readme-view .gno-form_input:has(input:not(:-moz-placeholder)) label{display:block}.c-readme-view .gno-form_input:has(input:not(:placeholder-shown)) label{display:block}.c-realm-view .gno-form_input:has(textarea:not(:-moz-placeholder)) label{display:block}.c-realm-view .gno-form_input:has(textarea:not(:placeholder-shown)) label{display:block}.c-readme-view .gno-form_input:has(textarea:not(:-moz-placeholder)) label{display:block}.c-readme-view .gno-form_input:has(textarea:not(:placeholder-shown)) label{display:block}.c-realm-view .gno-form_input:has(textarea:focus) label{display:block}.c-readme-view .gno-form_input:has(textarea:focus) label{display:block}.c-realm-view .gno-form_select:has(select:focus) label{display:block}.c-readme-view .gno-form_select:has(select:focus) label{display:block}.c-realm-view .gno-form_select:has(select option:not([value=""]):checked) label{display:block}.c-readme-view .gno-form_select:has(select option:not([value=""]):checked) label{display:block}.c-readme-view .gno-form_input input,.c-readme-view .gno-form_input textarea,.c-readme-view .gno-form_select select,.c-realm-view .gno-form_input input,.c-realm-view .gno-form_input textarea,.c-realm-view .gno-form_select select{background-color:var(--s-color-bg-input);border:var(--g-space-px) solid var(--s-color-border-input);border-radius:var(--s-rounded-sm);color:var(--s-color-text-primary);display:block;margin-bottom:var(--g-space-4);margin-top:var(--g-space-4);outline:none;padding:var(--g-space-2);width:100%}.c-readme-view .gno-form_input input:focus,.c-readme-view .gno-form_input input:hover,.c-readme-view .gno-form_input textarea:focus,.c-readme-view .gno-form_input textarea:hover,.c-readme-view .gno-form_select select:focus,.c-readme-view .gno-form_select select:hover,.c-realm-view .gno-form_input input:focus,.c-realm-view .gno-form_input input:hover,.c-realm-view .gno-form_input textarea:focus,.c-realm-view .gno-form_input textarea:hover,.c-realm-view .gno-form_select select:focus,.c-realm-view .gno-form_select select:hover{border-color:var(--s-color-border-tertiary)}.c-realm-view .gno-form_input input::-moz-placeholder{color:var(--s-color-text-tertiary)}.c-realm-view .gno-form_input input::placeholder{color:var(--s-color-text-tertiary)}.c-readme-view .gno-form_input input::-moz-placeholder{color:var(--s-color-text-tertiary)}.c-readme-view .gno-form_input input::placeholder{color:var(--s-color-text-tertiary)}.c-realm-view .gno-form_input textarea::-moz-placeholder{color:var(--s-color-text-tertiary)}.c-realm-view .gno-form_input textarea::placeholder{color:var(--s-color-text-tertiary)}.c-readme-view .gno-form_input textarea::-moz-placeholder{color:var(--s-color-text-tertiary)}.c-readme-view .gno-form_input textarea::placeholder{color:var(--s-color-text-tertiary)}.c-realm-view .gno-form_select select::-moz-placeholder{color:var(--s-color-text-tertiary)}.c-realm-view .gno-form_select select::placeholder{color:var(--s-color-text-tertiary)}.c-readme-view .gno-form_select select::-moz-placeholder{color:var(--s-color-text-tertiary)}.c-readme-view .gno-form_select select::placeholder{color:var(--s-color-text-tertiary)}.c-readme-view .gno-form_input input:disabled,.c-readme-view .gno-form_input input[readonly],.c-readme-view .gno-form_input textarea:disabled,.c-readme-view .gno-form_input textarea[readonly],.c-readme-view .gno-form_select select:disabled,.c-readme-view .gno-form_select select[readonly],.c-realm-view .gno-form_input input:disabled,.c-realm-view .gno-form_input input[readonly],.c-realm-view .gno-form_input textarea:disabled,.c-realm-view .gno-form_input textarea[readonly],.c-realm-view .gno-form_select select:disabled,.c-realm-view .gno-form_select select[readonly]{background-color:var(--s-color-bg-secondary);color:var(--s-color-text-tertiary);cursor:not-allowed}.c-readme-view .gno-form_input input:disabled:focus,.c-readme-view .gno-form_input input:disabled:hover,.c-readme-view .gno-form_input input[readonly]:focus,.c-readme-view .gno-form_input input[readonly]:hover,.c-readme-view .gno-form_input textarea:disabled:focus,.c-readme-view .gno-form_input textarea:disabled:hover,.c-readme-view .gno-form_input textarea[readonly]:focus,.c-readme-view .gno-form_input textarea[readonly]:hover,.c-readme-view .gno-form_select select:disabled:focus,.c-readme-view .gno-form_select select:disabled:hover,.c-readme-view .gno-form_select select[readonly]:focus,.c-readme-view .gno-form_select select[readonly]:hover,.c-realm-view .gno-form_input input:disabled:focus,.c-realm-view .gno-form_input input:disabled:hover,.c-realm-view .gno-form_input input[readonly]:focus,.c-realm-view .gno-form_input input[readonly]:hover,.c-realm-view .gno-form_input textarea:disabled:focus,.c-realm-view .gno-form_input textarea:disabled:hover,.c-realm-view .gno-form_input textarea[readonly]:focus,.c-realm-view .gno-form_input textarea[readonly]:hover,.c-realm-view .gno-form_select select:disabled:focus,.c-realm-view .gno-form_select select:disabled:hover,.c-realm-view .gno-form_select select[readonly]:focus,.c-realm-view .gno-form_select select[readonly]:hover{border-color:var(--s-color-border-secondary)}.c-realm-view .gno-form_input input:user-invalid{border-color:var(--s-color-border-error)}.c-readme-view .gno-form_input input:user-invalid{border-color:var(--s-color-border-error)}.c-realm-view .gno-form_input textarea:user-invalid{border-color:var(--s-color-border-error)}.c-readme-view .gno-form_input textarea:user-invalid{border-color:var(--s-color-border-error)}.c-realm-view .gno-form_select select:user-invalid{border-color:var(--s-color-border-error)}.c-readme-view .gno-form_select select:user-invalid{border-color:var(--s-color-border-error)}.c-realm-view .gno-form_input input:user-invalid:focus{border-color:var(--s-color-border-error)}.c-readme-view .gno-form_input input:user-invalid:focus{border-color:var(--s-color-border-error)}.c-realm-view .gno-form_input textarea:user-invalid:focus{border-color:var(--s-color-border-error)}.c-readme-view .gno-form_input textarea:user-invalid:focus{border-color:var(--s-color-border-error)}.c-realm-view .gno-form_select select:user-invalid:focus{border-color:var(--s-color-border-error)}.c-readme-view .gno-form_select select:user-invalid:focus{border-color:var(--s-color-border-error)}@supports not selector(:user-invalid){.c-realm-view .gno-form_input input:invalid:not(:-moz-placeholder):not(:focus){border-color:var(--s-color-border-error)}.c-realm-view .gno-form_input input:invalid:not(:placeholder-shown):not(:focus){border-color:var(--s-color-border-error)}.c-readme-view .gno-form_input input:invalid:not(:-moz-placeholder):not(:focus){border-color:var(--s-color-border-error)}.c-readme-view .gno-form_input input:invalid:not(:placeholder-shown):not(:focus){border-color:var(--s-color-border-error)}.c-realm-view .gno-form_input textarea:invalid:not(:-moz-placeholder):not(:focus){border-color:var(--s-color-border-error)}.c-realm-view .gno-form_input textarea:invalid:not(:placeholder-shown):not(:focus){border-color:var(--s-color-border-error)}.c-readme-view .gno-form_input textarea:invalid:not(:-moz-placeholder):not(:focus){border-color:var(--s-color-border-error)}.c-readme-view .gno-form_input textarea:invalid:not(:placeholder-shown):not(:focus){border-color:var(--s-color-border-error)}.c-realm-view .gno-form_select select:invalid:not(:-moz-placeholder):not(:focus){border-color:var(--s-color-border-error)}.c-realm-view .gno-form_select select:invalid:not(:placeholder-shown):not(:focus){border-color:var(--s-color-border-error)}.c-readme-view .gno-form_select select:invalid:not(:-moz-placeholder):not(:focus){border-color:var(--s-color-border-error)}.c-readme-view .gno-form_select select:invalid:not(:placeholder-shown):not(:focus){border-color:var(--s-color-border-error)}}.c-realm-view .gno-form_input input:focus::-moz-placeholder{opacity:0}.c-realm-view .gno-form_input input:focus::placeholder{opacity:0}.c-readme-view .gno-form_input input:focus::-moz-placeholder{opacity:0}.c-readme-view .gno-form_input input:focus::placeholder{opacity:0}.c-realm-view .gno-form_input textarea:focus::-moz-placeholder{opacity:0}.c-realm-view .gno-form_input textarea:focus::placeholder{opacity:0}.c-readme-view .gno-form_input textarea:focus::-moz-placeholder{opacity:0}.c-readme-view .gno-form_input textarea:focus::placeholder{opacity:0}.c-readme-view .gno-form textarea,.c-realm-view .gno-form textarea{resize:none}.c-realm-view .gno-form_select select:has(option[value=""]:checked){color:var(--s-color-text-tertiary)}.c-readme-view .gno-form_select select:has(option[value=""]:checked){color:var(--s-color-text-tertiary)}.c-readme-view .gno-form_description,.c-realm-view .gno-form_description{color:var(--s-color-text-secondary);font-weight:var(--g-font-semibold);margin-bottom:var(--g-space-2);margin-top:var(--g-space-5);padding-left:var(--g-space-4)}.c-readme-view .gno-form_info-badge,.c-realm-view .gno-form_info-badge{color:var(--s-color-text-tertiary);font-size:var(--g-font-size-50);font-weight:var(--g-font-normal);margin-left:var(--g-space-1)}.c-readme-view .gno-form_selectable,.c-realm-view .gno-form_selectable{-moz-column-gap:var(--g-space-2);column-gap:var(--g-space-2);display:flex;margin-bottom:var(--g-space-1);padding-left:var(--g-space-4);padding-right:var(--g-space-4)}.c-readme-view .gno-form_selectable input,.c-realm-view .gno-form_selectable input{width:auto}.c-readme-view .gno-form_selectable input[type=checkbox],.c-readme-view .gno-form_selectable input[type=radio],.c-realm-view .gno-form_selectable input[type=checkbox],.c-realm-view .gno-form_selectable input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:var(--s-border);border-radius:var(--s-rounded-full);flex-shrink:0;height:var(--g-space-5);padding:0;position:relative;width:var(--g-space-5)}.c-readme-view .gno-form_selectable input[type=checkbox]:checked,.c-readme-view .gno-form_selectable input[type=radio]:checked,.c-realm-view .gno-form_selectable input[type=checkbox]:checked,.c-realm-view .gno-form_selectable input[type=radio]:checked{background-color:var(--s-color-bg-brand-default);border-color:transparent}.c-readme-view .gno-form_selectable input[type=checkbox]:checked:after,.c-readme-view .gno-form_selectable input[type=radio]:checked:after,.c-realm-view .gno-form_selectable input[type=checkbox]:checked:after,.c-realm-view .gno-form_selectable input[type=radio]:checked:after{opacity:1}.c-readme-view .gno-form_selectable input[type=checkbox]:focus,.c-readme-view .gno-form_selectable input[type=radio]:focus,.c-realm-view .gno-form_selectable input[type=checkbox]:focus,.c-realm-view .gno-form_selectable input[type=radio]:focus{outline:none}.c-readme-view .gno-form_selectable input[type=checkbox]:focus,.c-readme-view .gno-form_selectable input[type=checkbox]:hover,.c-readme-view .gno-form_selectable input[type=radio]:focus,.c-readme-view .gno-form_selectable input[type=radio]:hover,.c-realm-view .gno-form_selectable input[type=checkbox]:focus,.c-realm-view .gno-form_selectable input[type=checkbox]:hover,.c-realm-view .gno-form_selectable input[type=radio]:focus,.c-realm-view .gno-form_selectable input[type=radio]:hover{border-color:var(--s-color-border-tertiary);color:var(--s-color-text-brand-default)}.c-readme-view .gno-form_selectable input[type=checkbox]:focus+label,.c-readme-view .gno-form_selectable input[type=checkbox]:hover+label,.c-readme-view .gno-form_selectable input[type=radio]:focus+label,.c-readme-view .gno-form_selectable input[type=radio]:hover+label,.c-realm-view .gno-form_selectable input[type=checkbox]:focus+label,.c-realm-view .gno-form_selectable input[type=checkbox]:hover+label,.c-realm-view .gno-form_selectable input[type=radio]:focus+label,.c-realm-view .gno-form_selectable input[type=radio]:hover+label{color:var(--s-color-text-brand-default);-webkit-text-decoration:underline;text-decoration:underline}.c-readme-view .gno-form_selectable input[type=checkbox]:disabled,.c-readme-view .gno-form_selectable input[type=radio]:disabled,.c-realm-view .gno-form_selectable input[type=checkbox]:disabled,.c-realm-view .gno-form_selectable input[type=radio]:disabled{cursor:not-allowed;opacity:var(--g-opacity-50);-webkit-text-decoration:line-through;text-decoration:line-through}.c-readme-view .gno-form_selectable input[type=checkbox]:disabled+label,.c-readme-view .gno-form_selectable input[type=radio]:disabled+label,.c-realm-view .gno-form_selectable input[type=checkbox]:disabled+label,.c-realm-view .gno-form_selectable input[type=radio]:disabled+label{cursor:not-allowed;opacity:var(--g-opacity-50);-webkit-text-decoration:none;text-decoration:none}.c-realm-view .gno-form_selectable input[type=radio]:user-invalid{border-color:var(--s-color-border-error)}.c-readme-view .gno-form_selectable input[type=radio]:user-invalid{border-color:var(--s-color-border-error)}.c-realm-view .gno-form_selectable input[type=checkbox]:user-invalid{border-color:var(--s-color-border-error)}.c-readme-view .gno-form_selectable input[type=checkbox]:user-invalid{border-color:var(--s-color-border-error)}@supports not selector(:user-invalid){.c-realm-view .gno-form_selectable input[type=radio]:invalid{border-color:var(--s-color-border-error)}.c-readme-view .gno-form_selectable input[type=radio]:invalid{border-color:var(--s-color-border-error)}.c-realm-view .gno-form_selectable input[type=checkbox]:invalid{border-color:var(--s-color-border-error)}.c-readme-view .gno-form_selectable input[type=checkbox]:invalid{border-color:var(--s-color-border-error)}}.c-readme-view .gno-form_selectable input[type=radio]:after,.c-realm-view .gno-form_selectable input[type=radio]:after{background-color:var(--s-color-bg-brand-default);border:var(--s-border-secondary);border-radius:var(--s-rounded-full);border-width:calc(var(--g-space-px)*2);content:"";height:var(--g-space-4);left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--g-space-4)}.c-readme-view .gno-form_selectable input[type=checkbox],.c-realm-view .gno-form_selectable input[type=checkbox]{border-radius:var(--s-rounded-sm)}.c-readme-view .gno-form_selectable input[type=checkbox]:after,.c-realm-view .gno-form_selectable input[type=checkbox]:after{background-color:var(--s-color-bg-base);clip-path:polygon(25% 36%,43% 54%,76% 18%,89% 29%,44% 78%,13% 49%);content:"";height:var(--g-space-3);left:50%;margin:auto;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--g-space-3)}.c-readme-view .gno-form_selectable label,.c-realm-view .gno-form_selectable label{color:var(--s-color-text-secondary);cursor:pointer;display:block;position:relative}.c-readme-view .gno-form_selectable label:first-letter,.c-realm-view .gno-form_selectable label:first-letter{text-transform:capitalize}.c-readme-view .gno-alert,.c-realm-view .gno-alert{border-left:var(--g-space-1) solid var(--s-color-border-tertiary);border-radius:var(--s-rounded);color:var(--s-color-text-secondary);margin-bottom:var(--g-space-10);margin-top:var(--g-space-5);padding:var(--g-space-3) var(--g-space-4)}.c-readme-view .gno-alert>div>:first-child,.c-realm-view .gno-alert>div>:first-child{margin-top:var(--g-space-2)}.c-readme-view .gno-alert>div>:last-child,.c-realm-view .gno-alert>div>:last-child{margin-bottom:0}.c-readme-view .gno-alert>summary,.c-realm-view .gno-alert>summary{align-items:center;display:flex;font-weight:var(--g-font-bold);gap:var(--g-space-2);list-style:none;margin-bottom:var(--g-space-1);margin-top:var(--g-space-1)}.c-readme-view .gno-alert>summary svg,.c-realm-view .gno-alert>summary svg{height:var(--g-space-6);width:var(--g-space-6)}.c-readme-view .gno-alert>summary svg:last-of-type,.c-realm-view .gno-alert>summary svg:last-of-type{height:var(--g-space-4);margin-left:auto;transform:rotate(-90deg);width:var(--g-space-4)}.c-readme-view .gno-alert>summary a,.c-readme-view .gno-alert>summary svg,.c-realm-view .gno-alert>summary a,.c-realm-view .gno-alert>summary svg{color:inherit}.c-realm-view .gno-alert>summary::marker{display:none}.c-readme-view .gno-alert>summary::marker{display:none}.c-readme-view .gno-alert>summary::-webkit-details-marker,.c-realm-view .gno-alert>summary::-webkit-details-marker{display:none}.c-readme-view .gno-alert[open]>summary svg:last-of-type,.c-realm-view .gno-alert[open]>summary svg:last-of-type{transform:rotate(0)}.c-readme-view .gno-alert.gno-alert-info,.c-realm-view .gno-alert.gno-alert-info{background-color:color-mix(in srgb,var(--s-color-bg-info-default) 10%,transparent);border-left-color:var(--s-color-border-info);color:var(--s-color-text-info)}.c-readme-view .gno-alert.gno-alert-note,.c-realm-view .gno-alert.gno-alert-note{background-color:color-mix(in srgb,var(--s-color-bg-note-default) 10%,transparent);border-left-color:var(--s-color-border-note);color:var(--s-color-text-note)}.c-readme-view .gno-alert.gno-alert-success,.c-realm-view .gno-alert.gno-alert-success{background-color:color-mix(in srgb,var(--s-color-bg-success-default) 10%,transparent);border-left-color:var(--s-color-border-success);color:var(--s-color-text-success)}.c-readme-view .gno-alert.gno-alert-warning,.c-realm-view .gno-alert.gno-alert-warning{background-color:color-mix(in srgb,var(--s-color-bg-warning-default) 10%,transparent);border-left-color:var(--s-color-border-warning);color:var(--s-color-text-warning)}.c-readme-view .gno-alert.gno-alert-caution,.c-realm-view .gno-alert.gno-alert-caution{background-color:color-mix(in srgb,var(--s-color-bg-caution-default) 10%,transparent);border-left-color:var(--s-color-border-error);color:var(--s-color-text-caution)}.c-readme-view .gno-alert.gno-alert-tip,.c-realm-view .gno-alert.gno-alert-tip{background-color:color-mix(in srgb,var(--s-color-bg-tip-default) 10%,transparent);border-left-color:var(--s-color-border-tip);color:var(--s-color-text-tip)}.b-playground{display:flex;flex-direction:column;grid-column:1/-1;min-height:70vh;padding-bottom:var(--g-space-24)}.b-playground-toolbar-left{align-items:center;display:flex;gap:var(--g-space-2)}.b-playground-toolbar-right{align-items:center;display:flex;gap:var(--g-space-1)}.b-playground-editor-area{border:1px solid var(--s-color-border-default);border-radius:var(--g-radius-2);display:flex;flex:1;flex-direction:column;margin-bottom:var(--g-space-8);min-height:40vh;overflow:hidden}.b-playground-tabs-wrap{align-items:center;border-bottom:1px solid var(--s-color-border-default);display:flex;gap:0;padding-left:var(--g-space-1-5)}.b-playground-tabs{align-items:center;display:flex;flex:0 1 auto;gap:0;min-width:0;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.b-playground-tabs::-webkit-scrollbar{display:none}.b-playground-tabs-actions{gap:0;margin-left:var(--g-space-1);padding-bottom:var(--g-space-2)}.b-playground-tabs-actions,.b-playground-tabs-nav{align-items:center;display:inline-flex;flex:0 0 auto}.b-playground-tabs-nav{background:none;border:none;color:var(--s-color-text-tertiary);cursor:pointer;height:var(--g-space-6);justify-content:center;padding:0;transition:color var(--g-transition-fast);width:var(--g-space-6)}.b-playground-tabs-nav:hover:not(:disabled){color:var(--s-color-text-secondary)}.b-playground-tabs-nav:disabled{cursor:default;opacity:.3}.b-playground-tabs-nav .c-icon{height:var(--g-space-3);width:var(--g-space-3)}.b-playground-tabs-nav--prev .c-icon{transform:rotate(90deg)}.b-playground-tabs-nav--next .c-icon{transform:rotate(-90deg)}.b-playground-tab{background:none;border:none;color:var(--s-color-text-tertiary);cursor:pointer;font-family:var(--g-font-mono);font-size:var(--g-font-size-100);font-weight:var(--g-font-semibold);margin-right:var(--g-space-1);padding:var(--g-space-1) var(--g-space-2) var(--g-space-3);position:relative;transition:color var(--g-transition-fast);white-space:nowrap}.b-playground-tab:after{background-color:var(--s-color-bg-brand-default);border-radius:var(--s-rounded) var(--s-rounded) 0 0;bottom:0;content:"";height:var(--g-space-1);left:0;position:absolute;transition:width var(--g-transition-fast);width:0}.b-playground-tab:hover{color:var(--s-color-text-tertiary-hover)}.b-playground-tab--active{color:var(--s-color-text-secondary)}.b-playground-tab--active:after{width:100%}.b-playground-tab-add{align-items:center;background:none;border:none;color:var(--s-color-text-muted);cursor:pointer;display:inline-flex;flex:0 0 auto;font-size:var(--g-font-size-200);height:var(--g-space-6);justify-content:center;line-height:1;padding:0;transition:color var(--g-transition-fast);width:var(--g-space-6)}.b-playground-tab-add:hover{color:var(--s-color-text-secondary)}.b-playground-editor{display:flex;flex:1}.b-playground-code{background-color:var(--s-color-bg-base);border:none;border-radius:var(--s-rounded);color:var(--s-color-text-secondary);flex:1;font-family:var(--g-font-mono);font-size:var(--g-font-size-75);line-height:1.6;min-height:300px;outline:none;padding:var(--g-space-2);resize:none;-moz-tab-size:4;-o-tab-size:4;tab-size:4;width:100%}.b-playground-output{background-color:var(--s-color-bg-surface-secondary);border:1px solid var(--s-color-border-default);border-radius:var(--g-radius-2);overflow:hidden;padding:var(--g-space-4)}.b-playground-output-header{align-items:center;background-color:var(--s-color-bg-muted);border-bottom:1px solid var(--s-color-border-default);display:flex;justify-content:space-between;padding:var(--g-space-1) 0}.b-playground-output-title{font-size:var(--g-font-size-50);font-weight:var(--g-font-semibold);letter-spacing:.05em;margin-bottom:var(--g-space-1);text-transform:uppercase}.b-playground-output-clear{background:none;border:none;color:var(--s-color-text-tertiary);cursor:pointer;font-size:var(--g-font-size-100)}.b-playground-output-clear:hover{color:var(--s-color-text-tertiary-hover)}.b-playground-output-content{background-color:var(--s-color-bg-base);font-family:var(--g-font-mono);font-size:var(--g-font-size-75);line-height:1.6;margin:0;max-height:300px;min-height:80px;overflow-y:auto;padding:var(--g-space-2);white-space:pre-wrap;word-break:break-word}.b-eval{display:flex;flex-direction:column;gap:var(--g-space-6);grid-column:1/-1;min-height:70vh}.b-eval-form{align-items:flex-end;display:flex;gap:var(--g-space-2)}.b-eval-form .b-input--full{flex:1}.b-eval-result{background-color:var(--s-color-bg-surface-secondary);border:1px solid var(--s-color-border-default);border-radius:var(--g-radius-2);overflow:hidden;padding:var(--g-space-4)}.b-eval-result-header{align-items:center;background-color:var(--s-color-bg-muted);border-bottom:1px solid var(--s-color-border-default);display:flex;justify-content:space-between;padding:var(--g-space-1) 0}.b-eval-result-title{font-size:var(--g-font-size-50);font-weight:var(--g-font-semibold);letter-spacing:.05em;margin-bottom:var(--g-space-1);text-transform:uppercase}.b-eval-result-clear{background:none;border:none;color:var(--s-color-text-tertiary);cursor:pointer;font-size:var(--g-font-size-100)}.b-eval-result-clear:hover{color:var(--s-color-text-tertiary-hover)}.b-eval-result-content{background-color:var(--s-color-bg-base);font-family:var(--g-font-mono);font-size:var(--g-font-size-75);line-height:1.6;margin:0;max-height:400px;min-height:80px;overflow-y:auto;padding:var(--g-space-2);white-space:pre-wrap;word-break:break-word}.b-eval-functions{list-style:disc;padding-left:var(--g-space-4)}.b-eval-functions,.b-eval-history-list{display:flex;flex-direction:column;gap:var(--g-space-2)}.b-eval-history-list{justify-content:flex-start}.b-eval-history-entry{background-color:var(--s-color-bg-surface-secondary);border:1px solid var(--s-color-border-default);border-radius:var(--s-rounded);padding:var(--g-space-1-5)}.b-eval-history-entry+.b-eval-history-entry{margin-top:var(--g-space-1)}.b-eval-history-expr{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--g-space-1)}.b-eval-history-rerun{background:none;border:none;color:var(--s-color-text-muted);cursor:pointer;font-size:var(--g-font-size-100)}.b-eval-history-rerun:hover{color:var(--s-color-text-base)}.b-eval-history-result{background-color:var(--s-color-bg-base);border-radius:var(--g-radius-1);font-family:var(--g-font-mono);font-size:var(--g-font-size-50);margin:0;padding:var(--g-space-1);white-space:pre-wrap;word-break:break-word}.b-run{display:flex;flex-direction:column;grid-column:1/-1;min-height:70vh;padding-bottom:var(--g-space-24)}.b-run-commands,.b-run-settings{background-color:var(--s-color-bg-surface-secondary);border-radius:var(--s-rounded);padding:var(--g-space-4)}.b-run-commands{display:flex;flex-direction:column;gap:var(--g-space-3)}.b-run-commands h3{font-size:var(--g-font-size-400)}.b-run-settings-grid{align-items:stretch;display:flex;flex-direction:column;gap:var(--g-space-1);margin-top:var(--g-space-4);width:100%}.b-run-settings-grid label{background-color:var(--s-color-bg-surface-primary)}.b-run-settings-grid .b-input:has(input:focus) label{background-color:var(--s-color-bg-surface-secondary)}.b-run-settings-grid .b-input:has(input:hover) label{background-color:var(--s-color-bg-surface-secondary)}.b-run-command-header{align-items:center;display:flex;font-size:var(--g-font-size-100);gap:var(--g-space-2);margin-bottom:var(--g-space-2)}.b-run-command-label{color:var(--s-color-text-primary);font-weight:var(--g-font-semibold)}.b-run-copy-btn{margin-left:auto}.b-run-command-pre{background-color:var(--s-color-bg-base);border-radius:var(--s-rounded);color:var(--s-color-text-secondary);font-size:var(--g-font-size-100);min-height:var(--g-space-12);padding:var(--g-space-4);white-space:pre-wrap;word-break:break-word}.u-hidden{display:none}.u-inline{display:inline}.u-sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.u-color-valid{color:var(--s-color-bg-brand-default)}.u-color-danger{color:var(--s-color-text-caution)}.u-text-stroke{-webkit-text-stroke:currentColor;-webkit-text-stroke-width:.6px}.u-font-mono{font-family:var(--g-font-family-mono)}.u-capitalize{text-transform:capitalize}.u-text-center{text-align:center}.u-no-scrollbar::-webkit-scrollbar{display:none}.u-no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.u-is-loading{opacity:0}.u-icon-static{height:var(--g-space-4);width:var(--g-space-4)}.u-gap-0{gap:0}.u-mt-4{margin-top:var(--g-space-4)}.u-mb-0{margin-bottom:0}.u-mb-2{margin-bottom:var(--g-space-2)}@media (min-width:calc(820 / 16 * 1rem)){.u-lg-mb-4{margin-bottom:var(--g-space-4)}}.u-grid-full{grid-column:1/-1} \ No newline at end of file