.rive-ui-app{background-color:var(--rive-ui-color-bg);min-height:100vh;color:var(--rive-ui-color-text);--rive-ui-color-bg:#fff;--rive-ui-color-border:#d8d8d8;--rive-ui-color-text:#000c;--rive-ui-color-content-bg:#fff;--rive-ui-color-toolbar-bg:#0000000d;--rive-ui-color-success:#52c41a;--rive-ui-color-success-bg:#f6ffed;--rive-ui-color-info:#1677ff;--rive-ui-color-info-bg:#e6f4ff;--rive-ui-color-warning:#faad14;--rive-ui-color-warning-bg:#fffbe6;--rive-ui-color-error:#ff4d4f;--rive-ui-color-error-bg:#fff2f0;--rive-ui-font-size:1rem;--rive-ui-font-family:"Noto Sans", "sans-serif";--rive-ui-border-radius:.5rem;--rive-ui-padding-x:.5rem;--rive-ui-padding-y:.25rem;--rive-ui-color-code-bg:#f6f8fa;--rive-ui-color-code-comment:#6e7781;--rive-ui-color-code-keyword:#cf222e;--rive-ui-color-code-function:#8250df;--rive-ui-color-code-tag:#116329;--rive-ui-color-code-string:#0a3069;--rive-ui-color-code-constant:#0550ae;--rive-ui-color-code-variable:#953800;--rive-ui-font-family-code:ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;--rive-ui-input-height:2rem;--rive-ui-input-height-small:1.5rem;--rive-ui-button-fg:#0000001a;--rive-ui-color-button-bg-hover:#0000000d;--rive-ui-color-button-bg-active:#0000001a;justify-content:center;display:flex}.rive-ui-app-theme-dark{--rive-ui-color-bg:#000;--rive-ui-color-border:#222;--rive-ui-color-text:#fffc;--rive-ui-color-content-bg:#fff;--rive-ui-color-toolbar-bg:#ffffff13;--rive-ui-color-button-bg-hover:#ffffff13;--rive-ui-color-button-bg-active:#ffffff26;--rive-ui-color-success:#52c41a;--rive-ui-color-success-bg:#f6ffed;--rive-ui-color-info:#1677ff;--rive-ui-color-info-bg:#e6f4ff;--rive-ui-color-warning:#faad14;--rive-ui-color-warning-bg:#fffbe6;--rive-ui-color-error:#ff4d4f;--rive-ui-color-error-bg:#fff2f0;--rive-ui-color-code-bg:#161b22;--rive-ui-color-code-comment:#8b949e;--rive-ui-color-code-keyword:#ff7b72;--rive-ui-color-code-function:#d2a8ff;--rive-ui-color-code-tag:#7ee787;--rive-ui-color-code-string:#a5d6ff;--rive-ui-color-code-constant:#79c0ff;--rive-ui-color-code-variable:#ffa657}.rive-ui-main{flex:60rem;max-width:60rem;padding:0 2rem}.rive-ui-select{appearance:none;color:var(--rive-ui-color-text);font-family:var(--rive-ui-font-family);cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#0000;border:0;border-radius:.25rem;justify-content:center;align-items:center;gap:.25rem;height:1.5rem;padding:0 .5rem;font-size:.75rem;line-height:1.5rem;display:flex}.rive-ui-select-size-small{border-radius:.25rem;gap:.25rem;height:1.5rem;padding:0 .5rem;font-size:.75rem;line-height:1.5rem}.rive-ui-select:hover{background:var(--rive-ui-color-button-bg-hover)}.rive-ui-select:active{background:var(--rive-ui-color-button-bg-active)}.rive-ui-nav{box-sizing:border-box;flex:none;width:25em;font-size:.8rem}.rive-ui-nav-inner{border-right:1px solid var(--rive-ui-color-border);flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow:auto}.rive-ui-nav-menu{flex:auto}.rive-ui-nav-group-title{opacity:.5;padding:.5rem 1rem;font-size:.7rem;font-weight:700}.rive-ui-nav-item{color:inherit;padding:.5rem 1rem;font-size:.8rem;text-decoration:none;display:block}.rive-ui-nav-item:hover{background-color:var(--rive-ui-color-button-bg-hover)}.rive-ui-nav-item:active,.rive-ui-nav-item.active{background-color:var(--rive-ui-color-button-bg-active)}.rive-ui-settings{display:flex}.rive-ui-settings>*{flex:50%}.rive-ui-copyright{padding:.5rem}.rive-ui-toc{box-sizing:border-box;flex:none;width:25em;font-size:.8rem}.rive-ui-toc-inner{border-left:1px solid var(--rive-ui-color-border);max-height:100vh;padding-left:1em;position:sticky;top:0;overflow:auto}.rive-ui-toc-list{font-size:.8rem;line-height:1.3}.rive-ui-toc-list .rive-ui-toc-list{padding-left:2em}.rive-ui-toc-link{color:inherit;margin-top:.75em;margin-bottom:.5em;text-decoration:none;display:block}.rive-ui-toc-link:hover{text-decoration:underline}.rive-ui-code-block{color:var(--rive-ui-color-text);border:1px solid var(--rive-ui-color-border);border-radius:.25rem;margin-bottom:1rem;overflow:hidden}.rive-ui-code-block .prism-code{border-radius:0;margin:0;padding:.5rem .625rem}.rive-ui-button{appearance:none;color:var(--rive-ui-color-text);font-family:var(--rive-ui-font-family);cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#0000;border:0;border-radius:.25rem;justify-content:center;align-items:center;gap:.25rem;height:1.5rem;padding:0 .5rem;font-size:.75rem;line-height:1.5rem;display:flex}.rive-ui-button-size-small{border-radius:.25rem;gap:.25rem;height:1.5rem;padding:0 .5rem;font-size:.75rem;line-height:1.5rem}.rive-ui-button:hover{background:var(--rive-ui-color-button-bg-hover)}.rive-ui-button:active{background:var(--rive-ui-color-button-bg-active)}.rive-ui-button-color-success{color:var(--rive-ui-color-success)}.rive-ui-file-name{align-items:center;padding:0 .5rem;font-size:.75rem;display:flex}.rive-ui-file-name-icon{background-color:var(--rive-ui-color-text);color:var(--rive-ui-color-toolbar-bg);text-transform:uppercase;border-radius:.25rem;margin-right:.5em;padding:0 .25rem;font-family:monospace;display:inline-block}.rive-ui-file-name-icon-html{color:#fbfbfb;background:#e24c26}.rive-ui-file-name-icon-css{color:#fbfbfb;background:#0477bb}.rive-ui-file-name-icon-js,.rive-ui-file-name-icon-jsx{color:#323230;background:#ebd64d}.rive-ui-file-name-icon-ts,.rive-ui-file-name-icon-tsx{color:#fbfbfb;background:#2f75c1}.rive-ui-file-name-icon-json{color:#fbfbfb;background:#9273a3}.rive-ui-toolbar{background-color:var(--rive-ui-color-toolbar-bg);align-items:center;height:1.5rem;font-size:.75rem;display:flex}.rive-ui-toolbar:first-child{border-bottom:1px solid var(--rive-ui-color-border)}.rive-ui-toolbar:last-child{border-top:1px solid var(--rive-ui-color-border)}.rive-ui-code-inline{background:var(--rive-ui-color-toolbar-bg);padding:.2em .5em}.rive-ui-demo-block{color:var(--rive-ui-color-text);border:1px solid var(--rive-ui-color-border);border-radius:.25rem;margin-bottom:1rem;overflow:hidden}.rive-ui-demo-block-main{overflow:hidden}.rive-ui-demo-block-preview{background:var(--rive-ui-color-bg);margin:0;padding:.625rem}.rive-ui-demo-block-preview-disable-padding{padding:0}.rive-ui-demo-block-develop{border-left:1px solid var(--rive-ui-color-border);border-top:1px solid var(--rive-ui-color-border);flex:20rem;margin-top:-1px;margin-left:-1px;overflow:hidden}.rive-ui-demo-block-error{background:var(--rive-ui-color-error-bg);color:var(--rive-ui-color-error);margin:0;padding:.625rem}.rive-ui-demo-block-editor{overflow:auto;font-family:monospace!important}.rive-ui-demo-block-editor .prism-code{border-radius:0;margin:0;padding:.5rem .625rem}.rive-ui-demo-block-phone .rive-ui-demo-block-main,.rive-ui-demo-block-tablet .rive-ui-demo-block-main{flex-wrap:wrap;display:flex}.rive-ui-demo-block-phone .rive-ui-demo-block-preview{flex:0 22.5rem}.rive-ui-demo-block-tablet .rive-ui-demo-block-preview{flex:0 45rem}.rive-ui-table{border:1px solid var(--rive-ui-color-border);border-radius:var(--rive-ui-border-radius);overflow:hidden}.rive-ui-table table{border-collapse:collapse;table-layout:fixed;width:calc(100% + 2px);margin:-1px}.rive-ui-table td,.rive-ui-table th{text-align:left;border:1px solid var(--rive-ui-color-border);padding:.25rem .5rem}.rive-ui-table th{background-color:var(--rive-ui-color-toolbar-bg)}.rive-ui-table td{background-color:var(--rive-ui-color-content-bg)}code[class*=language-],pre[class*=language-]{font-family:var(--rive-ui-font-family-code);color:var(--rive-ui-color-text);background-color:var(--rive-ui-color-code-bg);text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;tab-size:4;-webkit-hyphens:none;hyphens:none;padding:1em;font-size:.75rem;line-height:1.5;overflow:auto}.token.comment{color:var(--rive-ui-color-code-comment)}.token.keyword,.token.atrule.rule{color:var(--rive-ui-color-code-keyword)}.token.function{color:var(--rive-ui-color-code-function)}.language-json .token.property,.language-yaml .token.key,.token.tag:not(.punctuation):not(.attr-name):not(.attr-value):not(.script),.token.selector{color:var(--rive-ui-color-code-tag)}.token.string,.token.template-string,.token.attr-value,.token.hexcode.color{color:var(--rive-ui-color-code-string)}.token.number,.token.boolean,.token.keyword.nil,.token.null,.token.doctype,.token.attr-name,.token.selector.class,.token.selector.pseudo-class,.token.selector.combinator,.token.property,.token.atrule.keyword,.token.operator,.token.property-access{color:var(--rive-ui-color-code-constant)}.token.variable,.token.class-name,.token.maybe-class-name{color:var(--rive-ui-color-code-variable)}body{margin:0}