:root{--background: 0 0% 100%;--foreground: 0 0% 3.9%;--card: 0 0% 100%;--card-foreground: 0 0% 3.9%;--popover: 0 0% 100%;--popover-foreground: 0 0% 3.9%;--primary: 0 0% 9%;--primary-foreground: 0 0% 98%;--secondary: 0 0% 96.1%;--secondary-foreground: 0 0% 9%;--muted: 0 0% 96.1%;--muted-foreground: 0 0% 45.1%;--accent: 0 0% 96.1%;--accent-foreground: 0 0% 9%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 0 0% 98%;--border: 0 0% 89.8%;--input: 0 0% 89.8%;--ring: 0 0% 3.9%;--radius: .5rem}.dark{--background: 0 0% 3.9%;--foreground: 0 0% 98%;--card: 0 0% 3.9%;--card-foreground: 0 0% 98%;--popover: 0 0% 3.9%;--popover-foreground: 0 0% 98%;--primary: 0 0% 98%;--primary-foreground: 0 0% 9%;--secondary: 0 0% 14.9%;--secondary-foreground: 0 0% 98%;--muted: 0 0% 14.9%;--muted-foreground: 0 0% 63.9%;--accent: 0 0% 14.9%;--accent-foreground: 0 0% 98%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 0 0% 98%;--border: 0 0% 14.9%;--input: 0 0% 14.9%;--ring: 0 0% 83.1%}*{border-color:hsl(var(--border))}body{color:hsl(var(--foreground));margin:0}#root{height:100%}html,body{height:100%;font-family:PingFang SC,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif}input,button,textarea{font-family:inherit}h1,h2,h3,h4,h5,h6{font-weight:400}em{font-style:normal!important}section{height:100%}.web-title{margin:0 15px 0 5px}.web-icon{width:auto;height:1.5rem;vertical-align:middle}#editor{display:block;height:100%;width:100%;border:none;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}#editor::-webkit-scrollbar{display:none}.ctrl{flex-basis:60px;flex-grow:1;flex-shrink:1;display:flex;align-items:center}.preview-wrapper{display:flex;align-items:center;justify-content:center;padding:0;overflow-y:auto;width:100%}.preview-wrapper::-webkit-scrollbar{width:4px}.preview-wrapper::-webkit-scrollbar-track{background:transparent}.preview-wrapper::-webkit-scrollbar-thumb{background:hsl(var(--border));border-radius:4px}.preview-wrapper::-webkit-scrollbar-thumb:hover{background:hsl(var(--muted-foreground) / .5)}.hint{opacity:.6;margin:20px 0}.preview{min-height:100%;margin:0 auto;padding:20px;font-size:14px;box-sizing:border-box;outline:none;transition:all .3s ease-in-out;word-wrap:break-word}.dark .container .cm-editor,.dark .container .CodeMirror-wrap{background-color:#191919}.dark .container .output_night .preview{background-color:#191919;box-shadow:0 0 70px #0000004d}.dark .container .output_night .preview-wrapper{background-color:#191919;box-shadow:inset 0 0 0 1px #e9e7e71a}.dark .container .output_night .code-snippet__fix{background-color:#eee}.dark .container ::-webkit-scrollbar{background-color:#191919}.CodeMirror{padding-bottom:0;height:100%!important;font-size:16px;font-family:Consolas,Courier New,monospace!important}.CodeMirror-vscrollbar:focus{outline:none}.CodeMirror-vscrollbar{width:0px;height:0px}.CodeMirror-wrap{padding-top:20px;padding-bottom:20px;box-sizing:border-box}.cm-editor{font-size:14px;background-color:#f7f9ff}.cm-editor .cm-scroller{overflow:hidden}.cm-editor .cm-content{padding-bottom:20px}.cm-editor.cm-focused{outline:none}.codemirror-container{height:100%;width:100%}.cssEditor-wrapper .CodeMirror-scroll,.cssEditor-wrapper .cm-scroller{margin-right:0}.cm-em{font-style:normal}.cm-comment{font-style:normal!important}#rbgcp-inputs-wrap{column-gap:10px!important}.ant-yanxi-panel{font-size:13px;background-color:#fff;border-radius:8px;color:#414352}.ant-yanxi-panel-head,.ant-yanxi-panel-body,.ant-yanxi-panel-footer{padding:12px 16px}.ant-yanxi-panel-head+.ant-yanxi-panel-head,.ant-yanxi-panel-body+.ant-yanxi-panel-head,.ant-yanxi-panel-footer+.ant-yanxi-panel-head,.ant-yanxi-panel-head+.ant-yanxi-panel-body,.ant-yanxi-panel-body+.ant-yanxi-panel-body,.ant-yanxi-panel-footer+.ant-yanxi-panel-body,.ant-yanxi-panel-head+.ant-yanxi-panel-footer,.ant-yanxi-panel-body+.ant-yanxi-panel-footer,.ant-yanxi-panel-footer+.ant-yanxi-panel-footer{padding-top:0}.ant-yanxi-panel-head{position:relative;display:flex;align-items:center}.ant-yanxi-panel-head-cell{display:flex;align-items:center;flex:1 1;overflow:hidden}.ant-yanxi-panel-head-cell .ant-yanxi-panel-head-title{font-size:16px;color:#2a2b33;font-weight:500;overflow:hidden;flex:auto;min-width:0}.ant-yanxi-panel-head-cell .ant-yanxi-panel-head-title+.ant-yanxi-panel-head-subtitle{margin-left:8px}.ant-yanxi-panel-head-cell .ant-yanxi-panel-head-subtitle{color:#9092a3}.ant-yanxi-panel-head-cell+.ant-yanxi-panel-head-extra{margin-left:12px}.ant-yanxi-panel-head .ant-yanxi-panel-head-extra .ant-alert{padding:4px 12px}.ant-yanxi-panel-head+.ant-yanxi-panel-body,.ant-yanxi-panel-head+.ant-yanxi-panel-footer{padding-top:0}.ant-yanxi-panel-body+.ant-yanxi-panel-footer{padding-top:0}.ant-yanxi-panel.ant-yanxi-panel-card .ant-yanxi-panel-head+.ant-yanxi-panel-body,.ant-yanxi-panel.ant-yanxi-panel-card .ant-yanxi-panel-body+.ant-yanxi-panel-body,.ant-yanxi-panel.ant-yanxi-panel-card .ant-yanxi-panel-head+.ant-yanxi-panel-footer,.ant-yanxi-panel.ant-yanxi-panel-card .ant-yanxi-panel-body+.ant-yanxi-panel-footer{border-top:1px solid #ebebf0;padding-top:12px}.ant-yanxi-panel.ant-yanxi-panel-full{position:relative;height:100%;display:flex;flex-direction:column}.ant-yanxi-panel.ant-yanxi-panel-full .ant-yanxi-panel-body{flex:1 1;overflow:auto}.ant-yanxi-panel.ant-yanxi-panel-noPadding{box-shadow:none}.ant-yanxi-panel.ant-yanxi-panel-noPadding .ant-yanxi-panel-head,.ant-yanxi-panel.ant-yanxi-panel-noPadding .ant-yanxi-panel-body,.ant-yanxi-panel.ant-yanxi-panel-noPadding .ant-yanxi-panel-footer{padding:0}.ant-yanxi-panel.ant-yanxi-panel-noPadding .ant-yanxi-panel-head+.ant-yanxi-panel-body,.ant-yanxi-panel.ant-yanxi-panel-noPadding .ant-yanxi-panel-body+.ant-yanxi-panel-body,.ant-yanxi-panel.ant-yanxi-panel-noPadding .ant-yanxi-panel-head+.ant-yanxi-panel-footer,.ant-yanxi-panel.ant-yanxi-panel-noPadding .ant-yanxi-panel-body+.ant-yanxi-panel-footer{border:none;padding-top:12px}.ant-yanxi-page-wraper{position:relative;height:100%}.ant-yanxi-page-wraper>.ant-spin-nested-loading,.ant-yanxi-page-wraper>.ant-spin-nested-loading>.ant-spin-container{position:relative;height:100%}.ant-yanxi-page-wraper .ant-yanxi-page-wraper-container{position:relative;height:100%;display:flex;flex-direction:column;transition:padding .15s}.ant-yanxi-page-wraper.ant-yanxi-page-wraper-space .ant-yanxi-page-wraper-container{padding:12px}.ant-yanxi-filter-form-head-cell,.ant-yanxi-filter-form-head-extra{display:flex;align-items:center;gap:12px}.ant-yanxi-filter-form>.ant-yanxi-panel-body{padding-bottom:0}.ant-yanxi-filter-form+.ant-yanxi-panel{margin-top:12px}.ant-yanxi-filter-form-btns{display:flex;justify-content:flex-end;gap:8px}.ant-yanxi-filter-form-simple{display:flex;align-items:center;color:#414352;font-weight:400;gap:8px}.ant-yanxi-filter-form-simple .ant-form .ant-form-item{margin-bottom:0}.ant-yanxi-filter-form-simple .ant-form .ant-form-item:last-child{margin-right:0}.ant-yanxi-page-list-container{flex:1 1;display:flex;flex-direction:column;overflow:hidden}.ant-yanxi-page-list-container>.ant-yanxi-panel-body{flex:1 1;overflow:hidden}.ant-yanxi-page-list-container>.ant-yanxi-panel-body>.ant-table-wrapper{position:relative;height:100%}.ant-yanxi-page-list-container>.ant-yanxi-panel-body>.ant-table-wrapper .ant-spin-nested-loading{position:relative;height:100%}.ant-yanxi-page-list-container>.ant-yanxi-panel-body>.ant-table-wrapper .ant-spin-nested-loading>.ant-spin-container{position:relative;height:100%;display:flex;flex-direction:column}.ant-yanxi-page-list-container>.ant-yanxi-panel-body>.ant-table-wrapper .ant-spin-nested-loading>.ant-spin-container>.ant-table{flex:1 1;overflow:hidden}.ant-yanxi-page-list-container>.ant-yanxi-panel-body>.ant-table-wrapper .ant-spin-nested-loading>.ant-spin-container>.ant-pagination{margin-bottom:0;justify-content:flex-end}.ant-yanxi-page-list-container>.ant-yanxi-panel-body>.ant-table-wrapper .ant-spin-nested-loading>.ant-spin-container>.ant-pagination.ant-pagination-mini .ant-pagination-item.ant-pagination-item-active{color:#0f89fc}.ant-yanxi-page-list-container>.ant-yanxi-panel-body>.ant-table-wrapper .ant-spin-nested-loading>.ant-spin-container>.ant-pagination.ant-pagination-mini .ant-pagination-item.ant-pagination-item-active a{color:#0f89fc}.ant-yanxi-page-list-container>.ant-yanxi-panel-body>.ant-table-wrapper .ant-spin-nested-loading>.ant-spin-container>.ant-table>.ant-table-container{position:relative;height:100%}.ant-yanxi-page-list-container>.ant-yanxi-panel-body>.ant-table-wrapper .ant-spin-nested-loading>.ant-spin-container>.ant-table>.ant-table-container{display:flex;flex-direction:column}.ant-yanxi-page-list-container>.ant-yanxi-panel-body>.ant-table-wrapper .ant-spin-nested-loading>.ant-spin-container>.ant-table>.ant-table-container>.ant-table-content,.ant-yanxi-page-list-container>.ant-yanxi-panel-body>.ant-table-wrapper .ant-spin-nested-loading>.ant-spin-container>.ant-table>.ant-table-container>.ant-table-body{flex:1 1;max-height:none!important;overflow-y:auto!important}.ant-yanxi-page-list-container>.ant-yanxi-panel-body>.ant-table-wrapper .ant-spin-nested-loading>.ant-spin-container>.ant-table>.ant-table-container>.ant-table-content>table>.ant-table-tbody>tr.ant-table-placeholder>td,.ant-yanxi-page-list-container>.ant-yanxi-panel-body>.ant-table-wrapper .ant-spin-nested-loading>.ant-spin-container>.ant-table>.ant-table-container>.ant-table-body>table>.ant-table-tbody>tr.ant-table-placeholder>td{border-bottom:none}.ant-yanxi-page-list-pagination{text-align:right;justify-content:flex-end}.ant-yanxi-tabs-button.ant-tabs .ant-tabs-nav{margin-bottom:0}.ant-yanxi-tabs-button.ant-tabs .ant-tabs-nav .ant-tabs-tab{padding:0 12px;height:32px;line-height:32px;border-radius:8px}.ant-yanxi-tabs-button.ant-tabs .ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab{margin-left:4px}.ant-yanxi-tabs-button.ant-tabs .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active{background:#e6f7ff}.ant-yanxi-tabs-button.ant-tabs .ant-tabs-nav .ant-tabs-ink-bar,.ant-yanxi-tabs-button.ant-tabs .ant-tabs-nav:before{display:none!important}.ant-yanxi-table-edit-cell{display:inline-flex;align-items:center;vertical-align:middle;width:100%}.ant-yanxi-table-edit-cell>.ant-form-item{flex:1 1;margin-bottom:0}.ant-yanxi-input-box-wrap{position:relative;display:inline-flex;width:100%;outline:none;border:1px solid #dcdde5;border-radius:8px;min-height:32px;max-height:320px}.ant-yanxi-input-box-wrap:hover,.ant-yanxi-input-box-wrap:focus,.ant-yanxi-input-box-wrap:active{border-color:#0f89fc;box-shadow:0 0 0 2px #b3e4ff}.ant-yanxi-input-box-placeholder{position:absolute;z-index:1;top:4px;left:8px;color:#b0b2bf;pointer-events:none}.ant-yanxi-input-box-container{position:relative;flex:1 1}.ant-yanxi-input-box-text{position:relative;height:100%;padding:4px 8px;font-size:12px;color:#414352;outline:none;overflow:auto}.ant-yanxi-input-box-cursor{position:fixed;display:inline-block;width:1px;height:1px}.ant-yanxi-select-query-search{padding:8px}.ant-yanxi-select-query-pagination{padding:8px 0;text-align:right}.ant-yanxi-render-form-item-no-space{margin-bottom:0}.ant-yanxi-render-form .ant-yanxi-render-form-item{display:flex;gap:8px}.ant-yanxi-render-form .ant-yanxi-render-form-item-cell{flex:1 1}.ant-yanxi-render-form .ant-yanxi-render-form-item-label{display:inline-flex;gap:4px}.ant-yanxi-render-form .ant-yanxi-render-form-item-label-helper{cursor:pointer;color:#9092a3}.ant-yanxi-render-form.ant-form-horizontal .ant-form-item{margin-bottom:12px}.ant-yanxi-render-form.ant-form-horizontal .ant-form-item .ant-form-item-label label{padding-left:11px}.ant-yanxi-render-form.ant-form-horizontal .ant-form-item .ant-form-item-label label.ant-form-item-required{padding-left:0}.ant-yanxi-render-form.ant-form-horizontal .ant-form-item .ant-form-item-label.ant-col.ant-col-24 label{display:block}.ant-yanxi-render-form.ant-form-horizontal .ant-form-item .ant-form-item-label.ant-col.ant-col-24+.ant-form-item-control{padding-left:11px}.ant-yanxi-render-form.ant-form-horizontal .ant-form-item .ant-input-textarea.ant-input-textarea-show-count.ant-input-textarea-in-form-item{padding-bottom:24px}.ant-yanxi-render-form.ant-form-vertical .ant-form-item{margin-bottom:12px}@keyframes orbit-avatar{0%{transform:rotate(var(--angle)) translate(var(--radius)) rotate(calc(0deg - var(--angle)))}to{transform:rotate(calc(var(--angle) + 360deg)) translate(var(--radius)) rotate(calc(0deg - (var(--angle) + 360deg)))}}