/*! * amis-editor-demo v1.0.0 * author: fex * build tool: AKFun * build time: Fri Jun 09 2023 16:35:55 GMT+0800 (中国标准时间) * build tool info: https://github.com/wibetter/akfun */html{font-size:16px}.app-wrapper,.routes-wrapper{height:100%;position:relative;width:100%}.navbtn{float:right;margin:3px;visibility:visible}.a-Tabs--line>.a-Tabs-links>li>a:first-child{margin-right:30px}.Editor-Demo{-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100vh;min-height:510px}.Editor-Demo,.Editor-Demo .Editor-header{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;position:relative}.Editor-Demo .Editor-header{-webkit-box-flex:0;-moz-box-flex:0;background:#fff;border-bottom:1px solid #e8e9eb;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-flex:0 0 48px;-ms-flex:0 0 48px;flex:0 0 48px;z-index:1000}.Editor-Demo .Editor-header .editor-header-icon svg,.Editor-Demo .Editor-header .shortcut-icon-btn svg{display:inline-block;height:16px;width:16px}.Editor-Demo .Editor-header .Editor-title{-webkit-box-flex:1;-moz-box-flex:1;-webkit-box-pack:start;-moz-box-pack:start;-ms-flex-pack:start;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex:1 1 565px;-ms-flex:1 1 565px;flex:1 1 565px;font-family:PingFangSC-Medium;font-size:16px;font-weight:500;-webkit-justify-content:flex-start;justify-content:flex-start;letter-spacing:0;padding:0 15px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.Editor-Demo .Editor-header .Editor-view-mode-group-container{-webkit-box-flex:0;-moz-box-flex:0;-webkit-flex:0 1 150px;-ms-flex:0 1 150px;flex:0 1 150px}.Editor-Demo .Editor-header .Editor-view-mode-group-container,.Editor-Demo .Editor-header .Editor-view-mode-group-container .Editor-view-mode-group{-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center}.Editor-Demo .Editor-header .Editor-view-mode-group-container .Editor-view-mode-group{background-color:#f2f2f4;border-radius:4px;font-family:PingFangSC-Regular;font-size:14px;font-weight:400;height:32px;letter-spacing:0;text-align:center;width:100px}.Editor-Demo .Editor-header .Editor-view-mode-group-container .Editor-view-mode-group .Editor-view-mode-btn{-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;border-radius:4px;cursor:pointer;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:24px;-webkit-justify-content:center;justify-content:center;padding:0;-webkit-transition:-webkit-transform .2s ease-out;transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out;transition:transform .2s ease-out,-webkit-transform .2s ease-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:40px}.Editor-Demo .Editor-header .Editor-view-mode-group-container .Editor-view-mode-group .Editor-view-mode-btn svg{color:#151b26}.Editor-Demo .Editor-header .Editor-view-mode-group-container .Editor-view-mode-group .Editor-view-mode-btn:first-child{margin-right:12px}.Editor-Demo .Editor-header .Editor-view-mode-group-container .Editor-view-mode-group .Editor-view-mode-btn:hover>svg{color:#2468f2}.Editor-Demo .Editor-header .Editor-view-mode-group-container .Editor-view-mode-group .Editor-view-mode-btn.is-active{background:#2468f2}.Editor-Demo .Editor-header .Editor-view-mode-group-container .Editor-view-mode-group .Editor-view-mode-btn.is-active svg{color:#fff}.Editor-Demo .Editor-header .Editor-view-mode-group-container .Editor-view-mode-group .Editor-view-mode-btn.is-active:hover{background:#5086f5}.Editor-Demo .Editor-header .Editor-header-actions{-webkit-box-flex:1;-moz-box-flex:1;-webkit-box-pack:end;-moz-box-pack:end;-ms-flex-pack:end;-webkit-flex:1 1 565px;-ms-flex:1 1 565px;flex:1 1 565px;font-size:12px;-webkit-justify-content:flex-end;justify-content:flex-end;padding:0 24px;white-space:nowrap}.Editor-Demo .Editor-header .Editor-header-actions,.Editor-Demo .Editor-header .Editor-header-actions .header-action-item{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.Editor-Demo .Editor-header .Editor-header-actions .header-action-item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;cursor:pointer;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;margin-left:18px;-webkit-transition:-webkit-transform .2s ease-out;transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out;transition:transform .2s ease-out,-webkit-transform .2s ease-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.Editor-Demo .Editor-header .Editor-header-actions .header-action-item>svg{fill:#151b26;width:16px}.Editor-Demo .Editor-header .Editor-header-actions .header-action-item:hover>svg{fill:#2468f2}.Editor-Demo .Editor-header .Editor-header-actions .header-action-item.disabled{cursor:not-allowed}.Editor-Demo .Editor-header .Editor-header-actions .header-action-item.disabled>svg{fill:#b8babf}.Editor-Demo .Editor-header .Editor-header-actions .header-action-item>svg.icon-editor-history{color:#151b26}.Editor-Demo .Editor-header .Editor-header-actions .header-action-item>svg.icon-editor-history:hover{color:#2468f2}.Editor-Demo .Editor-header .Editor-header-actions .header-action-item>svg.icon-editor-history.disabled,.Editor-Demo .Editor-header .Editor-header-actions .header-action-item>svg.icon-editor-history.disabled:hover{color:#b8babf;cursor:not-allowed}.Editor-Demo .Editor-header .Editor-header-actions .header-action-btn{-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:#2468f2;border-color:1px solid #2468f2;border-radius:4px;color:#fff;cursor:pointer;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:PingFangSC-Regular;font-size:12px;font-weight:400;height:32px;-webkit-justify-content:center;justify-content:center;line-height:20px;margin-left:8px;min-width:72px;padding:0 16px;-webkit-transition:-webkit-transform .2s ease-out;transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out;transition:transform .2s ease-out,-webkit-transform .2s ease-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.Editor-Demo .Editor-header .Editor-header-actions .header-action-btn.preview-btn{background:#fff;border:1px solid #dadbdd;border-radius:4px;color:#151a26}.Editor-Demo .Editor-header .Editor-header-actions .header-action-btn.preview-btn:hover{background:#fff;border-color:#2468f2;color:#2468f2}.Editor-Demo .Editor-header .Editor-header-actions .header-action-btn:hover{background:#5086f5;border-color:#5086f5;color:#fff}.Editor-Demo .Editor-header .Editor-header-actions .header-action-btn.disabled{background-color:#f7f7f9;border-color:#f7f7f9;color:#b8babf;cursor:not-allowed}.Editor-Demo .Editor-header .Editor-header-actions .header-action-btn.exit-btn{background-color:#fff;border:1px solid #ccc;color:#332e2e}.Editor-Demo .Editor-header .Editor-header-actions .header-action-btn.exit-btn:hover{background:#fa541c;border-color:#fa541c;color:#fff}.Editor-Demo .Editor-header .Editor-header-actions .margin-left-space{margin-left:30px}.Editor-Demo .Editor-inner{-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;overflow-x:hidden;overflow-y:auto;position:relative}