.rive-ui-app{display:flex;justify-content:center;min-height:100vh;background-color:var(--rive-ui-color-bg);color:var(--rive-ui-color-text);--rive-ui-color-bg: #fff;--rive-ui-color-border: #d8d8d8;--rive-ui-color-text: rgba(0, 0, 0, .8);--rive-ui-color-content-bg: #fff;--rive-ui-color-toolbar-bg: rgba(0, 0, 0, .05);--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: rgba(0, 0, 0, .1);--rive-ui-color-button-bg-hover: rgba(0, 0, 0, .05);--rive-ui-color-button-bg-active: rgba(0, 0, 0, .1)}.rive-ui-app-theme-dark{--rive-ui-color-bg: #000;--rive-ui-color-border: #222;--rive-ui-color-text: rgba(255, 255, 255, .8);--rive-ui-color-content-bg: #fff;--rive-ui-color-toolbar-bg: rgba(255, 255, 255, .075);--rive-ui-color-button-bg-hover: rgba(255, 255, 255, .075);--rive-ui-color-button-bg-active: rgba(255, 255, 255, .15);--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{padding:0 2rem;flex:1 1 60rem;max-width:60rem}.rive-ui-select{appearance:none;border:0;border-radius:.25rem;color:var(--rive-ui-color-text);font-family:var(--rive-ui-font-family);font-size:.75rem;padding:0 .5rem;display:flex;justify-content:center;align-items:center;background-color:transparent;cursor:pointer;-webkit-user-select:none;user-select:none;height:1.5rem;line-height:1.5rem;gap:.25rem}.rive-ui-select-size-small{border-radius:.25rem;font-size:.75rem;padding:0 .5rem;height:1.5rem;line-height:1.5rem;gap:.25rem}.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{font-size:.8rem;flex:0 0 auto;width:25em;box-sizing:border-box}.rive-ui-nav-inner{border-right:1px solid var(--rive-ui-color-border);height:100vh;overflow:auto;position:sticky;top:0;display:flex;flex-direction:column}.rive-ui-nav-menu{flex:1 1 auto}.rive-ui-nav-group-title{font-size:.7rem;font-weight:700;padding:.5rem 1rem;opacity:.5}.rive-ui-nav-item{display:block;font-size:.8rem;text-decoration:none;padding:.5rem 1rem;color:inherit}.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:1 1 50%}.rive-ui-copyright{padding:.5rem}.rive-ui-toc{font-size:.8rem;flex:0 0 auto;width:25em;box-sizing:border-box}.rive-ui-toc-inner{border-left:1px solid var(--rive-ui-color-border);padding-left:1em;max-height:100vh;overflow:auto;position:sticky;top:0}.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{display:block;color:inherit;text-decoration:none;margin-top:.75em;margin-bottom:.5em}.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;overflow:hidden;margin-bottom:1rem}.rive-ui-code-block .prism-code{margin:0;border-radius:0;padding:.5rem .625rem}.rive-ui-button{appearance:none;border:0;border-radius:.25rem;color:var(--rive-ui-color-text);font-family:var(--rive-ui-font-family);font-size:.75rem;padding:0 .5rem;display:flex;justify-content:center;align-items:center;background-color:transparent;cursor:pointer;-webkit-user-select:none;user-select:none;height:1.5rem;line-height:1.5rem;gap:.25rem}.rive-ui-button-size-small{border-radius:.25rem;font-size:.75rem;padding:0 .5rem;height:1.5rem;line-height:1.5rem;gap:.25rem}.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{padding:0 .5rem;font-size:.75rem;display:flex;align-items:center}.rive-ui-file-name-icon{display:inline-block;padding:0 .25rem;border-radius:.25rem;background-color:var(--rive-ui-color-text);color:var(--rive-ui-color-toolbar-bg);text-transform:uppercase;margin-right:.5em;font-family:monospace}.rive-ui-file-name-icon-html{background:#e24c26;color:#fbfbfb}.rive-ui-file-name-icon-css{background:#0477bb;color:#fbfbfb}.rive-ui-file-name-icon-js,.rive-ui-file-name-icon-jsx{background:#ebd64d;color:#323230}.rive-ui-file-name-icon-ts,.rive-ui-file-name-icon-tsx{background:#2f75c1;color:#fbfbfb}.rive-ui-file-name-icon-json{background:#9273a3;color:#fbfbfb}.rive-ui-toolbar{display:flex;background-color:var(--rive-ui-color-toolbar-bg);height:1.5rem;font-size:.75rem;align-items:center}.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;overflow:hidden;margin-bottom:1rem}.rive-ui-demo-block-main{overflow:hidden}.rive-ui-demo-block-preview{margin:0;padding:.625rem;background:var(--rive-ui-color-bg)}.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);margin-left:-1px;margin-top:-1px;flex:1 1 20rem;overflow:hidden}.rive-ui-demo-block-error{padding:.625rem;background:var(--rive-ui-color-error-bg);margin:0;color:var(--rive-ui-color-error)}.rive-ui-demo-block-editor{overflow:auto;font-family:monospace!important}.rive-ui-demo-block-editor .prism-code{margin:0;border-radius:0;padding:.5rem .625rem}.rive-ui-demo-block-phone .rive-ui-demo-block-main,.rive-ui-demo-block-tablet .rive-ui-demo-block-main{display:flex;flex-wrap:wrap}.rive-ui-demo-block-phone .rive-ui-demo-block-preview{flex:0 1 22.5rem}.rive-ui-demo-block-tablet .rive-ui-demo-block-preview{flex:0 1 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;margin:-1px;table-layout:fixed;width:calc(100% + 2px)}.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);overflow:auto;font-size:.75rem;padding:1em;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;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}.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}