.component-non-modal.plugin-modal{right:-24px!important;padding:0;transition:right .3s}.component-non-modal.plugin-modal:hover{right:4px!important}.component-non-modal.plugin-modal .non-modal-body{margin-top:0}.component-non-modal.plugin-modal .non-modal-body .plugin-status-btn{display:block;padding:8px;font-size:14px}.component-non-modal.plugin-modal .non-modal-body .plugin-status-btn:hover{cursor:pointer;background:rgba(25,55,88,.04)}.plugin-status-modal.component-confirm .modal-body .dialog-header{margin-bottom:15px}.plugin-status-modal.component-confirm .modal-body .dialog-content{max-width:inherit}.plugin-status-modal .filter-and-search{border-bottom:1px solid #ccc;padding:8px;width:810px;display:flex;flex-wrap:wrap}.plugin-status-modal .filter-and-search .search{font-size:18px;margin-bottom:12px;margin-right:15px}.plugin-status-modal .filter-and-search .search .search-input{width:300px;padding:4px;border:1px solid #aaa;outline:none}.plugin-status-modal .filter-and-search .status-filter{display:flex;width:420px}.plugin-status-modal .filter-and-search .status-filter .title{font-size:18px;flex-shrink:0;padding:5px 0}.plugin-status-modal .filter-and-search .status-filter .list{list-style:none;display:flex;flex-wrap:wrap}.plugin-status-modal .filter-and-search .status-filter .list li{margin:5px}.plugin-status-modal .filter-and-search .component-text-btn{padding:0 10px}.plugin-status-modal .plugin-tips-btn{position:absolute;left:38px;bottom:30px;font-size:12px;padding:4px 8px}.plugin-status-modal .plugin-tips-btn:hover{background:rgba(25,55,88,.04)}.plugin-status-modal .plugin-tips-btn *{vertical-align:middle}.plugin-desc{margin:8px 24px}.plugin-desc h2{line-height:24px;padding:2px 0}.plugin-desc h3{line-height:20px;padding:2px 0}.plugin-desc ul{list-style:none}.plugin-desc li{font-size:14px;line-height:18px}.plugin-status-wrapper{width:803px;height:600px;padding:8px 0;overflow:auto;border-bottom:1px solid #ccc}.plugin-status-wrapper .plugin-status{position:relative;display:inline-block;box-sizing:border-box;width:246px;height:160px;margin:8px;padding:6px;border:1px solid #ccc;border-radius:2px;vertical-align:top}.plugin-status-wrapper .plugin-status .component-switch{position:absolute;top:12px;right:12px}.plugin-status-wrapper .type{padding:4px 4px 12px;margin-right:24px;border-bottom:1px solid #e1e1e1;font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plugin-status-wrapper .other-desc{padding:4px;margin-top:8px;color:#666;font-size:14px;line-height:24px}.plugin-status-wrapper .other-desc .protocol{position:absolute;bottom:12px;right:12px}
.component-non-modal{position:fixed;visibility:hidden;z-index:100;padding:20px 15px 15px;background:#fff;background:var(--kd-color-background-top);box-shadow:0 2px 12px 0 rgba(56,56,56,.2);border:1px solid hsla(0,0%,5%,.12);border:1px solid var(--kd-color-line-regular);border-radius:2px}.component-non-modal.drag,.component-non-modal .drag{cursor:move}.component-non-modal.did-mount{visibility:visible}.component-non-modal .non-modal-header{position:relative;display:flex;align-items:center}.component-non-modal .non-modal-header .title{display:inline-flex;align-items:center;flex-grow:1}.component-non-modal .non-modal-body{height:100%;cursor:default;margin-top:10px;overflow:hidden}.component-non-modal .close-btn{cursor:default}
.component-icon-btn{position:relative;display:inline-block;padding:4px;border-radius:2px;white-space:nowrap;flex-shrink:0}.component-icon-btn.dropdown{padding-right:14px}.component-icon-btn.disabled{pointer-events:inherit}.component-icon-btn:not(.disabled):hover{background:hsla(0,0%,5%,.06);background:var(--kd-color-state-hover)}.component-icon-btn.selected,.component-icon-btn:not(.disabled):active{background:hsla(0,0%,5%,.1);background:var(--kd-color-state-pressed)}.component-icon-btn.show-border{border:1px solid hsla(0,0%,5%,.12);border:1px solid var(--kd-color-line-regular);background:#fff;background:var(--kd-color-background-bottom);padding-top:1px;padding-bottom:1px}.component-icon-btn.show-border.dropdown:after{right:4px}
.component-confirm.drag .modal-body{cursor:move;position:fixed}.component-confirm.drag .modal-body .dialog-header .close-btn{cursor:pointer}.component-confirm .modal-body{position:static;min-width:450px;padding:0 30px 30px}.component-confirm .modal-body .dialog-content{cursor:default;max-width:390px}.component-confirm .modal-body .dialog-content .ul-dot>li{line-height:16px}.component-confirm .modal-body .dialog-content .content-text{font-size:14px;line-height:24px;white-space:pre-wrap;word-break:break-word;max-height:500px;overflow-y:auto}.component-confirm .modal-body .dialog-content .content-tips{margin-top:8px;line-height:16px;color:#6b6b6b;color:var(--kd-color-text-secondary)}.component-confirm .modal-body .dialog-header{position:relative;border-bottom:1px solid hsla(0,0%,5%,.12);border-bottom:1px solid var(--kd-color-line-regular);margin-bottom:30px;height:59px;display:flex;align-items:center}.component-confirm .modal-body .dialog-header.drag{cursor:move}.component-confirm .modal-body .dialog-header .header-title{display:inline-block;font-size:18px;width:calc(100% - 24px)}.component-confirm .modal-body .dialog-foot{cursor:default;text-align:right;padding-top:24px}.component-confirm .modal-body .dialog-foot .component-text-btn:first-child{margin-right:16px}.component-confirm .modal-body .dialog-foot .component-text-btn:last-child{margin-right:0}
.component-modal-wrap{cursor:default;position:fixed;z-index:1000;top:0;bottom:0;left:0;right:0}.component-modal-wrap.in-container{position:absolute}.component-modal-wrap:before{content:"";position:absolute;background:hsla(0,0%,5%,.5);background:var(--kd-color-mask-regular);top:0;bottom:0;left:0;right:0}.component-modal-wrap.mask-transparency:before{opacity:0}.component-modal-wrap.is-non-modal,.component-modal-wrap.is-non-modal:before{height:0}.component-modal{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center}.component-modal .modal-body{text-align:left;background:#fff;background:var(--kd-color-background-top);box-shadow:0 2px 12px 0 rgba(56,56,56,.2);border:1px solid hsla(0,0%,5%,.12);border:1px solid var(--kd-color-line-regular);border-radius:2px}
.component-text-btn{position:relative;display:inline-block;border:1px solid hsla(0,0%,5%,.12);border:1px solid var(--kd-color-line-regular);border-radius:2px;background:#fff;background:var(--kd-color-background-bottom);line-height:22px;padding:0 16px;white-space:nowrap;flex-shrink:0}.component-text-btn.disabled{pointer-events:inherit}.component-text-btn:not(.disabled):hover{background:hsla(0,0%,5%,.06);background:var(--kd-color-state-hover)}.component-text-btn.selected,.component-text-btn:not(.disabled):active{background:hsla(0,0%,5%,.1);background:var(--kd-color-state-pressed)}.component-text-btn.dropdown{padding:0 16px 0 8px}.component-text-btn.dropdown:after{right:4px}.component-text-btn.border-none{background:inherit;border:none;line-height:24px}.component-text-btn.border-none:not(.disabled):hover{background:hsla(0,0%,5%,.06);background:var(--kd-color-state-hover)}.component-text-btn.border-none.selected,.component-text-btn.border-none:not(.disabled):active{background:hsla(0,0%,5%,.1);background:var(--kd-color-state-pressed)}.component-text-btn.auto,.component-text-btn.system{color:#fff;color:var(--kd-color-text-white)}.component-text-btn.auto.dropdown:after,.component-text-btn.system.dropdown:after{border-color:#fff transparent transparent;border-color:var(--kd-color-text-white) transparent transparent}.theme-s .component-text-btn.auto{background:#1f69e0;background:var(--kd-color-brand-normal);border-color:#1f69e0;border-color:var(--kd-color-brand-normal)}.theme-s .component-text-btn.auto:not(.disabled):hover{background:#458bfa;background:var(--kd-color-brand-hover);border-color:#458bfa;border-color:var(--kd-color-brand-hover)}.theme-s .component-text-btn.auto.selected,.theme-s .component-text-btn.auto:not(.disabled):active{background:#1e5fc7;background:var(--kd-color-brand-pressed);border-color:#1e5fc7;border-color:var(--kd-color-brand-pressed)}.theme-k .component-text-btn.auto{background:#1f69e0;background:var(--kd-color-brand-normal);border-color:#1f69e0;border-color:var(--kd-color-brand-normal)}.theme-k .component-text-btn.auto:not(.disabled):hover{background:#458bfa;background:var(--kd-color-brand-hover);border-color:#458bfa;border-color:var(--kd-color-brand-hover)}.theme-k .component-text-btn.auto.selected,.theme-k .component-text-btn.auto:not(.disabled):active{background:#1e5fc7;background:var(--kd-color-brand-pressed);border-color:#1e5fc7;border-color:var(--kd-color-brand-pressed)}.theme-d .component-text-btn.auto{background:#0bb;background:var(--db-color-normal,#0bb);border-color:#0bb;border-color:var(--db-color-normal,#0bb)}.theme-d .component-text-btn.auto:not(.disabled):hover{background:#00c9c9;background:var(--db-color-hover,#00c9c9);border-color:#00c9c9;border-color:var(--db-color-hover,#00c9c9)}.theme-d .component-text-btn.auto:not(.disabled):active{background:#00abab;background:var(--db-color-active,#00abab);border-color:#00abab;border-color:var(--db-color-active,#00abab)}.theme-d .component-text-btn.auto.selected{background:#00abab;background:var(--db-color-selected,#00abab);border-color:#00abab;border-color:var(--db-color-selected,#00abab)}.theme-w .component-text-btn.auto{background:#4991f2;border-color:#4991f2}.theme-w .component-text-btn.auto:not(.disabled):hover{background:#5b9cf3;border-color:#5b9cf3}.theme-w .component-text-btn.auto.selected,.theme-w .component-text-btn.auto:not(.disabled):active{background:#4182d9;border-color:#4182d9}.theme-p .component-text-btn.auto{background:#f46d43;border-color:#f46d43}.theme-p .component-text-btn.auto:not(.disabled):hover{background:#f57b56;border-color:#f57b56}.theme-p .component-text-btn.auto.selected,.theme-p .component-text-btn.auto:not(.disabled):active{background:#db613c;border-color:#db613c}.theme-b .component-text-btn.auto{background:#626b84;border-color:#626b84}.theme-b .component-text-btn.auto:not(.disabled):hover{background:#5f6882;border-color:#5f6882}.theme-b .component-text-btn.auto.selected,.theme-b .component-text-btn.auto:not(.disabled):active{background:#5b667f;border-color:#5b667f}.theme-f .component-text-btn.auto{background:#1f69e0;background:var(--kd-color-brand-normal,#eb5451);border-color:#1f69e0;border-color:var(--kd-color-brand-normal,#eb5451)}.theme-f .component-text-btn.auto:not(.disabled):hover{background:#458bfa;background:var(--kd-color-brand-hover,#e4524e);border-color:#458bfa;border-color:var(--kd-color-brand-hover,#e4524e)}.theme-f .component-text-btn.auto:not(.disabled):active{background:#1e5fc7;background:var(--kd-color-brand-pressed,#db613c);border-color:#1e5fc7;border-color:var(--kd-color-brand-pressed,#db613c)}.theme-f .component-text-btn.auto.selected{background:#1e5fc7;background:var(--kd-color-brand-pressed,#ca3834);border-color:#1e5fc7;border-color:var(--kd-color-brand-pressed,#ca3834)}.component-text-btn.system,.theme-i .component-text-btn.auto,.theme-unknown .component-text-btn.auto{background:#417ff9;border-color:#417ff9}.component-text-btn.system:not(.disabled):hover,.theme-i .component-text-btn.auto:not(.disabled):hover,.theme-unknown .component-text-btn.auto:not(.disabled):hover{background:#548cf9;border-color:#548cf9}.component-text-btn.system.selected,.component-text-btn.system:not(.disabled):active,.theme-i .component-text-btn.auto.selected,.theme-i .component-text-btn.auto:not(.disabled):active,.theme-unknown .component-text-btn.auto.selected,.theme-unknown .component-text-btn.auto:not(.disabled):active{background:#3a72df;border-color:#3a72df}.theme-o .component-text-btn.auto,.theme-o .component-text-btn.auto.selected,.theme-o .component-text-btn.auto:not(.disabled):active,.theme-o .component-text-btn.auto:not(.disabled):hover{background:#7663dd;border-color:#7663dd}.theme-sl .component-text-btn.auto{background:#f46d43;border-color:#f46d43}.theme-sl .component-text-btn.auto.selected,.theme-sl .component-text-btn.auto:not(.disabled):active,.theme-sl .component-text-btn.auto:not(.disabled):hover{background:#eb6930;border-color:#eb6930}
.component-switch{cursor:pointer;display:inline-block;vertical-align:middle;position:relative;height:14px;min-width:28px;line-height:20px;border-radius:100px;border:1px solid hsla(0,0%,5%,.48);border:1px solid var(--kd-color-line-heavy);background-color:#fff}.component-switch:after{content:"";position:absolute;top:1px;right:calc(100% - 11px);width:10px;height:10px;border-radius:50%;background:hsla(0,0%,5%,.48);background:var(--kd-color-line-heavy);transition:right .1s ease-out}.component-switch.checked{background:#417ff9;border-color:#417ff9}.component-switch.checked:after{right:1px;background:#fff!important}.component-switch.checked:hover{background:#548cf9;border-color:#548cf9}.component-switch.checked:active{background:#3a72df;border-color:#3a72df}.component-switch:hover{border-color:hsla(0,0%,5%,.48);border-color:var(--kd-color-line-heavy)}.component-switch:hover:after{background:hsla(0,0%,5%,.48);background:var(--kd-color-line-heavy)}.component-switch:active{border-color:hsla(0,0%,5%,.48);border-color:var(--kd-color-line-heavy)}.component-switch:active:after{background:hsla(0,0%,5%,.48);background:var(--kd-color-line-heavy)}.theme-s .component-switch.auto.checked{background:#1f69e0;background:var(--kd-color-brand-normal);border-color:#1f69e0;border-color:var(--kd-color-brand-normal)}.theme-s .component-switch.auto.checked:hover{background:#458bfa;background:var(--kd-color-brand-hover);border-color:#458bfa;border-color:var(--kd-color-brand-hover)}.theme-s .component-switch.auto.checked:active{background:#1e5fc7;background:var(--kd-color-brand-pressed);border-color:#1e5fc7;border-color:var(--kd-color-brand-pressed)}.theme-k .component-switch.auto.checked{background:#1f69e0;background:var(--kd-color-brand-normal);border-color:#1f69e0;border-color:var(--kd-color-brand-normal)}.theme-k .component-switch.auto.checked:hover{background:#458bfa;background:var(--kd-color-brand-hover);border-color:#458bfa;border-color:var(--kd-color-brand-hover)}.theme-k .component-switch.auto.checked:active{background:#1e5fc7;background:var(--kd-color-brand-pressed);border-color:#1e5fc7;border-color:var(--kd-color-brand-pressed)}.theme-d .component-switch.auto.checked{background:#0bb;background:var(--db-color-normal,#0bb);border-color:#0bb;border-color:var(--db-color-normal,#0bb)}.theme-d .component-switch.auto.checked:hover{background:#00c9c9;background:var(--db-color-hover,#00c9c9);border-color:#00c9c9;border-color:var(--db-color-hover,#00c9c9)}.theme-d .component-switch.auto.checked:active{background:#00abab;background:var(--db-color-active,#00abab);border-color:#00abab;border-color:var(--db-color-active,#00abab)}.theme-w .component-switch.auto.checked{background:#4991f2;border-color:#4991f2}.theme-w .component-switch.auto.checked:hover{background:#5b9cf3;border-color:#5b9cf3}.theme-w .component-switch.auto.checked:active{background:#4182d9;border-color:#4182d9}.theme-p .component-switch.auto.checked{background:#f46d43;border-color:#f46d43}.theme-p .component-switch.auto.checked:hover{background:#f57b56;border-color:#f57b56}.theme-p .component-switch.auto.checked:active{background:#db613c;border-color:#db613c}.theme-b .component-switch.auto.checked{background:#626b84;border-color:#626b84}.theme-b .component-switch.auto.checked:hover{background:#5f6882;border-color:#5f6882}.theme-b .component-switch.auto.checked:active{background:#5b667f;border-color:#5b667f}.theme-f .component-switch.auto.checked{background:#1f69e0;background:var(--kd-color-brand-normal,#eb5451);border-color:#1f69e0;border-color:var(--kd-color-brand-normal,#eb5451)}.theme-f .component-switch.auto.checked:hover{background:#458bfa;background:var(--kd-color-brand-hover,#e4524e);border-color:#458bfa;border-color:var(--kd-color-brand-hover,#e4524e)}.theme-f .component-switch.auto.checked:active{background:#1e5fc7;background:var(--kd-color-brand-pressed,#db613c);border-color:#1e5fc7;border-color:var(--kd-color-brand-pressed,#db613c)}