@farris/ui-vue
Version:
Farris Vue, a Farris Design based Vue3 component library.
2 lines (1 loc) • 24.3 kB
CSS
.form-container .f-icon,.param-container .f-icon{color:#8da3ce}.form-container .item-list,.param-container .item-list{margin-top:2px;background-color:#fff;z-index:2001;width:100%;border:2px solid #e7eced;box-shadow:0 1px 18px #e8ebf3;min-width:220px;border-radius:10px;position:relative;padding:10px;display:flex;flex-direction:column;max-height:400px;overflow:auto}.form-container .item-list .tip,.param-container .item-list .tip{color:#b4bccc;margin-bottom:4px;padding-left:4px}.form-container .item-list .item,.param-container .item-list .item{padding:4px;cursor:pointer;border-radius:6px}.form-container .item-list .item:hover,.param-container .item-list .item:hover{background:#edf5ff}.form-container .item-list .item.selected,.param-container .item-list .item.selected{background:#dae9ff}.form-container .item-list .item.disabled,.param-container .item-list .item.disabled{color:#b4bccc}.form-container .item-list .item.disabled:hover,.param-container .item-list .item.disabled:hover{background:unset;cursor:default}.param-container .selected-item{display:flex;align-items:center;padding-right:5px}.param-container .selected-item .form-control{border:0;flex:1;border-radius:0;box-shadow:unset;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;background-color:inherit;padding-right:20px;color:#878d99}.param-container .selected-item .form-control:focus{border-bottom:1px solid rgb(217,222,231)}.param-container .selected-item .f-icon{font-size:13px}.param-container .param-panel{padding:6px;background-color:#f7faff;box-shadow:0 0 20px #03123312;border-radius:6px}.param-container .param-panel .col-form-label{margin-bottom:0}.param-container .form-control{padding-right:10px}.param-container .f-icon-yxs_delete{font-size:13px}.param-container.invalid .remove-icon{margin-left:10px}.f-icon-flowline-warning{font-size:14px}.form-container .f-page-parameter-editor-first-row-icon .f-icon{font-size:13px;margin-left:10px}.f-page-events-editor-command-source{background-color:#fff;z-index:2001;width:100%;border:2px solid #e7eced;box-shadow:0 1px 18px #e8ebf3;min-width:220px;border-radius:10px;position:relative;height:410px;padding:10px 10px 0;display:flex;flex-direction:column}.f-page-events-editor-command-source:before{content:"";width:0;height:0;position:absolute;right:54px;bottom:407px;border-width:7px;border-style:solid;border-color:transparent transparent #e2e5e6}.f-page-events-editor-command-source:after{content:"";width:0;height:0;position:absolute;right:54px;bottom:405px;border-width:7px;border-style:solid dashed dashed;border-color:transparent transparent #ffffff}.f-page-command-source-choice{overflow-x:hidden;overflow-y:scroll;padding:5px 0;border-radius:3px;min-width:200px;flex:2 2 0}.f-page-events-editor-switch{background:#eff5ff;border-radius:10px;margin:10px;min-width:200px;height:32px;display:flex;text-align:center}.namelist{font-family:PingFangSC-Regular;font-size:14px;color:#446a9fd9;line-height:16px;margin:8px 13px;flex-grow:1;cursor:pointer}.namelist-focus{opacity:.6;font-family:PingFangSC-Regular;font-size:14px;line-height:16px;color:#226eff;height:32px;padding:8px 16px;flex-grow:1;background:#ffffffe6;box-shadow:0 4px 18px #024bc133;border-radius:10px;cursor:pointer}.f-page-internals-new-command{margin:0 2px 0 13px}.f-page-internals-new-command-func1,.f-page-internals-new-command-func2,.f-page-internals-new-command-func3{display:flex;margin:4px 1px}.f-page-internals-new-command .f-icon{font-size:15px;margin:5px;color:#226eff;flex:1 1 0}.f-page-internals-new-command .fd-i-Family{font-size:14px;margin:5px;color:#226eff;flex:1 1 0}.f-function-class{margin:0 0 0 5px;font-family:PingFangSC-Regular;color:#4f6b9d;cursor:pointer;width:65px;font-size:13px;color:#308aff;line-height:26px;font-weight:400;flex:10}.f-page-internals-close{font-family:PingFangSC-Regular;font-size:13px;margin:7.75px 10px;color:#6d7278;cursor:pointer;display:block;color:#425159;font-weight:400;text-align:center}.f-command-breakline{color:#b4bccc;margin:2px;overflow:hidden;white-space:nowrap;text-overflow:clip;height:10px}.f-page-internals-controller{padding-right:16px}.f-page-internals-controller-name{padding-left:2px;font-family:PingFangSC-Regular;font-size:13px;color:#b4bccc;height:20px;overflow:hidden;text-overflow:clip;white-space:nowrap}.f-page-internals-command{padding-left:16px;border-radius:6px}.f-page-internals-command:hover{background-color:#348eff;cursor:pointer}.f-page-internals-command-name{font-family:PingFangSC-Regular;font-size:13px;color:#425159;line-height:24px}.f-page-internals-command-name:hover{color:#fff}.f-vm-all{min-width:180px;height:100%;overflow:hidden;display:flex;flex-direction:column}.f-vm-search{height:60px;background-color:#fff;width:96%;margin:0 2%}.f-vm-searchBar{margin:15px 10px}.f-vm-viewModel{display:block;flex:1;overflow:auto}.f-vm-viewModel>:first-child{border-top:1px solid #e5e9ef;border-top-left-radius:8px;border-top-right-radius:8px}.f-vm-viewModel>:last-child{border-bottom:1px solid #e5e9ef;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.f-event-commandItem{display:flex}.f-icon-command{width:16px;height:16px;background-color:#dbf4e7;margin:10px 6px 4px 16px;display:flex;padding:1px 2px 0 3px;vertical-align:top;border-radius:2px;align-items:center}input::-webkit-input-placeholder{font-family:PingFangSC-Regular;font-size:13px;color:#b4bccc;font-weight:400}.f-event-path{color:#949ba7;font-family:PingFangSC-Regular;font-size:12px;font-weight:400;margin:0 0 8px 16px}.f-event-func{margin:9px 0 4px;font-family:PingFangSC-Regular;font-size:13px;vertical-align:top;color:#2d2f33;font-weight:400;height:18px;display:inline-block;max-width:92%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.f-event-func-invalid{margin:9px 0 4px;font-family:PingFangSC-Regular;font-size:13px;vertical-align:top;color:#949ba7;font-weight:400;height:18px;display:inline-block;max-width:92%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.f-vm-item{margin:0 30px;border-bottom:1px solid #e5e9ef;border-left:1px solid #e5e9ef;border-right:1px solid #e5e9ef}.f-vm-item:hover{cursor:pointer;border-bottom:1px solid #e5e9ef;border-left:1px solid #e5e9ef;border-right:1px solid #e5e9ef;background-color:#edf5fc}.f-vm-viewModel>:first-child .f-vm-item:hover{border-top:1px solid #e5e9ef;border-top-left-radius:8px;border-top-right-radius:8px}.f-vm-viewModel>:last-child>:last-child .f-vm-item:hover{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.f-vm-item-focus,.f-vm-item-focus:hover{background-color:#edf5fc}.f-vm-all.has-page-list .f-vm-search{height:auto;background-color:transparent;width:300px;float:right;margin-right:0}.f-vm-all.has-page-list .splitter{margin:0 24px;border:1px solid #e5e9ef;border-radius:8px}.f-vm-all.has-page-list .f-vm-item{margin:0;border-radius:0;border-left:0;border-right:0}.f-page-nav{width:200px;height:100%;border-right:1px solid #e5e9ef;padding-top:6px;overflow-y:auto}.f-vm-all.has-page-list .methods-list{padding:10px 20px}.f-vm-all.has-page-list .f-list-view-group-item{margin-bottom:5px}.f-page-parameter-editor{background:#fff;border-radius:4px}.f-page-parameter-editor-group{margin:0 12px;background:#fff;border-radius:4px;width:95%}.f-parameter-tooltip-class{background-color:#878d99;width:100px}.f-page-parameter-editor-first-row{padding:5px 5px 0;width:100%;display:flex;background-color:#fff;justify-content:space-between}.f-page-parameter-editor-command-name{font-family:PingFangSC-Regular;font-size:13px;color:#878d99;display:inline-block;margin:7px 0 7px 12px;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.f-page-parameter-editor-first-row-icon{margin-left:5px;background-color:#fff;float:right;margin-top:7px;display:flex;margin-bottom:7px;align-items:center}.f-page-parameter-editor-first-row-icon .f-icon-yxs_delete{font-size:13px}.f-page-parameter-editor-parameter-name{font-family:PingFangSC-Regular;font-size:13px;color:#878d99;padding:8px 0 4px 9px}.f-page-parameter-editor-row2{padding:0 8px 8px}.f-page-parameter-editor-input{border:1px solid rgb(224,223,223)}.f-page-parameter-editor-row3{margin:5px}.f-page-parameter-editor-row3-cancel{margin-left:5px;height:25px}.f-page-parameter-editor-row3-save{margin-left:35px;height:25px}.f-icon.f-icon-yxs_delete:hover{color:#2a75ee}.f-icon.f-icon-yxs_delete{color:#a7b0bb}.f-icon.f-icon-edit-button:hover{color:#2a75ee;cursor:pointer}.f-icon.f-icon-edit-button{color:#a7b0bb}.f-page-parameter-editor-btn{height:35px;width:100%}.btn-finish{height:25px;margin-right:10px;float:right;width:40px;padding:3px 5px;border:1px solid #e5e7e9;font-size:12px;color:#5a8cff;box-shadow:0 2px 3px #1f23290f;border-radius:3px;margin-top:5px;text-align:center}.btn-finish:hover{cursor:pointer;border:1px solid #5a8cff}.f-page-parameter-editor-targetComponent{font-family:PingFangSC-Regular;font-size:13px;color:#878d99;margin:0 0 2px 8px}.f-page-parameter-editor-targetComponent-topic{padding:3px 0}.f-page-parameter-editor-targetComponent-dropdown{padding:0 8px 0 0}.property-item .form-group{margin-bottom:2px}.property-item .col-form-label{line-height:26px}.property-item .row-item{align-items:center}.wide-panel .row-item{display:flex}.wide-panel .row-item .component{flex:1 1 0}.wide-panel .row-item label{width:89px;text-align:right;padding-right:10px}.wrap{overflow:hidden;text-overflow:ellipsis}.propertyCascadeItem{background-color:transparent;border:none}.propertyCascadeItem .card-header{background-color:transparent;padding:4px 0;color:inherit}.propertyCascadeItem .card-header .panel-item-title{width:100%;position:relative;font-size:inherit}.propertyCascadeItem .card-header .panel-item-title .farris-input-wrap{margin-left:-5px;margin-right:-5px}.propertyCascadeItem .form-group .col-form-label .f-icon{color:#a3a3a3}.propertyCascadeItem .f-accordion-collapse,.propertyCascadeItem .f-accordion-expand{right:0;left:auto;top:6px;color:#6b94ec;position:absolute}.propertyCascadeItem .card-body{padding:3px 12px;background:#fffc;border-radius:8px;margin:4px 0}.propertyCascadeItem .card-body.hidden{display:none}.landscape{display:none;flex-shrink:0;align-items:center;justify-content:flex-end}.wide-panel .vertical{display:none}.wide-panel .landscape{display:block;padding:0;overflow:hidden}.wide-panel .line-item{display:flex}.wide-panel .line-item .f-header{margin-bottom:0}.wide-panel .line-item .f-section-formgroup-legend{width:89px;text-align:right;padding-right:13px}.wide-panel .line-item .farris-input-wrap{flex:1 1 0}:host{width:inherit;height:inherit}.property-panel{position:relative}.property-panel .switcher{position:absolute;top:9px;right:0;width:40px;text-align:center}.property-panel .switcher i{color:#4190ff;font-size:12px;cursor:pointer}.property-panel .side-panel{width:41px;background-color:#fff;padding-top:45px;text-align:center}.property-panel .side-panel .icon{display:block;text-align:center;color:#4190ff;margin-bottom:10px}.property-panel .side-panel span{writing-mode:vertical-rl;font-size:14px}.propertyPanel{width:300px;height:100%;color:#000000bf;background:#f3f8ff;border-color:#d8dbe2;display:flex}.propertyPanel .title{position:relative;background:#d0d8e9;flex-wrap:wrap;border:0}.propertyPanel .title.p-right{padding-right:40px}.propertyPanel .title>.title-label{line-height:34px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:12px;padding-right:12px;color:#333;font-size:13px;font-weight:600;cursor:pointer}.propertyPanel .title>.title-label.active{background:#8fb1df}.propertyPanel .title .title-actions{position:absolute;right:10px;top:0;padding-left:35px;height:35px;-ms-flex:1;flex:1;box-sizing:border-box}.propertyPanel .title .title-actions{position:absolute;right:10px;top:0}.propertyPanel .property-grid .group-label{line-height:30px;display:block;padding-left:13px;cursor:pointer;background:#e2e9f6;color:#435069;font-weight:600;border-radius:6px}.propertyPanel .search .textbox{padding-left:10px}.propertyPanel .search .input-group{border-radius:0}.propertyPanel .panel-body{overflow:auto;height:100%}.propertyPanel .property-grid{list-style:none;margin:0 10px;padding:0}.propertyPanel .property-grid li{padding:2px 0}.propertyPanel .panel-body .property-grid .group-label+div{padding-bottom:14px;padding-top:.25rem}.propertyPanel .action-item{cursor:pointer;display:inline-block;transition:transform 50ms ease;position:relative;padding:0}.propertyPanel .action-item>.f-icon{color:#424242bf;line-height:35px;font-weight:600}.propertyPanel .search .input-group-clear{border-radius:0}.white-theme .propertyPanel{background:#fff;border:1px solid #D8DCE6}.white-theme .propertyPanel .title{overflow:visible;background:#fff;justify-content:space-around}.white-theme .propertyPanel{background:#fff}.white-theme .propertyPanel .title{overflow:visible;background:#fff;flex-wrap:wrap;text-align:center}.white-theme .propertyPanel .title>.title-label{font-weight:400;border-bottom:0;background:#fff;flex:1;color:#83849b}.white-theme .propertyPanel .title>.title-label>span{padding:0 14px 7px}.white-theme .propertyPanel .title>.title-label.active>span{border-bottom:2px solid #5b89fe;color:#5b89fe;border-radius:1.5px}.white-theme .propertyPanel .title.only{text-align:left}.white-theme .propertyPanel .property-grid .group-label{background:#fff;line-height:30px;font-weight:400;font-size:13px;color:#3f4764;border-radius:6px;background:#eef4ff;color:#435069}.white-theme .propertyPanel .property-grid .group-label .f-icon{color:#5d89fe;font-size:13px}.fv-grid-disabled{color:#0000004d}.fv-grid-header-cell.fv-grid-header-cell-border:after{background-color:transparent}.form-group-in-canvas .f-cmp-inputgroup .f-state-readonly .input-group-append{display:flex}.component-btn-group{flex-direction:row-reverse;position:absolute;z-index:800;background:#fff;display:none;top:-26px;right:0}.component-btn-group>div{position:fixed}.farris-component.farris-nested{padding-top:10px;padding-bottom:10px;border:dotted 2px #e8e8e8}.farris-component.farris-nested:not(.px-0){padding-right:10px;padding-left:10px}.farris-component.farris-nested.dgComponentFocused{border:dotted 2px #388fff}.farris-component.can-move{padding:2px}.farris-component.dgComponentSelected>.component-btn-group{display:flex}.component-btn-group .component-settings-button{display:flex;cursor:pointer;float:right;margin-left:4px;padding:0;font-size:10px;line-height:1.2em;border-radius:2px 2px 0 0;width:24px;height:24px;color:#fff;background:#388fff}.component-btn-group .component-settings-button+.component-settings-button{margin-left:4px}.component-btn-group .component-settings-button:last-child{margin-left:0}.component-btn-group .component-settings-button .f-icon{font-size:18px;margin:0 auto;line-height:20px}.component-btn-group .component-settings-button .f-icon.f-icon-yxs_move{cursor:move}.farris-component-content-container .drag-container{display:inherit;flex-direction:inherit;flex-shrink:1;flex-grow:1;flex-basis:0%;flex-wrap:inherit;justify-content:inherit;align-items:inherit;width:100%;overflow:inherit;height:inherit}.gu-mirror{position:fixed;margin:0;z-index:9999;opacity:.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80)}.gu-mirror.undroppable .component-settings-button .f-icon-yxs_move{cursor:no-drop}.component-btn-group .component-settings-button .f-icon.f-icon-yxs_delete{color:#fff;background:#388fff}.gu-hide{display:none}.gu-unselectable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.gu-transit{opacity:.2;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";filter:alpha(opacity=20)}.drag-over:not(.no-drop){background-color:#f3f8ff}.gu-unselectable .farris-component.dgComponentSelected>.component-btn-group{display:none}.gu-unselectable .gu-mirror.farris-component.dgComponentSelected>.component-btn-group{display:flex}.gu-transit.farris-component.dgComponentSelected>.component-btn-group{display:none}.gu-mirror.farris-component.dgComponentSelected{position:fixed}.gu-mirror.farris-component.dgComponentSelected>.component-btn-group>div{position:relative;top:0;left:0}.gu-mirror.farris-component.dgComponentSelected>.component-btn-group{width:max-content}.dgComponentFocused{border-top:2px dotted #388fff;border-left:2px dotted #388fff;border-right:2px dotted #388fff;border-bottom:2px dotted #388fff}.dgComponentSelected{border-top:2px solid #388fff;border-left:2px solid #388fff;border-right:2px solid #388fff;border-bottom:2px solid #388fff}.editorDiv{background-color:#dbe6f7;overflow-x:auto}.editorPanel{position:relative;height:100%;min-width:900px}.editorDiv .editorPanel.Mobile{min-width:414px;width:414px;margin:20px auto;height:calc(100% - 40px)}.editorDiv .f-struct-like-card{display:block}.editorDiv .farris-tabs.f-tabs-content-fill .f-struct-is-subgrid .f-grid-is-sub{width:100%}.ide-framework .cdk-overlay-container{z-index:1100}.editorDiv .f-struct-wrapper{margin-bottom:15px}.f-struct-wrapper+.f-struct-wrapper{position:relative;display:inherit;margin-bottom:15px}.f-page-is-mainsubcard .f-page-main .f-struct-wrapper{background:#fff}.editorDiv .f-page-navigate .f-page{position:absolute}.editorDiv .f-page-navigate .f-page.f-page-card .f-page-main>.drag-container{display:block;overflow:unset}.editorDiv .f-page.f-page-navigate.f-page-is-listnav-with-header .f-page-main .f-page-content-main{display:block}.editorDiv .f-page-has-scheme .f-page-main.farris-component{margin-top:0}.f-struct-subsub-wrapper{padding-top:0}.gu-mirror.undroppable{cursor:no-drop}.gu-insertion{position:fixed;z-index:840;pointer-events:none;background-color:#388fff;height:4px;overflow:hidden}.editorPanel .f-page .f-page-main{margin-right:.5rem;margin-left:.5rem;margin-bottom:.5rem}.editorPanel .f-page.f-page-is-listnav .f-page-main{margin-top:.5rem}.editorPanel .f-page .f-page-main .f-page-main{margin:0}.editorPanel .f-page.f-page-has-scheme .f-page-header{margin:0 .5rem}.f-page-child-fill .f-struct-wrapper.f-struct-wrapper-child{overflow:hidden}.f-page-child-fill .f-struct-wrapper.f-struct-wrapper-child .f-section-in-mainsubcard,.f-page-child-fill .f-struct-wrapper.f-struct-wrapper-child .f-section-in-main{height:100%}.f-page-child-fill .f-struct-wrapper.f-struct-wrapper-child .f-section.f-section-fill>.f-section-content{flex-basis:0%}.f-page-child-fill .f-struct-wrapper.f-struct-wrapper-child .f-section .f-component-tabs .f-tabs-content-fill{overflow:hidden}.f-page-child-fill .f-struct-wrapper.f-struct-wrapper-child .f-section .f-component-tabs .f-tabs-content-fill .farris-tabs-body>.farris-component-component{flex:1}.component-btn-group .settings-button-extend{padding:0 0 0 2px;width:auto;display:flex;align-items:center}.settings-button-extend .icon-text{margin:0 4px;font-size:13px;line-height:unset}.f-section-scheme{background:#fff;margin:.5625rem .5rem 0}.farris-component-tabs .farris-tabs-content.f-utils-fill-flex-column .farris-component-tab-page:has(.farris-tab-page-active){display:flex;overflow:hidden;flex-shrink:1;flex-grow:1;flex-basis:0;flex-direction:column}.response-layout{border:dotted 2px #e8e8e8}.response-layout .response-layout-item{border-right:dotted 2px #e8e8e8}.response-layout .response-layout-item:not(:last-child){padding-right:8px}.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.fade-enter-from,.fade-leave-to{opacity:0}.fv-resizable-handle{position:absolute;font-size:.1px;display:block;touch-action:none}.fv-resizable-handle:hover{background:transparent}.fv-resizable-handle.fv-resizable-n{cursor:n-resize;height:.4375rem;width:100%;top:-.3125rem;left:0}.fv-resizable-handle.fv-resizable-e{cursor:e-resize;width:.4375rem;right:-.3125rem;height:100%;top:0}.fv-resizable-handle.fv-resizable-s{cursor:s-resize;height:.4375rem;width:100%;bottom:-.3125rem;left:0}.fv-resizable-handle.fv-resizable-w{cursor:w-resize;height:100%;width:.4375rem;left:-.3125rem;top:0}.fv-resizable-handle.fv-resizable-ne{cursor:ne-resize;width:.75rem;height:.75rem;right:1px;top:1px}.fv-resizable-handle.fv-resizable-se{cursor:se-resize;width:.75rem;height:.75rem;right:1px;bottom:1px}.fv-resizable-handle.fv-resizable-nw{cursor:nw-resize;width:.75rem;height:.75rem;left:1px;top:1px}.fv-resizable-handle.fv-resizable-sw{cursor:sw-resize;width:.75rem;height:.75rem;left:1px;bottom:1px}.exception_wrap{max-width:750px;display:flex;overflow:hidden;position:relative}.exception_error_msg{line-height:1.5;overflow:hidden;min-height:66px}.screenGroup{background:#ffffffe6;box-shadow:0 0 3px #024bc133;border-radius:8px;padding:2px 14px;margin:5px auto;flex:1 1 0}.screenGroup .screenName{width:90px;font-family:PingFangSC-Regular;font-size:14px;line-height:24px;color:#2a87ff;height:32px;padding:4px;text-align:left}.screenGroup .screen-input{flex:1 1 0}.screenGroup farris-combo-list{width:84px}.screenGroup .columnText{line-height:26px}.applyBtn{margin-top:5px;display:flex;justify-content:center}.applyBtn .btn{width:110px}.en .screenGroup{width:100%;flex-direction:column;align-items:flex-start}.en .screenGroup>div{width:100%;padding:0 10px 10px 0;margin-left:0}.en .screenGroup .screenName{width:auto}.en .screenGroup farris-combo-list{flex:1}.en .screenGroup .columnText{width:50px}.f-page-events-editor{display:-webkit-box;position:relative}.f-page-events-popover{position:absolute;top:0;width:100%;z-index:2000;background-color:#0000;opacity:0;height:calc(100vh - 50px)}.f-page-events-editor-content{width:100%;min-width:200px;background-color:#fff}.f-page-events-editor-events{width:98%;max-height:260px;background:#fff;box-shadow:0 2px 10px #00000026;border-color:#6ca0f5;border-radius:4px;margin-left:2px;padding:8px 0 2px;overflow:scroll;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep button:focus{outline:unset}.f-page-events-editor-top-button{background-color:#fff}.f-page-events-editor-top-button:focus{background-color:#f3f7ff}.f-page-events-editor-first-bound-event{height:24px;font-family:PingFangSC-Regular;font-size:13px;color:#425159;line-height:24px;font-weight:400;padding-left:5px;margin-left:10px}.f-page-events-editor-first-bound-event:hover{background-color:#348eff}.f-page-events-editor-bound-event{border:1px solid #e8ebf3;width:100%;height:28px;background:#fff;margin-top:10px}.f-page-events-editor-first-bound-event-name{font-family:PingFangSC-Regular;font-size:13px;color:#425159;line-height:24px}.f-page-events-editor-first-bound-event-name:hover{color:#fff}.f-page-events-editor-button{margin:5px 0 0;padding:0;width:100%;border:#fff;height:26px;cursor:pointer;background-image:linear-gradient(-51deg,#328bff,#2a87ff);box-shadow:0 4px 10px #4590ff40;border-radius:6px}.f-page-events-editor-button:focus{outline:none}.f-page-events-editor-text{font-family:PingFangSC-Regular;font-size:13px;color:#fff;text-align:center}.f-page-events-editor-bound-event-name{margin:5px 5px 5px 12px}.f-page-events-editor-bound-event-name{margin:5px 5px 5px 12px;display:inline-block;font-family:PingFangSC-Regular;font-size:13px;color:#6ca1ff}:host ::ng-deep .mb-3{margin-bottom:0}.f-icon.f-icon-arrow-chevron-down:hover,.f-icon.f-icon-arrow-chevron-left:hover,.f-icon.f-icon-yxs_delete:hover,.f-icon.f-icon-home-add:hover{color:#2a75ee;cursor:pointer}.f-icon.f-icon-yxs_delete,.f-icon.f-icon-home-add{color:#a7b0bb}.f-page-events-editor-save-all{width:240px;height:40px}.f-page-events-editor-save-all-button{margin:10px 10px 3px 178px;background:#6ca0f5;border-radius:4px;width:50px;border:1px transparent}