@opensumi/ide-components 3.5.0 → 3.5.1-next-1730948411.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/index.css +3902 -1
  2. package/dist/index.js +4981 -64111
  3. package/dist/vendors-node_modules_jschardet_index_js.index.js +441 -0
  4. package/package.json +5 -5
  5. package/dist/238.index.js +0 -7994
package/dist/index.css CHANGED
@@ -1 +1,3902 @@
1
- .kt-dropdown{font-feature-settings:"tnum";box-sizing:border-box;color:rgba(0,0,0,.65);display:block;font-size:14px;font-variant:tabular-nums;left:-9999px;line-height:1.5;list-style:none;margin:0;padding:0;position:absolute;top:-9999px;z-index:1050}.kt-dropdown:before{bottom:-7px;content:" ";left:-7px;opacity:.0001;position:absolute;right:0;top:-7px;z-index:-9999}.kt-dropdown-wrap{position:relative}.kt-dropdown-wrap .kt-btn>.anticon-down{display:inline-block;font-size:12px;font-size:10px\9;transform:scale(.83333333) rotate(0deg)}:root .kt-dropdown-wrap .kt-btn>.anticon-down{font-size:12px}.kt-dropdown-wrap .anticon-down:before{transition:transform .2s}.kt-dropdown-wrap-open .anticon-down:before{transform:rotate(180deg)}.kt-dropdown-hidden,.kt-dropdown-menu-hidden{display:none}.kt-dropdown-menu{background-clip:padding-box;background-color:#fff;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.15);list-style-type:none;margin:0;outline:none;padding:4px 0;position:relative;text-align:left;-webkit-transform:translateZ(0)}.kt-dropdown-menu-item-group-title{color:rgba(0,0,0,.45);padding:5px 12px;transition:all .3s}.kt-dropdown-menu-submenu-popup{position:absolute;z-index:1050}.kt-dropdown-menu-submenu-popup>.kt-dropdown-menu{transform-origin:0 0}.kt-dropdown-menu-submenu-popup li,.kt-dropdown-menu-submenu-popup ul{list-style:none}.kt-dropdown-menu-submenu-popup ul{margin-left:.3em;margin-right:.3em;padding:0}.kt-dropdown-menu-item,.kt-dropdown-menu-submenu-title{clear:both;color:rgba(0,0,0,.65);cursor:pointer;font-size:14px;font-weight:400;line-height:22px;margin:0;padding:5px 12px;transition:all .3s;white-space:nowrap}.kt-dropdown-menu-item>.anticon:first-child,.kt-dropdown-menu-item>span>.anticon:first-child,.kt-dropdown-menu-submenu-title>.anticon:first-child,.kt-dropdown-menu-submenu-title>span>.anticon:first-child{font-size:12px;margin-right:8px;min-width:12px}.kt-dropdown-menu-item>a,.kt-dropdown-menu-submenu-title>a{color:rgba(0,0,0,.65);display:block;margin:-5px -12px;padding:5px 12px;transition:all .3s}.kt-dropdown-menu-item-selected,.kt-dropdown-menu-item-selected>a,.kt-dropdown-menu-submenu-title-selected,.kt-dropdown-menu-submenu-title-selected>a{background-color:#e6f7ff;color:#1890ff}.kt-dropdown-menu-item:hover,.kt-dropdown-menu-submenu-title:hover{background-color:#e6f7ff}.kt-dropdown-menu-item-disabled,.kt-dropdown-menu-submenu-title-disabled{color:rgba(0,0,0,.25);cursor:not-allowed}.kt-dropdown-menu-item-disabled:hover,.kt-dropdown-menu-submenu-title-disabled:hover{background-color:#fff;color:rgba(0,0,0,.25);cursor:not-allowed}.kt-dropdown-menu-item-divider,.kt-dropdown-menu-submenu-title-divider{background-color:#e8e8e8;height:1px;line-height:0;margin:4px 0;overflow:hidden}.kt-dropdown-menu-item .kt-dropdown-menu-submenu-arrow,.kt-dropdown-menu-submenu-title .kt-dropdown-menu-submenu-arrow{position:absolute;right:8px}.kt-dropdown-menu-item .kt-dropdown-menu-submenu-arrow-icon,.kt-dropdown-menu-submenu-title .kt-dropdown-menu-submenu-arrow-icon{color:rgba(0,0,0,.45);display:inline-block;font-size:12px;font-size:10px\9;font-style:normal;transform:scale(.83333333) rotate(0deg)}:root .kt-dropdown-menu-item .kt-dropdown-menu-submenu-arrow-icon,:root .kt-dropdown-menu-submenu-title .kt-dropdown-menu-submenu-arrow-icon{font-size:12px}.kt-dropdown-menu-item-group-list{list-style:none;margin:0 8px;padding:0}.kt-dropdown-menu-submenu-title{padding-right:26px}.kt-dropdown-menu-submenu-vertical{position:relative}.kt-dropdown-menu-submenu-vertical>.kt-dropdown-menu{left:100%;margin-left:4px;min-width:100%;position:absolute;top:0;transform-origin:0 0}.kt-dropdown-menu-submenu.kt-dropdown-menu-submenu-disabled .kt-dropdown-menu-submenu-title,.kt-dropdown-menu-submenu.kt-dropdown-menu-submenu-disabled .kt-dropdown-menu-submenu-title .kt-dropdown-menu-submenu-arrow-icon{background-color:#fff;color:rgba(0,0,0,.25);cursor:not-allowed}.kt-dropdown-menu-submenu-selected .kt-dropdown-menu-submenu-title{color:#1890ff}.kt-dropdown.slide-down-appear.slide-down-appear-active.kt-dropdown-placement-bottomCenter,.kt-dropdown.slide-down-appear.slide-down-appear-active.kt-dropdown-placement-bottomLeft,.kt-dropdown.slide-down-appear.slide-down-appear-active.kt-dropdown-placement-bottomRight,.kt-dropdown.slide-down-enter.slide-down-enter-active.kt-dropdown-placement-bottomCenter,.kt-dropdown.slide-down-enter.slide-down-enter-active.kt-dropdown-placement-bottomLeft,.kt-dropdown.slide-down-enter.slide-down-enter-active.kt-dropdown-placement-bottomRight{animation-name:antSlideUpIn}.kt-dropdown.slide-up-appear.slide-up-appear-active.kt-dropdown-placement-topCenter,.kt-dropdown.slide-up-appear.slide-up-appear-active.kt-dropdown-placement-topLeft,.kt-dropdown.slide-up-appear.slide-up-appear-active.kt-dropdown-placement-topRight,.kt-dropdown.slide-up-enter.slide-up-enter-active.kt-dropdown-placement-topCenter,.kt-dropdown.slide-up-enter.slide-up-enter-active.kt-dropdown-placement-topLeft,.kt-dropdown.slide-up-enter.slide-up-enter-active.kt-dropdown-placement-topRight{animation-name:antSlideDownIn}.kt-dropdown.slide-down-leave.slide-down-leave-active.kt-dropdown-placement-bottomCenter,.kt-dropdown.slide-down-leave.slide-down-leave-active.kt-dropdown-placement-bottomLeft,.kt-dropdown.slide-down-leave.slide-down-leave-active.kt-dropdown-placement-bottomRight{animation-name:antSlideUpOut}.kt-dropdown.slide-up-leave.slide-up-leave-active.kt-dropdown-placement-topCenter,.kt-dropdown.slide-up-leave.slide-up-leave-active.kt-dropdown-placement-topLeft,.kt-dropdown.slide-up-leave.slide-up-leave-active.kt-dropdown-placement-topRight{animation-name:antSlideDownOut}.kt-dropdown-link>.anticon.anticon-down,.kt-dropdown-trigger>.anticon.anticon-down{display:inline-block;font-size:12px;font-size:10px\9;transform:scale(.83333333) rotate(0deg)}:root .kt-dropdown-link>.anticon.anticon-down,:root .kt-dropdown-trigger>.anticon.anticon-down{font-size:12px}.kt-dropdown-button{white-space:nowrap}.kt-dropdown-button.kt-btn-group>.kt-btn:last-child:not(:first-child){padding-left:8px;padding-right:8px}.kt-dropdown-button .anticon.anticon-down{display:inline-block;font-size:12px;font-size:10px\9;transform:scale(.83333333) rotate(0deg)}:root .kt-dropdown-button .anticon.anticon-down{font-size:12px}.kt-dropdown-button{font-feature-settings:"tnum";border-radius:2px;box-sizing:border-box;color:rgba(0,0,0,.65);display:flex;font-size:14px;font-variant:tabular-nums;line-height:1.5;list-style:none;margin:0;overflow:hidden;padding:0}.kt-dropdown-button .kt-button{border-radius:0}.kt-dropdown-button .kt-button:first-child{border-right:1px solid var(--kt-hintBackground)}.kt-dropdown-button .kt-button:last-child{padding:0 6px}.kt-icon{background-repeat:no-repeat;color:var(--kt-icon-foreground);cursor:pointer;display:inline-block;line-height:1}.kt-icon.mask-mode{background-color:var(--foreground)}.kt-icon-loading{animation:kt-icon-spin 1s linear infinite}.kt-icon-small{font-size:14px}.kt-icon-large{font-size:16px}.kt-icon-clickable:hover{color:var(--kt-icon-hoverForeground)}.kt-icon-clickable:active{color:var(--kt-icon-clickForeground)}.kt-icon-disabled{color:var(--kt-icon-disableForeground);cursor:not-allowed;pointer-events:none}@keyframes kt-icon-spin{to{transform:rotate(1turn)}}.iconfont-anim-spin{animation:fa-spin 2s linear infinite}.iconfont-anim-pulse{animation:fa-spin 1s steps(8) infinite}@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.iconfont-rotate-90{transform:rotate(90deg)}.iconfont-rotate-180,.iconfont-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=#{@rotation})"}.iconfont-rotate-180{transform:rotate(180deg)}.iconfont-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=#{@rotation})";transform:rotate(270deg)}.iconfont-flip-horizontal{transform:scaleX(-1)}.iconfont-flip-horizontal,.iconfont-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=#{@rotation}, mirror=1)"}.iconfont-flip-vertical{transform:scaleY(-1)}.iconfont-flip-both,.iconfont-flip-horizontal.iconfont-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=#{@rotation}, mirror=1)";transform:scale(-1)}:root .iconfont-flip-both,:root .iconfont-flip-horizontal,:root .iconfont-flip-vertical,:root .iconfont-rotate-180,:root .iconfont-rotate-270,:root .iconfont-rotate-90{filter:none}.kt-clickable-icon:active,.kt-clickable-icon:hover{transform:scale(1.1)}.kt-icon-resource:before{-webkit-font-smoothing:antialiased;background-position:50%;background-repeat:no-repeat;background-size:16px;display:inherit;flex-shrink:0;height:22px;width:22px}.kt-button{align-items:center;background-color:var(--button-background);border:none;border-radius:2px;box-sizing:border-box;color:var(--button-foreground);cursor:pointer;display:inline-flex;font-size:12px;height:28px;justify-content:center;line-height:1;outline:none;padding:0 12px;white-space:pre-wrap}.kt-button.block-button{width:100%}.kt-button>.kt-button-secondary-more{color:inherit;margin-left:5px}@keyframes loadingCircle{to{transform:rotate(1turn)}}.kt-button-anticon-spin{animation:loadingCircle 1s linear infinite;margin-right:5px}.default-button{background-color:var(--kt-defaultButton-background);color:var(--kt-defaultButton-foreground)}.default-button:hover{background-color:var(--kt-defaultButton-hoverBackground)}.default-button:active{background-color:var(--kt-defaultButton-clickBackground)}.primary-button{background-color:var(--kt-primaryButton-background);border:1px solid var(--kt-primaryButton-border);color:var(--kt-primaryButton-foreground)}.primary-button:hover{background-color:var(--kt-primaryButton-hoverBackground)}.primary-button:active{background-color:var(--kt-primaryButton-clickBackground)}.secondary-button{background-color:var(--kt-secondaryButton-background);border-color:var(--kt-secondaryButton-border);border-style:solid;border-width:1px;color:var(--kt-secondaryButton-foreground)}.secondary-button:hover{background-color:var(--kt-secondaryButton-hoverBackground);border-color:var(--kt-secondaryButton-hoverBorder);color:var(--kt-secondaryButton-hoverForeground)}.secondary-button:active{background-color:var(--kt-secondaryButton-clickBackground);border-color:var(--kt-secondaryButton-clickBorder);color:var(--kt-secondaryButton-clickForeground)}.ghost-button{border-style:solid;border-width:1px}.ghost-button:disabled{border:none;cursor:default}.ghost-secondary-button{background-color:var(--kt-whiteGhostButton-background);border-color:transparent;color:var(--kt-whiteGhostButton-foreground)}.ghost-secondary-button:hover{background-color:transparent;border-color:var(--kt-whiteGhostButton-border);color:var(--kt-whiteGhostButton-foreground)}.ghost-secondary-button:active{background-color:transparent;border-color:var(--kt-whiteGhostButton-clickBorder);color:var(--kt-whiteGhostButton-clickForeground)}.ghost-secondary-button:disabled{border-color:transparent;color:var(--kt-whiteGhostButton-disableForeground);cursor:default}.link-button{background-color:transparent;color:var(--kt-linkButton-foreground)}.link-button:hover{color:var(--kt-linkButton-hoverForeground)}.link-button:active,.link-button:hover{background-color:transparent;border-color:transparent}.link-button:active{color:var(--kt-linkButton-clickForeground)}.link-button:disabled{background-color:transparent!important;border-color:transparent!important;color:var(--kt-linkButton-disableForeground);cursor:default}.ghost-primary-button:disabled{background-color:transparent;border-color:transparent}.danger-button:disabled,.default-button:disabled,.ghost-button:disabled,.ghost-danger-button:disabled,.kt-danger-button-loading,.kt-primary-button-loading,.kt-secondary-button-loading,.primary-button:disabled,.secondary-button:disabled{background-color:var(--kt-button-disableBackground)!important;box-shadow:var(--kt-button-disableBorder) 0 0 0 1px inset;color:var(--kt-button-disableForeground)!important;cursor:not-allowed}.danger-button:disabled>.kt-button-secondary-more,.default-button:disabled>.kt-button-secondary-more,.ghost-button:disabled>.kt-button-secondary-more,.ghost-danger-button:disabled>.kt-button-secondary-more,.kt-danger-button-loading>.kt-button-secondary-more,.kt-primary-button-loading>.kt-button-secondary-more,.kt-secondary-button-loading>.kt-button-secondary-more,.primary-button:disabled>.kt-button-secondary-more,.secondary-button:disabled>.kt-button-secondary-more{color:var(--kt-button-disableForeground)}.secondary-button:disabled{border:none}.link-button:disabled{cursor:not-allowed}.ghost-primary-button{background-color:var(--kt-primaryGhostButton-background);border-color:transparent;color:var(--kt-primaryGhostButton-foreground)}.ghost-primary-button:hover{background-color:transparent;border-color:var(--kt-primaryGhostButton-border)}.ghost-primary-button:active{background-color:var(--kt-primaryGhostButton-clickBackground);border-color:var(--kt-primaryGhostButton-clickBorder);color:var(--kt-primaryGhostButton-clickForeground)}.danger-button{background-color:var(--kt-dangerButton-background);color:var(--kt-dangerButton-foreground)}.danger-button:hover{background-color:var(--kt-dangerButton-hoverBackground)}.danger-button:active{background-color:var(--kt-dangerButton-clickBackground)}.ghost-danger-button{background-color:var(--kt-dangerGhostButton-background);border-color:var(--kt-dangerGhostButton-border);color:var(--kt-dangerGhostButton-foreground)}.ghost-danger-button:hover{background-color:transparent;border-color:var(--kt-dangerGhostButton-hoverBorder)}.ghost-danger-button:active{background-color:var(--kt-dangerGhostButton-clickBackground);border-color:var(--kt-dangerGhostButton-clickBorder)}.large-button-size{font-size:14px;height:32px;line-height:32px;padding:0 16px}.default-button-size{font-size:12px;height:28px;line-height:28px;padding:0 12px}.small-button-size{font-size:12px;height:22px;line-height:22px;padding:0 8px}.kt-badge{background-color:var(--badge-background);border:1px solid var(--kt-badge-border);border-radius:18px;color:var(--badge-foreground);display:inline-flex;font-weight:400;height:18px;justify-content:center;line-height:16px;min-width:18px;padding:0 5px;text-align:center}.kt-badge,.kt-input{align-items:center;box-sizing:border-box;font-size:12px}.kt-input{background-color:var(--input-background);border-color:var(--kt-input-border);border-radius:2px;border-style:solid;border-width:1px;display:flex;height:28px;padding:0 8px;width:100%}.kt-input:focus-within{border-color:var(--focusBorder)}.kt-input:hover{border-color:var(--focusBorder)}.kt-input-disabled{background-color:var(--kt-input-disableBackground);color:var(--kt-input-disableForeground)}.kt-input-disabled input,.kt-input-disabled textarea{cursor:not-allowed}.kt-input-box{align-items:center;display:flex;flex:1;height:100%;position:relative}.kt-input-box input,.kt-input-box textarea{background-color:transparent;border-width:0;color:var(--input-foreground);display:inline-block;height:100%;outline:none;width:100%}.kt-input-box input::placeholder,.kt-input-box textarea::placeholder{color:var(--input-placeholderForeground)}.kt-input-box input::selection,.kt-input-box textarea::selection{background-color:var(--kt-input-selectionBackground)}.kt-input-clear{position:absolute;right:4px;top:50%;transform:translateY(-50%)}.kt-input-addon{align-items:center;display:flex;height:100%}.kt-input-addon-before{margin-right:4px}.kt-input-addon-after{margin-left:4px}.kt-input-large{font-size:14px;height:32px}.kt-input-small{font-size:12px;height:22px}.input-box{box-sizing:border-box;height:100%;position:relative;width:100%}.input-box .kt-input.validate-error{border:1px solid var(--inputValidation-errorBorder)}.input-box .kt-input.validate-info{border:1px solid var(--inputValidation-infoBorder)}.input-box .kt-input.validate-warning{border:1px solid var(--inputValidation-warningBorder)}.input-box.popup .kt-input{background-color:var(--input-background)}.input-box .validate-message{word-wrap:break-word;border-radius:0 0 2px 2px;box-sizing:border-box;display:inline-block;font-size:12px;left:0;line-height:20px;margin-top:4px;min-height:34px;overflow:hidden;padding:8px 4px;position:absolute;text-align:left;top:100%;white-space:normal;width:100%;z-index:10}.input-box .validate-message.popup{background-color:transparent;border:none;box-shadow:0 3.2px 7.2px 0 rgba(0,0,0,.133),0 .6px 1.8px 0 rgba(0,0,0,.11)}.input-box .validate-message.popup.validate-error{background-color:var(--inputValidation-errorBackground);border:1px solid var(--inputValidation-errorBorder);color:var(--inputValidation-errorForeground)}.input-box .validate-message.popup.validate-info{background-color:var(--inputValidation-infoBackground);border:1px solid var(--inputValidation-infoBorder);color:var(--inputValidation-infoForeground)}.input-box .validate-message.popup.validate-warning{background-color:var(--inputValidation-warningBackground);border:1px solid var(--inputValidation-warningBorder);color:var(--inputValidation-warningForeground)}.input-box .validate-message.validate-error{color:var(--kt-inputValidation-errorTextForeground)}.input-box .validate-message.validate-info{color:var(--inputValidation-infoForeground)}.input-box .validate-message.validate-warning{color:var(--kt-inputValidation-warningTextForeground)}.kt-input-number{padding-right:0}.kt-input-number:focus-within .kt-input-number-handler-up,.kt-input-number:focus-within .kt-input-number-handler-up-disabled,.kt-input-number:hover .kt-input-number-handler-up,.kt-input-number:hover .kt-input-number-handler-up-disabled{border-bottom-color:var(--focusBorder)}.kt-input-number:focus-within .kt-input-number-handler,.kt-input-number:hover .kt-input-number-handler{border-inline-start-color:var(--focusBorder)}.kt-input-number:focus-within .kt-input-number-handler-down,.kt-input-number:hover .kt-input-number-handler-down{box-shadow:var(--focusBorder) 1px 0 0 1px}.kt-input-number .kt-input-number{appearance:textfield;background-color:transparent;border:0;font-size:inherit;outline:0;text-align:start;transition:all .3s linear;vertical-align:top;width:100%}.kt-input-number .kt-input-number-handler{align-items:center;border-inline-start:1px solid var(--kt-input-border);color:rgba(0,0,0,.45);cursor:pointer;display:flex;flex:auto;font-weight:700;height:40%;justify-content:center;line-height:0;overflow:hidden;text-align:center}.kt-input-number .kt-input-number-handler-active{background:#ddd}.kt-input-number .kt-input-number-handler-down-inner,.kt-input-number .kt-input-number-handler-up-inner{color:var(--input-foreground);user-select:none}.kt-input-number .kt-input-number-input-wrap{height:100%;overflow:hidden}.kt-input-number .kt-input-number-handler-wrap{align-items:stretch;background:transparent;display:flex;flex-direction:column;height:100%;inset-block-start:0;inset-inline-end:0;position:absolute;width:22px}.kt-input-number .kt-input-number-handler-up{border-bottom:1px solid var(--kt-input-border);padding-top:1px}.kt-input-number .kt-input-number-handler-down{box-shadow:var(--kt-input-border) 0 -1px 0 0}.kt-input-number .kt-input-number-handler-up-inner:after{content:"+"}.kt-input-number .kt-input-number-handler-down-inner:after{content:"-"}.kt-input-number .kt-input-number-disabled .kt-input-number-handler,.kt-input-number .kt-input-number-handler-down-disabled,.kt-input-number .kt-input-number-handler-up-disabled{opacity:.3}.kt-input-number .kt-input-number-disabled .kt-input-number-input{background-color:#f3f3f3;cursor:not-allowed;opacity:.72}.kt-checkbox{cursor:pointer;font-size:12px}.kt-checkbox,.kt-checkbox-lump{align-items:center;display:inline-flex}.kt-checkbox-lump{margin-right:6px;position:relative}.kt-checkbox-lump input{height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.kt-checkbox-lump input:checked+.kt-checkbox-icon{background-color:var(--kt-checkbox-selectionBackground);border-color:var(--kt-checkbox-selectionBackground);color:var(--kt-checkbox-selectionForeground)}.kt-checkbox-lump input:checked+.kt-checkbox-icon svg{display:block;transition:all .2s}.kt-checkbox:hover .kt-checkbox-icon{background-color:var(--kt-checkbox-hoverBackground);border-color:var(--kt-checkbox-hoverBorder)}.kt-checkbox-icon{background-color:var(--checkbox-background);border:1px solid var(--checkbox-border);border-radius:2px;height:12px;position:relative;width:12px}.kt-checkbox-icon svg{display:none;height:100%;left:0;position:absolute;top:0;width:100%}.kt-checkbox-large{font-size:14px}.kt-checkbox-large-icon{height:14px;margin-right:8px;width:14px}.kt-checkbox.kt-checkbox-disabled{color:var(--kt-checkbox-disableForeground)}.kt-checkbox.kt-checkbox-disabled input:checked+.kt-checkbox-icon{background-color:var(--kt-checkbox-disableBackground);border-color:transparent;color:var(--kt-checkbox-disableForeground)}.kt-select-overlay{height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}.kt-select-container{min-width:0;position:relative;user-select:none}.kt-select-container .kt-select-search{-webkit-appearance:none;background:transparent;border:none;line-height:inherit;outline:none}.kt-select-container .kt-select-value{align-items:center;background-color:var(--kt-select-background);border-color:var(--kt-select-border);border-radius:2px;border-style:solid;border-width:1px;box-sizing:border-box;display:flex;flex:1;justify-content:center;margin:0;max-width:100%;padding:0 8px}.kt-select-container .kt-select-value,.kt-select-container .kt-select-value>span{color:var(--kt-select-foreground);cursor:pointer}.kt-select-container .kt-select-value .kt-select-option{cursor:pointer;display:inline-block;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.kt-select-container .kt-select-value .kt-select-value-active,.kt-select-container .kt-select-value:hover{border-color:var(--kt-selectOption-activeBorder);box-sizing:border-box}.kt-select-container .kt-select-value.kt-select-disabled{background-color:var(--kt-select-disableBackground);color:var(--kt-select-disableForeground);pointer-events:none}.kt-select-container .kt-select-value.kt-select-warning{border-color:var(--kt-select-warningForeground)}.kt-select-container .kt-select-warning-text{background-color:var(--kt-select-warningForeground);color:#fff;padding:4px 8px}.kt-select-container .kt-select-value-active{border-color:var(--kt-selectOption-activeBorder);box-sizing:border-box}.kt-select-container .kt-select-value-large,.kt-select-container .kt-select-value-large>span{font-size:14px;height:30px;line-height:30px}.kt-select-container .kt-select-value-default,.kt-select-container .kt-select-value-default>span{font-size:12px;height:28px;line-height:28px}.kt-select-container .kt-select-value-default-icon{margin-left:5px}.kt-select-container .kt-select-value-small,.kt-select-container .kt-select-value-small>span{font-size:12px;height:22px;line-height:22px}.kt-select-option-icon{margin-right:5px}.kt-select-options{background-color:var(--kt-selectDropdown-background);border-radius:2px;box-shadow:0 3.2px 7.2px 0 rgba(0,0,0,.133),0 .6px 1.8px 0 rgba(0,0,0,.11);color:var(--kt-selectDropdown-foreground);display:none;margin-top:4px;max-width:100%;overflow-y:auto!important;position:fixed;z-index:20}.kt-select-options .kt-select-option-default{align-items:center;display:flex;position:relative}.kt-select-options .kt-select-option-default .kt-select-option-icon{margin-right:5px}.kt-select-options .kt-select-option-select span{box-sizing:border-box;color:var(--kt-selectDropdown-selectionForeground);display:inline-block;margin:0 2px;outline:1px solid var(--list-focusOutline);outline-offset:-1px;width:calc(100% - 4px)}.kt-select-options .kt-select-option-select span,.kt-select-options .kt-select-option-select span:hover{background-color:var(--kt-selectDropdown-selectionBackground)}.kt-select-options .kt-select-description{line-height:1;margin-bottom:-3px}.kt-select-options span{background-color:var(--kt-selectDropdown-background);box-sizing:border-box;color:var(--kt-selectDropdown-foreground);cursor:pointer;display:inline-block;height:26px;line-height:26px;margin:0 2px;overflow:hidden;padding:0 16px;text-overflow:ellipsis;white-space:nowrap;width:calc(100% - 4px)}.kt-select-options span:hover{background-color:var(--kt-selectDropdown-hoverBackground);box-sizing:border-box;outline:1px solid var(--list-focusOutline);outline-offset:-1px}.kt-select-options .kt-option-divider{background-color:var(--kt-select-border);height:1px;margin:0 auto;width:100%}.kt-select-options .kt-option-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:12px;line-height:26px;max-height:52px;min-height:26px;overflow:hidden;padding:0 16px;text-overflow:ellipsis}.kt-select-options .kt-option-disabled{background-color:var(--kt-select-disableBackground);color:var(--kt-select-disableForeground);pointer-events:none}.kt-select-options.kt-select-options-visible{display:block}.kt-select-options.kt-select-options-large{padding:4px 0}.kt-select-options.kt-select-options-large>div>span,.kt-select-options.kt-select-options-large>span{font-size:14px;height:30px;line-height:30px}.kt-select-options.kt-select-options-large .kt-select-group-header{font-size:14px;line-height:30px}.kt-select-options.kt-select-options-default{padding:3px 0}.kt-select-options.kt-select-options-default>div>span,.kt-select-options.kt-select-options-default>span{font-size:12px;height:26px;line-height:26px}.kt-select-options.kt-select-options-default .kt-select-group-header{font-size:12px;line-height:26px}.kt-select-options.kt-select-options-small{padding:3px 0}.kt-select-options.kt-select-options-small>div>span,.kt-select-options.kt-select-options-small>span{font-size:12px;height:26px;line-height:26px}.kt-select-options.kt-select-options-small .kt-select-group-header{font-size:12px;line-height:26px}.kt-select-options .kt-option-with-check{padding-left:20px}.kt-select-options .kt-select-group-header{color:var(--kt-selectDropdown-teamForeground);display:flex;padding-left:5px}.kt-select-options .kt-option-check{align-items:center;display:flex;height:100%;left:0;position:absolute}.kt-select-options .kt-option-check .kt-icon{background-color:transparent;padding:0 4px;width:20px}.kt-tabs{align-items:center;border-bottom:1px solid var(--kt-tab-borderDown);display:flex}.kt-tabs .kt-custom-tab,.kt-tabs .kt-tab{border-bottom:2px solid transparent;color:var(--kt-tab-inactiveForeground);cursor:pointer;line-height:20px;padding:8px 0}.kt-tabs .kt-custom-tab.kt-mini-tab,.kt-tabs .kt-tab.kt-mini-tab{padding:2px 0}.kt-tabs .kt-custom-tab.kt-tab-selected,.kt-tabs .kt-tab.kt-tab-selected{border-bottom-color:var(--kt-tab-activeBorder);color:var(--kt-tab-activeForeground)}.kt-tabs.kt-tabs-mini{border-bottom:none}.kt-tabs .kt-custom-tab+.kt-custom-tab,.kt-tabs .kt-custom-tab+.kt-tab,.kt-tabs .kt-tab+.kt-custom-tab,.kt-tabs .kt-tab+.kt-tab{margin-left:24px}.kt-modal{font-feature-settings:"tnum";box-sizing:border-box;color:rgba(0,0,0,.65);font-size:14px;font-variant:tabular-nums;line-height:1.5;list-style:none;margin:0 auto;padding:0 0 24px;pointer-events:none;position:relative;top:100px;width:auto}.kt-modal-wrap{-webkit-overflow-scrolling:touch;bottom:0;left:0;outline:0;overflow:auto;position:fixed;right:0;top:0;z-index:1000}.kt-modal-title{word-wrap:break-word;color:rgba(0,0,0,.85);font-size:16px;font-weight:500;line-height:22px;margin:0}.kt-modal-content{background-clip:padding-box;background-color:#fff;border:0;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.15);pointer-events:auto;position:relative}.kt-modal-close{background:transparent;border:0;color:rgba(0,0,0,.45);cursor:pointer;font-weight:700;line-height:1;outline:0;padding:0;position:absolute;right:0;text-decoration:none;top:0;transition:color .3s;z-index:10}.kt-modal-close-x{display:block;font-size:16px;font-style:normal;height:56px;line-height:56px;text-align:center;text-rendering:auto;text-transform:none;width:56px}.kt-modal-close:focus,.kt-modal-close:hover{color:rgba(0,0,0,.75);text-decoration:none}.kt-modal-header{background:#fff;border-bottom:1px solid #e8e8e8;border-radius:4px 4px 0 0;color:rgba(0,0,0,.65);padding:16px 24px}.kt-modal-body{word-wrap:break-word;font-size:14px;line-height:1.5;padding:24px}.kt-modal-footer{background:transparent;border-radius:0 0 4px 4px;border-top:1px solid #e8e8e8;padding:10px 16px;text-align:right}.kt-modal-footer button+button{margin-bottom:0;margin-left:8px}.kt-modal.zoom-appear,.kt-modal.zoom-enter{animation-duration:.3s;opacity:0;transform:none;user-select:none}.kt-modal-mask{background-color:rgba(0,0,0,.45);bottom:0;filter:alpha(opacity=50);height:100%;left:0;position:fixed;right:0;top:0;z-index:1000}.kt-modal-mask-hidden{display:none}.kt-modal-open{overflow:hidden}.kt-modal-centered{text-align:center}.kt-modal-centered:before{content:"";display:inline-block;height:100%;vertical-align:middle;width:0}.kt-modal-centered .kt-modal{display:inline-block;text-align:left;top:0;vertical-align:middle}@media (max-width:767px){.kt-modal{margin:8px auto;max-width:calc(100vw - 16px)}.kt-modal-centered .kt-modal{flex:1}}.kt-overlay.kt-modal{color:var(--kt-modal-foreground);padding:24px}.kt-overlay .kt-modal-body{background:var(--kt-modal-background);border-color:var(--notifications-border)}.kt-overlay .kt-modal-header{background-color:var(--kt-modal-background);border-bottom-color:var(--kt-modal-separatorBackground);border-radius:2px 2px 0 0;height:56px}.kt-overlay .kt-modal-title{color:var(--kt-modal-foreground)}.kt-overlay .kt-modal-footer{background-color:var(--kt-modal-background);border-radius:0 0 2px 2px;border-top-color:var(--kt-modal-separatorBackground);height:52px}.kt-overlay .kt-modal-close-x{color:var(--kt-notificationsCloseIcon-foreground);height:20px;line-height:20px;margin:12px 22px 0 0;width:20px}.wrapper .kt-modal-body{background:var(--kt-modal-background);border-color:var(--notifications-border)}.wrapper .kt-modal-footer{align-items:center;display:flex;justify-content:flex-end}.wrapper .kticon-info-circle{color:var(--kt-modalInfoIcon-foreground)}.wrapper .kt-modal-close-x{color:var(--kt-notificationsCloseIcon-foreground);height:20px;line-height:20px;margin:50% 50% 0 0;width:20px}.kt-dialog-content{display:flex}.kt-dialog-content .kt-dialog-content_area{display:flex;flex:1;flex-direction:column;overflow:hidden}.kt-dialog-content .kt-dialog-content_area .kt-dialog-content_title{font-size:15px;line-height:22px;margin:0 0 8px}.kt-dialog-content .kt-dialog-icon{border:none;display:flex;flex-direction:column;line-height:30px;margin-right:6px;outline:none;padding:0}.kt-dialog-content .kt-dialog-icon:before{font-size:20px}.kt-dialog-content .kt-dialog-closex{align-items:center;background-color:transparent;border:none;cursor:pointer;display:flex;flex-direction:column;height:30px;justify-content:center;line-height:30px;margin-left:6px;outline:none;padding:0;width:20px}.kt-dialog-content .kt-dialog-closex:hover{transform:scale(1.1)}.footer{border-top:1px solid var(--notifications-border)}.kt-dialog-buttonWrap{display:flex;flex-wrap:wrap;justify-content:flex-end;margin-top:14px}.kt-dialog-buttonWrap button{margin:10px 0 0 8px}.kt-dialog-message{align-items:center;color:var(--kt-modal-foreground);display:inline-flex;flex:1;font-size:14px;line-height:30px;overflow:hidden;user-select:text;white-space:pre-wrap;word-break:break-all}.kt-notification{font-feature-settings:"tnum";box-sizing:border-box;color:rgba(0,0,0,.65);font-size:14px;font-variant:tabular-nums;line-height:1.5;list-style:none;margin:0 24px 0 0;max-width:calc(100vw - 32px);padding:0;position:fixed;width:384px;z-index:1010}.kt-notification-bottomLeft,.kt-notification-topLeft{margin-left:24px;margin-right:0}.kt-notification-bottomLeft .kt-notification-fade-appear.kt-notification-fade-appear-active,.kt-notification-bottomLeft .kt-notification-fade-enter.kt-notification-fade-enter-active,.kt-notification-topLeft .kt-notification-fade-appear.kt-notification-fade-appear-active,.kt-notification-topLeft .kt-notification-fade-enter.kt-notification-fade-enter-active{animation-name:NotificationLeftFadeIn}.kt-notification-close-icon{cursor:pointer;font-size:14px}.kt-notification-notice{background:#fff;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.15);line-height:18px;margin-bottom:16px;overflow:hidden;padding:16px 24px;position:relative}.kt-notification-notice-message{color:rgba(0,0,0,.85);display:inline-block;font-size:16px;line-height:24px;margin-bottom:8px}.kt-notification-notice-description{font-size:14px}.kt-notification-notice-with-icon .kt-notification-notice-message{font-size:16px;margin-bottom:4px;margin-left:48px}.kt-notification-notice-with-icon .kt-notification-notice-description{font-size:14px;margin-left:48px}.kt-notification-notice-icon{font-size:24px;line-height:24px;margin-left:4px;position:absolute;top:12px}.anticon.kt-notification-notice-icon{height:20px}.anticon.kt-notification-notice-icon-success{color:#52c41a}.anticon.kt-notification-notice-icon-info{color:var(--notificationsInfoIcon-foreground)}.anticon.kt-notification-notice-icon-warning{color:var(--notificationsWarningIcon-foreground)}.anticon.kt-notification-notice-icon-error{color:var(--notificationsErrorIcon-foreground)}.kt-notification-notice-close{color:rgba(0,0,0,.45);height:20px;outline:none;position:absolute;right:22px;top:16px}.kt-notification-notice-close:hover{color:rgba(0,0,0,.67)}.kt-notification-notice-btn{align-items:center;display:flex;flex-flow:wrap;justify-content:flex-end;margin-top:16px}.kt-notification .notification-fade-effect{animation-duration:.24s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.645,.045,.355,1)}.kt-notification-fade-appear,.kt-notification-fade-enter{animation-play-state:paused;opacity:0}.kt-notification-fade-appear,.kt-notification-fade-enter,.kt-notification-fade-leave{animation-duration:.24s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.645,.045,.355,1)}.kt-notification-fade-leave{animation-duration:.2s;animation-play-state:paused}.kt-notification-fade-appear.kt-notification-fade-appear-active,.kt-notification-fade-enter.kt-notification-fade-enter-active{animation-name:NotificationFadeIn;animation-play-state:running}.kt-notification-fade-leave.kt-notification-fade-leave-active{animation-name:NotificationFadeOut;animation-play-state:running}@keyframes NotificationFadeIn{0%{left:384px;opacity:0}to{left:0;opacity:1}}@keyframes NotificationLeftFadeIn{0%{opacity:0;right:384px}to{opacity:1;right:0}}@keyframes NotificationFadeOut{0%{margin-bottom:16px;max-height:150px;opacity:1;padding-bottom:16px 24px;padding-top:16px 24px}to{margin-bottom:0;max-height:0;opacity:0;padding-bottom:0;padding-top:0}}.kt-notification-wrapper{background:var(--notifications-background);border-color:var(--notifications-border);padding:12px;position:relative}.kt-notification-wrapper .anticon{align-items:center;display:flex;font-size:12px;justify-content:center;margin-top:0}.kt-notification-wrapper .kt-notification-notice-description,.kt-notification-wrapper .kt-notification-notice-message{color:var(--notifications-foreground);font-size:12px;line-height:20px;margin-bottom:0;margin-left:24px;margin-right:24px;width:calc(100% - 48px)}.kt-notification-wrapper .kt-notification-notice-description code,.kt-notification-wrapper .kt-notification-notice-message code{word-wrap:break-word;display:inline-block;overflow:hidden;text-overflow:ellipsis;width:100%}.kt-notification-wrapper .kt-notification-notice-description p,.kt-notification-wrapper .kt-notification-notice-description pre,.kt-notification-wrapper .kt-notification-notice-message p,.kt-notification-wrapper .kt-notification-notice-message pre{margin-bottom:0}.kt-notification-wrapper .kt-notification-notice-description{margin-bottom:4px;margin-top:4px}.kt-notification-wrapper .kt-notification-notice-close{align-items:center;color:var(--notifications-foreground);display:flex;font-size:12px;justify-content:center;line-height:20px;right:18px;top:12px}.kt-notification-wrapper .kt-notification-notice-btn button{box-sizing:content-box;display:inline-block;flex:0 0 auto;margin:0 0 5px 10px;max-width:100%;overflow:hidden;padding:0 5px;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all}.kt-popover{display:block;font-size:12px;line-height:1.5;opacity:.9;position:absolute;visibility:visible}.kt-popover-title{display:flex;font-size:12px;justify-content:space-between;line-height:22px;margin-bottom:0;margin-top:0}.kt-popover-title .small-button-size,.kt-popover-title.kt-button{padding:0}.kt-popover-content{background:var(--kt-popover-background);border-color:var(--kt-popover-border);border-radius:2px;box-shadow:0 3.2px 7.2px 0 rgba(0,0,0,.133),0 .6px 1.8px 0 rgba(0,0,0,.11);color:var(--kt-popover-foreground);padding:6px 10px;position:relative;z-index:var(--stacking-level-popover-component,999)}.kt-popover-content img{display:inline-block;max-width:20px}.kt-popover-hidden{display:none}.kt-popover-placement-top,.kt-popover-placement-topLeft,.kt-popover-placement-topRight{padding:5px 0}.kt-popover-placement-right,.kt-popover-placement-rightBottom,.kt-popover-placement-rightTop{padding:0 5px}.kt-popover-placement-bottom,.kt-popover-placement-bottomLeft,.kt-popover-placement-bottomRight{padding:5px 0}.kt-popover-placement-left,.kt-popover-placement-leftBottom,.kt-popover-placement-leftTop{padding:0 5px}.kt-popover-arrow{border-color:transparent;border-style:solid;height:0;position:absolute;width:0;z-index:var(--stacking-level-popover-component-arrow,1000)}.kt-popover-placement-top .kt-popover-arrow,.kt-popover-placement-topLeft .kt-popover-arrow,.kt-popover-placement-topRight .kt-popover-arrow{border-top-color:var(--kt-popover-background);border-width:6px 6px 0;margin-bottom:1px;margin-left:-6px}.kt-popover-placement-top .kt-popover-arrow{left:50%}.kt-popover-placement-topLeft .kt-popover-arrow{left:15%}.kt-popover-placement-topRight .kt-popover-arrow{right:15%}.kt-popover-placement-right .kt-popover-arrow,.kt-popover-placement-rightBottom .kt-popover-arrow,.kt-popover-placement-rightTop .kt-popover-arrow{border-right-color:var(--kt-popover-background);border-width:5px 5px 5px 0;left:4px;margin-top:-5px}.kt-popover-placement-right .kt-popover-arrow{top:50%}.kt-popover-placement-rightTop .kt-popover-arrow{margin-top:0;top:15%}.kt-popover-placement-rightBottom .kt-popover-arrow{bottom:15%}.kt-popover-placement-left .kt-popover-arrow,.kt-popover-placement-leftBottom .kt-popover-arrow,.kt-popover-placement-leftTop .kt-popover-arrow{border-left-color:var(--kt-popover-background);border-width:5px 0 5px 5px;margin-top:-5px;right:4px}.kt-popover-placement-left .kt-popover-arrow{top:50%}.kt-popover-placement-leftTop .kt-popover-arrow{margin-top:0;top:15%}.kt-popover-placement-leftBottom .kt-popover-arrow{bottom:15%}.kt-popover-placement-bottom .kt-popover-arrow,.kt-popover-placement-bottomLeft .kt-popover-arrow,.kt-popover-placement-bottomRight .kt-popover-arrow{border-bottom-color:var(--kt-popover-background);border-width:0 5px 5px;margin-left:-5px;top:4px}.kt-popover-placement-bottom .kt-popover-arrow{left:50%}.kt-popover-placement-bottomLeft .kt-popover-arrow{left:15%}.kt-popover-placement-bottomRight .kt-popover-arrow{right:15%}.kt-popover-placement-topLeft .kt-popover-arrow{left:15px}.kt-popover.kt-popover-zoom-appear,.kt-popover.kt-popover-zoom-enter{opacity:0}.kt-popover.kt-popover-zoom-enter,.kt-popover.kt-popover-zoom-leave{display:block}.kt-popover-zoom-appear,.kt-popover-zoom-enter{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused;animation-timing-function:cubic-bezier(.18,.89,.32,1.28);opacity:0}.kt-popover-zoom-leave{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused;animation-timing-function:cubic-bezier(.6,-.3,.74,.05)}.kt-popover-zoom-appear.kt-popover-zoom-appear-active,.kt-popover-zoom-enter.kt-popover-zoom-enter-active{animation-name:rcToolTipZoomIn;animation-play-state:running}.kt-popover-zoom-leave.kt-popover-zoom-leave-active{animation-name:rcToolTipZoomOut;animation-play-state:running}@keyframes rcToolTipZoomIn{0%{opacity:0;transform:scale(0);transform-origin:50% 50%}to{opacity:1;transform:scale(1);transform-origin:50% 50%}}@keyframes rcToolTipZoomOut{0%{opacity:1;transform:scale(1);transform-origin:50% 50%}to{opacity:0;transform:scale(0);transform-origin:50% 50%}}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kt-message{font-feature-settings:"tnum";box-sizing:border-box;color:rgba(0,0,0,.65);font-size:14px;font-variant:tabular-nums;left:0;line-height:1.5;list-style:none;margin:0;padding:0;pointer-events:none;position:fixed;top:16px;width:100%;z-index:1010}.kt-message-notice{padding:8px;text-align:center}.kt-message-notice:first-child{margin-top:-8px}.kt-message-notice-content{background:var(--notifications-background);border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.15);color:var(--notifications-foreground);display:inline-block;padding:10px 16px;pointer-events:all}.kt-message-custom-content{align-items:flex-start;display:flex;justify-content:center}.kt-message-custom-content .anticon{align-items:center;display:flex;height:21px;justify-content:center}.kt-message-success .anticon{color:#52c41a}.kt-message-error .anticon{color:var(--notificationsErrorIcon-foreground)}.kt-message-warning .anticon{color:var(--notificationsWarningIcon-foreground)}.kt-message-info .anticon,.kt-message-loading .anticon{color:var(--notificationsInfoIcon-foreground)}.kt-message .anticon{font-size:16px;margin-right:8px;position:relative;top:1px}.kt-message-notice.move-up-leave.move-up-leave-active{animation-duration:.3s;animation-name:MessageMoveOut;overflow:hidden}@keyframes MessageMoveOut{0%{max-height:150px;opacity:1;padding:8px}to{max-height:0;opacity:0;padding:0}}.kt-tooltip-wrapper{display:inline-block;margin:0;padding:0;position:relative}.kt-tooltip-wrapper .kt-tooltip-content{background:var(--kt-tooltip-background);border-radius:2px;box-shadow:0 6px 16px -8px rgba(0,0,0,.24),0 9px 28px 0 rgba(0,0,0,.15),0 12px 48px 16px rgba(0,0,0,.09);color:var(--kt-tooltip-foreground);display:inline-block;font-size:12px;font-weight:400;line-height:20px;padding:4px 8px;position:fixed;white-space:nowrap;z-index:2}.kt-tooltip-wrapper .kt-tooltip-content .kt-tooltip-arrow-placeholder{border-color:var(--kt-tooltip-background) transparent transparent transparent;border-style:solid;border-width:7px 7px 0;height:0;position:absolute;top:100%;width:0}.kt-tooltip-wrapper .kt-tooltip-content .kt-tooltip-arrow-placeholder.kt-tooltip-reverse-arrow{border-color:transparent transparent var(--kt-tooltip-background) transparent!important;border-width:0 7px 7px!important;bottom:100%!important;top:auto!important}.design_left_slot .kt-scrollbar .scrollbar-thumb-horizontal,.design_left_slot .kt-scrollbar .scrollbar-thumb-vertical,.design_right_slot .kt-scrollbar .scrollbar-thumb-horizontal,.design_right_slot .kt-scrollbar .scrollbar-thumb-vertical{border-radius:5px}.kt-scrollbar .scrollbar-thumb-horizontal,.kt-scrollbar .scrollbar-thumb-vertical{background:var(--scrollbarSlider-background);opacity:0;transition:opacity .5s ease}.kt-scrollbar .scrollbar-thumb-horizontal:hover,.kt-scrollbar .scrollbar-thumb-vertical:hover{background:var(--scrollbarSlider-hoverBackground)}.kt-scrollbar .scrollbar-thumb-horizontal:active,.kt-scrollbar .scrollbar-thumb-vertical:active{background:var(--scrollbarSlider-activeBackground)}.kt-scrollbar .scrollbar-thumb-horizontal,.kt-scrollbar .scrollbar-thumb-vertical{z-index:9999}.kt-scrollbar:hover .scrollbar-thumb-horizontal,.kt-scrollbar:hover .scrollbar-thumb-vertical{opacity:1}.kt-scrollbar .scrollbar-decoration-vertical{box-shadow:var(--scrollbar-shadow) 0 6px 6px -6px inset;height:6px;left:0;position:fixed;top:0;width:100%;z-index:999}.kt-scrollbar .scrollbar-decoration-horizontal{box-shadow:var(--scrollbar-shadow) 6px 0 6px -6px inset;height:100%;left:0;position:fixed;top:0;width:6px;z-index:999}.kt-recycle-tree-filter-wrapper{padding:4px 8px}.kt-recycle-tree-filter-input{width:100%}.kt-recycle-tree-filter-icon{color:var(--kt-icon-secondaryForeground)}.loading_indicator{background-image:url(images/loading.svg);background-size:cover;height:20px;width:20px}.vs-dark .loading_indicator{background-image:url(images/loading-dark.svg)}.hc-black .loading_indicator{background-image:url(images/loading-hc.svg)}.basic_tree .tree_node{cursor:pointer;display:flex;flex-direction:column;position:relative}.basic_tree .tree_node:hover{background:var(--kt-tree-hoverBackground);color:var(--kt-tree-hoverForeground)}.basic_tree .tree_node:hover .head,.basic_tree .tree_node:hover .tail{display:flex}.basic_tree .tree_node.mod_selected{background:var(--kt-tree-inactiveSelectionBackground);color:var(--kt-tree-inactiveSelectionForeground)!important}.basic_tree .tree_node.mod_actived,.basic_tree .tree_node.mod_focused{outline:1px solid var(--list-focusOutline);outline-offset:-1px}.basic_tree .tree_node.mod_loading{opacity:.8!important}.basic_tree .icon{color:var(--icon-foreground);position:relative}.basic_tree .icon:before{font-size:16px;text-align:center}.basic_tree .head,.basic_tree .tail{align-items:center;display:none;height:100%;margin-right:10px;position:relative;text-align:center}.basic_tree .content{align-items:center;display:flex;position:relative;width:100%}.basic_tree .content match{background-color:var(--editor-findMatchHighlightBackground)}.basic_tree .status{font-size:12px;opacity:.75;padding-right:0;text-align:center}.basic_tree .segment{color:inherit;flex-grow:0;white-space:nowrap}.basic_tree .display_name,.basic_tree .displayname{display:inline;margin-right:6px;white-space:pre}.basic_tree .display_name{margin-left:4px}.basic_tree .description{color:var(--descriptionForeground);display:inline;transform:scale(.96)}.basic_tree .overflow_wrap{flex:1;flex-shrink:0;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.basic_tree .prompt_wrap{flex:1}.basic_tree .flex_wrap{display:flex;flex-direction:row}.basic_tree .edit_wrap{display:flex;width:calc(100% - 50px)}.basic_tree .edit_wrap .displayname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.basic_tree .segment_grow{flex-grow:1!important;padding-right:5px;text-align:left;z-index:10}.basic_tree .segment_grow.overflow_visible{overflow:visible!important}.basic_tree .expansion_toggle{color:var(--foreground);display:flex;flex-shrink:0;font-size:16px;justify-content:center;min-width:20px}.basic_tree .expansion_toggle.mod_collapsed:before{display:block}.basic_tree .expansion_toggle:not(.mod_collapsed):before{display:block;transform:rotate(90deg)}.basic_tree_menubars{background-color:var(--menu-background);border:none;border-radius:0;box-shadow:0 2px 8px var(--kt-menu-shadow);color:var(--menu-foreground);min-width:200px;padding:2px 0}.basic_menu_item_divider{background-color:var(--menu-separatorBackground);height:1px;line-height:0;margin:3px 0;overflow:hidden;padding:0;pointer-events:none}.basic_menu_item{align-items:center;color:var(--kt-menubar-foreground);display:flex;flex:1;height:26px;margin:0;padding:0 16px}.basic_menu_item:hover{background:var(--menu-selectionBackground);color:var(--menu-selectionForeground);cursor:default}.rc-trigger-popup{left:-9999px;position:absolute;top:-9999px;z-index:1050}.rc-trigger-popup-hidden{display:none}.rc-trigger-popup-zoom-appear,.rc-trigger-popup-zoom-enter{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused;animation-timing-function:cubic-bezier(.18,.89,.32,1.28);opacity:0}.rc-trigger-popup-zoom-leave{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused;animation-timing-function:cubic-bezier(.6,-.3,.74,.05)}.rc-trigger-popup-zoom-appear.rc-trigger-popup-zoom-appear-active,.rc-trigger-popup-zoom-enter.rc-trigger-popup-zoom-enter-active{animation-name:rcTriggerZoomIn;animation-play-state:running}.rc-trigger-popup-zoom-leave.rc-trigger-popup-zoom-leave-active{animation-name:rcTriggerZoomOut;animation-play-state:running}@keyframes rcTriggerZoomIn{0%{opacity:0;transform:scale(0);transform-origin:50% 50%}to{opacity:1;transform:scale(1);transform-origin:50% 50%}}@keyframes rcTriggerZoomOut{0%{opacity:1;transform:scale(1);transform-origin:50% 50%}to{opacity:0;transform:scale(0);transform-origin:50% 50%}}.rc-trigger-popup-mask{background-color:#373737;background-color:rgba(55,55,55,.6);bottom:0;filter:alpha(opacity=50);height:100%;left:0;position:fixed;right:0;top:0;z-index:1050}.rc-trigger-popup-mask-hidden{display:none}.rc-trigger-popup-fade-appear,.rc-trigger-popup-fade-enter{opacity:0}.rc-trigger-popup-fade-appear,.rc-trigger-popup-fade-enter,.rc-trigger-popup-fade-leave{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused;animation-timing-function:cubic-bezier(.55,0,.55,.2)}.rc-trigger-popup-fade-appear.rc-trigger-popup-fade-appear-active,.rc-trigger-popup-fade-enter.rc-trigger-popup-fade-enter-active{animation-name:rcTriggerMaskFadeIn;animation-play-state:running}.rc-trigger-popup-fade-leave.rc-trigger-popup-fade-leave-active{animation-name:rcDialogFadeOut;animation-play-state:running}@keyframes rcTriggerMaskFadeIn{0%{opacity:0}to{opacity:1}}@keyframes rcDialogFadeOut{0%{opacity:1}to{opacity:0}}
1
+ /*!*******************************************************************************************************************************************************************************!*\
2
+ !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/style/index.less ***!
3
+ \*******************************************************************************************************************************************************************************/
4
+ .kt-badge {
5
+ background-color: var(--badge-background);
6
+ color: var(--badge-foreground);
7
+ border: 1px solid var(--kt-badge-border);
8
+ height: 18px;
9
+ line-height: 16px;
10
+ border-radius: 18px;
11
+ font-size: 12px;
12
+ font-weight: 400;
13
+ text-align: center;
14
+ display: inline-flex;
15
+ align-items: center;
16
+ justify-content: center;
17
+ box-sizing: border-box;
18
+ padding: 0 5px;
19
+ min-width: 18px;
20
+ }
21
+ .kt-clickable-icon:hover {
22
+ transform: scale(1.1);
23
+ }
24
+ .kt-clickable-icon:active {
25
+ transform: scale(1.1);
26
+ }
27
+ .kt-icon-resource::before {
28
+ display: inherit;
29
+ background-size: 16px;
30
+ background-position: center;
31
+ background-repeat: no-repeat;
32
+ width: 22px;
33
+ height: 22px;
34
+ -webkit-font-smoothing: antialiased;
35
+ flex-shrink: 0;
36
+ }
37
+ .kt-button {
38
+ border: none;
39
+ outline: none;
40
+ cursor: pointer;
41
+ display: inline-flex;
42
+ justify-content: center;
43
+ align-items: center;
44
+ font-size: 12px;
45
+ padding: 0px 12px;
46
+ height: 28px;
47
+ line-height: 1;
48
+ box-sizing: border-box;
49
+ border-radius: 2px;
50
+ color: var(--button-foreground);
51
+ background-color: var(--button-background);
52
+ white-space: pre-wrap;
53
+ }
54
+ .kt-button.block-button {
55
+ width: 100%;
56
+ }
57
+ .kt-button > .kt-button-secondary-more {
58
+ color: inherit;
59
+ margin-left: 5px;
60
+ }
61
+ @keyframes loadingCircle {
62
+ 100% {
63
+ transform: rotate(360deg);
64
+ }
65
+ }
66
+ .kt-button-anticon-spin {
67
+ animation: loadingCircle 1s infinite linear;
68
+ margin-right: 5px;
69
+ }
70
+ .default-button {
71
+ color: var(--kt-defaultButton-foreground);
72
+ background-color: var(--kt-defaultButton-background);
73
+ }
74
+ .default-button:hover {
75
+ background-color: var(--kt-defaultButton-hoverBackground);
76
+ }
77
+ .default-button:active {
78
+ background-color: var(--kt-defaultButton-clickBackground);
79
+ }
80
+ .primary-button {
81
+ color: var(--kt-primaryButton-foreground);
82
+ background-color: var(--kt-primaryButton-background);
83
+ border: 1px solid var(--kt-primaryButton-border);
84
+ }
85
+ .primary-button:hover {
86
+ background-color: var(--kt-primaryButton-hoverBackground);
87
+ }
88
+ .primary-button:active {
89
+ background-color: var(--kt-primaryButton-clickBackground);
90
+ }
91
+ .secondary-button {
92
+ color: var(--kt-secondaryButton-foreground);
93
+ background-color: var(--kt-secondaryButton-background);
94
+ border-style: solid;
95
+ border-width: 1px;
96
+ border-color: var(--kt-secondaryButton-border);
97
+ }
98
+ .secondary-button:hover {
99
+ color: var(--kt-secondaryButton-hoverForeground);
100
+ background-color: var(--kt-secondaryButton-hoverBackground);
101
+ border-color: var(--kt-secondaryButton-hoverBorder);
102
+ }
103
+ .secondary-button:active {
104
+ color: var(--kt-secondaryButton-clickForeground);
105
+ background-color: var(--kt-secondaryButton-clickBackground);
106
+ border-color: var(--kt-secondaryButton-clickBorder);
107
+ }
108
+ .ghost-button {
109
+ border-style: solid;
110
+ border-width: 1px;
111
+ }
112
+ .ghost-button:disabled {
113
+ border-color: transparent;
114
+ border: none;
115
+ cursor: default;
116
+ }
117
+ .ghost-secondary-button {
118
+ color: var(--kt-whiteGhostButton-foreground);
119
+ background-color: var(--kt-whiteGhostButton-background);
120
+ border-color: transparent;
121
+ }
122
+ .ghost-secondary-button:hover {
123
+ color: var(--kt-whiteGhostButton-foreground);
124
+ background-color: transparent;
125
+ border-color: var(--kt-whiteGhostButton-border);
126
+ }
127
+ .ghost-secondary-button:active {
128
+ color: var(--kt-whiteGhostButton-clickForeground);
129
+ background-color: transparent;
130
+ border-color: var(--kt-whiteGhostButton-clickBorder);
131
+ }
132
+ .ghost-secondary-button:disabled {
133
+ color: var(--kt-whiteGhostButton-disableForeground);
134
+ border-color: transparent;
135
+ cursor: default;
136
+ }
137
+ .link-button {
138
+ color: var(--kt-linkButton-foreground);
139
+ background-color: transparent;
140
+ }
141
+ .link-button:hover {
142
+ color: var(--kt-linkButton-hoverForeground);
143
+ background-color: transparent;
144
+ border-color: transparent;
145
+ }
146
+ .link-button:active {
147
+ color: var(--kt-linkButton-clickForeground);
148
+ border-color: transparent;
149
+ background-color: transparent;
150
+ }
151
+ .link-button:disabled {
152
+ color: var(--kt-linkButton-disableForeground);
153
+ border-color: transparent !important;
154
+ background-color: transparent !important;
155
+ cursor: default;
156
+ }
157
+ .ghost-primary-button:disabled {
158
+ border-color: transparent;
159
+ background-color: transparent;
160
+ }
161
+ .ghost-button:disabled,
162
+ .danger-button:disabled,
163
+ .secondary-button:disabled,
164
+ .primary-button:disabled,
165
+ .ghost-danger-button:disabled,
166
+ .default-button:disabled,
167
+ .kt-danger-button-loading,
168
+ .kt-primary-button-loading,
169
+ .kt-secondary-button-loading {
170
+ color: var(--kt-button-disableForeground) !important;
171
+ background-color: var(--kt-button-disableBackground) !important;
172
+ box-shadow: var(--kt-button-disableBorder) 0px 0px 0px 1px inset;
173
+ cursor: not-allowed;
174
+ }
175
+ .ghost-button:disabled > .kt-button-secondary-more,
176
+ .danger-button:disabled > .kt-button-secondary-more,
177
+ .secondary-button:disabled > .kt-button-secondary-more,
178
+ .primary-button:disabled > .kt-button-secondary-more,
179
+ .ghost-danger-button:disabled > .kt-button-secondary-more,
180
+ .default-button:disabled > .kt-button-secondary-more,
181
+ .kt-danger-button-loading > .kt-button-secondary-more,
182
+ .kt-primary-button-loading > .kt-button-secondary-more,
183
+ .kt-secondary-button-loading > .kt-button-secondary-more {
184
+ color: var(--kt-button-disableForeground);
185
+ }
186
+ .secondary-button:disabled {
187
+ border: none;
188
+ }
189
+ .link-button:disabled {
190
+ cursor: not-allowed;
191
+ }
192
+ .ghost-primary-button {
193
+ color: var(--kt-primaryGhostButton-foreground);
194
+ background-color: var(--kt-primaryGhostButton-background);
195
+ border-color: transparent;
196
+ }
197
+ .ghost-primary-button:hover {
198
+ border-color: var(--kt-primaryGhostButton-border);
199
+ background-color: transparent;
200
+ }
201
+ .ghost-primary-button:active {
202
+ color: var(--kt-primaryGhostButton-clickForeground);
203
+ background-color: var(--kt-primaryGhostButton-clickBackground);
204
+ border-color: var(--kt-primaryGhostButton-clickBorder);
205
+ }
206
+ .danger-button {
207
+ color: var(--kt-dangerButton-foreground);
208
+ background-color: var(--kt-dangerButton-background);
209
+ }
210
+ .danger-button:hover {
211
+ background-color: var(--kt-dangerButton-hoverBackground);
212
+ }
213
+ .danger-button:active {
214
+ background-color: var(--kt-dangerButton-clickBackground);
215
+ }
216
+ .ghost-danger-button {
217
+ color: var(--kt-dangerGhostButton-foreground);
218
+ background-color: var(--kt-dangerGhostButton-background);
219
+ border-color: var(--kt-dangerGhostButton-border);
220
+ }
221
+ .ghost-danger-button:hover {
222
+ background-color: transparent;
223
+ border-color: var(--kt-dangerGhostButton-hoverBorder);
224
+ }
225
+ .ghost-danger-button:active {
226
+ background-color: var(--kt-dangerGhostButton-clickBackground);
227
+ border-color: var(--kt-dangerGhostButton-clickBorder);
228
+ }
229
+ .large-button-size {
230
+ padding: 0px 16px;
231
+ height: 32px;
232
+ line-height: 32px;
233
+ font-size: 14px;
234
+ }
235
+ .default-button-size {
236
+ padding: 0px 12px;
237
+ height: 28px;
238
+ line-height: 28px;
239
+ font-size: 12px;
240
+ }
241
+ .small-button-size {
242
+ padding: 0px 8px;
243
+ height: 22px;
244
+ line-height: 22px;
245
+ font-size: 12px;
246
+ }
247
+ .kt-checkbox {
248
+ font-size: 12px;
249
+ display: inline-flex;
250
+ align-items: center;
251
+ cursor: pointer;
252
+ }
253
+ .kt-checkbox-lump {
254
+ margin-right: 6px;
255
+ position: relative;
256
+ display: inline-flex;
257
+ align-items: center;
258
+ }
259
+ .kt-checkbox-lump input {
260
+ position: absolute;
261
+ left: 0;
262
+ top: 0;
263
+ width: 100%;
264
+ height: 100%;
265
+ opacity: 0;
266
+ }
267
+ .kt-checkbox-lump input:checked + .kt-checkbox-icon {
268
+ border-color: var(--kt-checkbox-selectionBackground);
269
+ background-color: var(--kt-checkbox-selectionBackground);
270
+ color: var(--kt-checkbox-selectionForeground);
271
+ }
272
+ .kt-checkbox-lump input:checked + .kt-checkbox-icon svg {
273
+ display: block;
274
+ transition: all 0.2s;
275
+ }
276
+ .kt-checkbox:hover .kt-checkbox-icon {
277
+ border-color: var(--kt-checkbox-hoverBorder);
278
+ background-color: var(--kt-checkbox-hoverBackground);
279
+ }
280
+ .kt-checkbox-icon {
281
+ width: 12px;
282
+ height: 12px;
283
+ background-color: var(--checkbox-background);
284
+ border-radius: 2px;
285
+ border: 1px solid var(--checkbox-border);
286
+ position: relative;
287
+ }
288
+ .kt-checkbox-icon svg {
289
+ display: none;
290
+ position: absolute;
291
+ left: 0;
292
+ top: 0;
293
+ width: 100%;
294
+ height: 100%;
295
+ }
296
+ .kt-checkbox-large {
297
+ font-size: 14px;
298
+ }
299
+ .kt-checkbox-large-icon {
300
+ width: 14px;
301
+ height: 14px;
302
+ margin-right: 8px;
303
+ }
304
+ .kt-checkbox.kt-checkbox-disabled {
305
+ color: var(--kt-checkbox-disableForeground);
306
+ }
307
+ .kt-checkbox.kt-checkbox-disabled input:checked + .kt-checkbox-icon {
308
+ background-color: var(--kt-checkbox-disableBackground);
309
+ color: var(--kt-checkbox-disableForeground);
310
+ border-color: transparent;
311
+ }
312
+ .wrapper .kt-modal-body {
313
+ background: var(--kt-modal-background);
314
+ border-color: var(--notifications-border);
315
+ }
316
+ .wrapper .kt-modal-footer {
317
+ align-items: center;
318
+ justify-content: flex-end;
319
+ display: flex;
320
+ }
321
+ .wrapper .kticon-info-circle {
322
+ color: var(--kt-modalInfoIcon-foreground);
323
+ }
324
+ .wrapper .kt-modal-close-x {
325
+ margin: 50% 50% 0 0;
326
+ width: 20px;
327
+ height: 20px;
328
+ line-height: 20px;
329
+ color: var(--kt-notificationsCloseIcon-foreground);
330
+ }
331
+ .kt-dialog-content {
332
+ display: flex;
333
+ }
334
+ .kt-dialog-content .kt-dialog-content_area {
335
+ display: flex;
336
+ flex-direction: column;
337
+ flex: 1;
338
+ overflow: hidden;
339
+ }
340
+ .kt-dialog-content .kt-dialog-content_area .kt-dialog-content_title {
341
+ line-height: 22px;
342
+ font-size: 15px;
343
+ margin: 0px 0px 8px 0px;
344
+ }
345
+ .kt-dialog-content .kt-dialog-icon {
346
+ margin-right: 6px;
347
+ border: none;
348
+ outline: none;
349
+ display: flex;
350
+ flex-direction: column;
351
+ padding: 0px;
352
+ line-height: 30px;
353
+ }
354
+ .kt-dialog-content .kt-dialog-icon:before {
355
+ font-size: 20px;
356
+ }
357
+ .kt-dialog-content .kt-dialog-closex {
358
+ background-color: transparent;
359
+ border: none;
360
+ outline: none;
361
+ display: flex;
362
+ flex-direction: column;
363
+ padding: 0px;
364
+ cursor: pointer;
365
+ margin-left: 6px;
366
+ height: 30px;
367
+ line-height: 30px;
368
+ width: 20px;
369
+ align-items: center;
370
+ justify-content: center;
371
+ }
372
+ .kt-dialog-content .kt-dialog-closex:hover {
373
+ transform: scale(1.1);
374
+ }
375
+ .footer {
376
+ border-top: 1px solid var(--notifications-border);
377
+ }
378
+ .kt-dialog-buttonWrap {
379
+ display: flex;
380
+ flex-wrap: wrap;
381
+ margin-top: 14px;
382
+ justify-content: flex-end;
383
+ }
384
+ .kt-dialog-buttonWrap button {
385
+ margin: 10px 0 0 8px;
386
+ }
387
+ .kt-dialog-message {
388
+ color: var(--kt-modal-foreground);
389
+ line-height: 30px;
390
+ font-size: 14px;
391
+ word-break: break-all;
392
+ overflow: hidden;
393
+ flex: 1;
394
+ align-items: center;
395
+ display: inline-flex;
396
+ user-select: text;
397
+ white-space: pre-wrap;
398
+ }
399
+ .kt-icon {
400
+ display: inline-block;
401
+ background-repeat: no-repeat;
402
+ cursor: pointer;
403
+ color: var(--kt-icon-foreground);
404
+ line-height: 1;
405
+ }
406
+ .kt-icon.mask-mode {
407
+ background-color: var(--foreground);
408
+ }
409
+ .kt-icon-loading {
410
+ animation: kt-icon-spin 1s infinite linear;
411
+ }
412
+ .kt-icon-small {
413
+ font-size: 14px;
414
+ }
415
+ .kt-icon-large {
416
+ font-size: 16px;
417
+ }
418
+ .kt-icon-clickable:hover {
419
+ color: var(--kt-icon-hoverForeground);
420
+ }
421
+ .kt-icon-clickable:active {
422
+ color: var(--kt-icon-clickForeground);
423
+ }
424
+ .kt-icon-disabled {
425
+ color: var(--kt-icon-disableForeground);
426
+ pointer-events: none;
427
+ cursor: not-allowed;
428
+ }
429
+ @keyframes kt-icon-spin {
430
+ 100% {
431
+ transform: rotate(360deg);
432
+ }
433
+ }
434
+ .iconfont-anim-spin {
435
+ animation: fa-spin 2s infinite linear;
436
+ }
437
+ .iconfont-anim-pulse {
438
+ animation: fa-spin 1s infinite steps(8);
439
+ }
440
+ @keyframes fa-spin {
441
+ 0% {
442
+ transform: rotate(0deg);
443
+ }
444
+ 100% {
445
+ transform: rotate(360deg);
446
+ }
447
+ }
448
+ .iconfont-rotate-90 {
449
+ -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=#{@rotation})';
450
+ transform: rotate(90deg);
451
+ }
452
+ .iconfont-rotate-180 {
453
+ -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=#{@rotation})';
454
+ transform: rotate(180deg);
455
+ }
456
+ .iconfont-rotate-270 {
457
+ -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=#{@rotation})';
458
+ transform: rotate(270deg);
459
+ }
460
+ .iconfont-flip-horizontal {
461
+ -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=#{@rotation}, mirror=1)';
462
+ transform: scale(-1, 1);
463
+ }
464
+ .iconfont-flip-vertical {
465
+ -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=#{@rotation}, mirror=1)';
466
+ transform: scale(1, -1);
467
+ }
468
+ .iconfont-flip-both,
469
+ .iconfont-flip-horizontal.iconfont-flip-vertical {
470
+ -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=#{@rotation}, mirror=1)';
471
+ transform: scale(-1, -1);
472
+ }
473
+ :root .iconfont-rotate-90,
474
+ :root .iconfont-rotate-180,
475
+ :root .iconfont-rotate-270,
476
+ :root .iconfont-flip-horizontal,
477
+ :root .iconfont-flip-vertical,
478
+ :root .iconfont-flip-both {
479
+ filter: none;
480
+ }
481
+ .kt-input {
482
+ width: 100%;
483
+ display: flex;
484
+ align-items: center;
485
+ border-style: solid;
486
+ border-width: 1px;
487
+ box-sizing: border-box;
488
+ border-color: var(--kt-input-border);
489
+ border-radius: 2px;
490
+ background-color: var(--input-background);
491
+ height: 28px;
492
+ padding: 0px 8px;
493
+ font-size: 12px;
494
+ }
495
+ .kt-input:focus-within {
496
+ border-color: var(--focusBorder);
497
+ }
498
+ .kt-input:hover {
499
+ border-color: var(--focusBorder);
500
+ }
501
+ .kt-input-disabled {
502
+ color: var(--kt-input-disableForeground);
503
+ background-color: var(--kt-input-disableBackground);
504
+ }
505
+ .kt-input-disabled input,
506
+ .kt-input-disabled textarea {
507
+ cursor: not-allowed;
508
+ }
509
+ .kt-input-box {
510
+ flex: 1;
511
+ height: 100%;
512
+ position: relative;
513
+ display: flex;
514
+ align-items: center;
515
+ }
516
+ .kt-input-box input,
517
+ .kt-input-box textarea {
518
+ width: 100%;
519
+ height: 100%;
520
+ color: var(--input-foreground);
521
+ background-color: transparent;
522
+ outline: none;
523
+ border-width: 0;
524
+ display: inline-block;
525
+ }
526
+ .kt-input-box input::placeholder,
527
+ .kt-input-box textarea::placeholder {
528
+ color: var(--input-placeholderForeground);
529
+ }
530
+ .kt-input-box input::selection,
531
+ .kt-input-box textarea::selection {
532
+ background-color: var(--kt-input-selectionBackground);
533
+ }
534
+ .kt-input-clear {
535
+ position: absolute;
536
+ right: 4px;
537
+ top: 50%;
538
+ transform: translateY(-50%);
539
+ }
540
+ .kt-input-addon {
541
+ display: flex;
542
+ align-items: center;
543
+ height: 100%;
544
+ }
545
+ .kt-input-addon-before {
546
+ margin-right: 4px;
547
+ }
548
+ .kt-input-addon-after {
549
+ margin-left: 4px;
550
+ }
551
+ .kt-input-large {
552
+ height: 32px;
553
+ font-size: 14px;
554
+ }
555
+ .kt-input-small {
556
+ height: 22px;
557
+ font-size: 12px;
558
+ }
559
+ .text-ellipsis {
560
+ overflow: hidden;
561
+ text-overflow: ellipsis;
562
+ white-space: nowrap;
563
+ }
564
+ .input-box {
565
+ width: 100%;
566
+ height: 100%;
567
+ box-sizing: border-box;
568
+ position: relative;
569
+ }
570
+ .input-box .kt-input.validate-error {
571
+ border: 1px solid var(--inputValidation-errorBorder);
572
+ }
573
+ .input-box .kt-input.validate-info {
574
+ border: 1px solid var(--inputValidation-infoBorder);
575
+ }
576
+ .input-box .kt-input.validate-warning {
577
+ border: 1px solid var(--inputValidation-warningBorder);
578
+ }
579
+ .input-box.popup .kt-input {
580
+ background-color: var(--input-background);
581
+ }
582
+ .input-box .validate-message {
583
+ margin-top: 4px;
584
+ display: inline-block;
585
+ overflow: hidden;
586
+ text-align: left;
587
+ box-sizing: border-box;
588
+ padding: 8px 4px;
589
+ font-size: 12px;
590
+ line-height: 20px;
591
+ min-height: 34px;
592
+ word-wrap: break-word;
593
+ white-space: normal;
594
+ position: absolute;
595
+ width: 100%;
596
+ left: 0;
597
+ top: 100%;
598
+ z-index: 10;
599
+ border-radius: 0px 0px 2px 2px;
600
+ }
601
+ .input-box .validate-message.popup {
602
+ border: none;
603
+ background-color: transparent;
604
+ box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px;
605
+ }
606
+ .input-box .validate-message.popup.validate-error {
607
+ color: var(--inputValidation-errorForeground);
608
+ background-color: var(--inputValidation-errorBackground);
609
+ border: 1px solid var(--inputValidation-errorBorder);
610
+ }
611
+ .input-box .validate-message.popup.validate-info {
612
+ background-color: var(--inputValidation-infoBackground);
613
+ border: 1px solid var(--inputValidation-infoBorder);
614
+ color: var(--inputValidation-infoForeground);
615
+ }
616
+ .input-box .validate-message.popup.validate-warning {
617
+ background-color: var(--inputValidation-warningBackground);
618
+ border: 1px solid var(--inputValidation-warningBorder);
619
+ color: var(--inputValidation-warningForeground);
620
+ }
621
+ .input-box .validate-message.validate-error {
622
+ color: var(--kt-inputValidation-errorTextForeground);
623
+ }
624
+ .input-box .validate-message.validate-info {
625
+ color: var(--inputValidation-infoForeground);
626
+ }
627
+ .input-box .validate-message.validate-warning {
628
+ color: var(--kt-inputValidation-warningTextForeground);
629
+ }
630
+ .kt-message {
631
+ box-sizing: border-box;
632
+ margin: 0;
633
+ padding: 0;
634
+ color: rgba(0, 0, 0, 0.65);
635
+ font-size: 14px;
636
+ font-variant: tabular-nums;
637
+ line-height: 1.5;
638
+ list-style: none;
639
+ font-feature-settings: 'tnum';
640
+ position: fixed;
641
+ top: 16px;
642
+ left: 0;
643
+ z-index: 1010;
644
+ width: 100%;
645
+ pointer-events: none;
646
+ }
647
+ .kt-message-notice {
648
+ padding: 8px;
649
+ text-align: center;
650
+ }
651
+ .kt-message-notice:first-child {
652
+ margin-top: -8px;
653
+ }
654
+ .kt-message-notice-content {
655
+ display: inline-block;
656
+ padding: 10px 16px;
657
+ border-radius: 4px;
658
+ box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
659
+ pointer-events: all;
660
+ background: var(--notifications-background);
661
+ color: var(--notifications-foreground);
662
+ }
663
+ .kt-message-custom-content {
664
+ display: flex;
665
+ align-items: flex-start;
666
+ justify-content: center;
667
+ }
668
+ .kt-message-custom-content .anticon {
669
+ height: 21px;
670
+ display: flex;
671
+ align-items: center;
672
+ justify-content: center;
673
+ }
674
+ .kt-message-success .anticon {
675
+ color: #52c41a;
676
+ }
677
+ .kt-message-error .anticon {
678
+ color: var(--notificationsErrorIcon-foreground);
679
+ }
680
+ .kt-message-warning .anticon {
681
+ color: var(--notificationsWarningIcon-foreground);
682
+ }
683
+ .kt-message-info .anticon,
684
+ .kt-message-loading .anticon {
685
+ color: var(--notificationsInfoIcon-foreground);
686
+ }
687
+ .kt-message .anticon {
688
+ position: relative;
689
+ top: 1px;
690
+ margin-right: 8px;
691
+ font-size: 16px;
692
+ }
693
+ .kt-message-notice.move-up-leave.move-up-leave-active {
694
+ overflow: hidden;
695
+ animation-name: MessageMoveOut;
696
+ animation-duration: 0.3s;
697
+ }
698
+ @keyframes MessageMoveOut {
699
+ 0% {
700
+ max-height: 150px;
701
+ padding: 8px;
702
+ opacity: 1;
703
+ }
704
+ 100% {
705
+ max-height: 0;
706
+ padding: 0;
707
+ opacity: 0;
708
+ }
709
+ }
710
+ .kt-notification {
711
+ box-sizing: border-box;
712
+ margin: 0;
713
+ padding: 0;
714
+ color: rgba(0, 0, 0, 0.65);
715
+ font-size: 14px;
716
+ font-variant: tabular-nums;
717
+ line-height: 1.5;
718
+ list-style: none;
719
+ font-feature-settings: 'tnum';
720
+ position: fixed;
721
+ z-index: 1010;
722
+ width: 384px;
723
+ max-width: calc(100vw - 32px);
724
+ margin-right: 24px;
725
+ }
726
+ .kt-notification-topLeft,
727
+ .kt-notification-bottomLeft {
728
+ margin-right: 0;
729
+ margin-left: 24px;
730
+ }
731
+ .kt-notification-topLeft .kt-notification-fade-enter.kt-notification-fade-enter-active,
732
+ .kt-notification-bottomLeft .kt-notification-fade-enter.kt-notification-fade-enter-active,
733
+ .kt-notification-topLeft .kt-notification-fade-appear.kt-notification-fade-appear-active,
734
+ .kt-notification-bottomLeft .kt-notification-fade-appear.kt-notification-fade-appear-active {
735
+ animation-name: NotificationLeftFadeIn;
736
+ }
737
+ .kt-notification-close-icon {
738
+ font-size: 14px;
739
+ cursor: pointer;
740
+ }
741
+ .kt-notification-notice {
742
+ position: relative;
743
+ margin-bottom: 16px;
744
+ padding: 16px 24px;
745
+ overflow: hidden;
746
+ line-height: 18px;
747
+ background: #fff;
748
+ border-radius: 4px;
749
+ box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
750
+ }
751
+ .kt-notification-notice-message {
752
+ display: inline-block;
753
+ margin-bottom: 8px;
754
+ color: rgba(0, 0, 0, 0.85);
755
+ font-size: 16px;
756
+ line-height: 24px;
757
+ }
758
+ .kt-notification-notice-description {
759
+ font-size: 14px;
760
+ }
761
+ .kt-notification-notice-with-icon .kt-notification-notice-message {
762
+ margin-bottom: 4px;
763
+ margin-left: 48px;
764
+ font-size: 16px;
765
+ }
766
+ .kt-notification-notice-with-icon .kt-notification-notice-description {
767
+ margin-left: 48px;
768
+ font-size: 14px;
769
+ }
770
+ .kt-notification-notice-icon {
771
+ position: absolute;
772
+ margin-left: 4px;
773
+ font-size: 24px;
774
+ line-height: 24px;
775
+ top: 12px;
776
+ }
777
+ .anticon.kt-notification-notice-icon {
778
+ height: 20px;
779
+ }
780
+ .anticon.kt-notification-notice-icon-success {
781
+ color: #52c41a;
782
+ }
783
+ .anticon.kt-notification-notice-icon-info {
784
+ color: var(--notificationsInfoIcon-foreground);
785
+ }
786
+ .anticon.kt-notification-notice-icon-warning {
787
+ color: var(--notificationsWarningIcon-foreground);
788
+ }
789
+ .anticon.kt-notification-notice-icon-error {
790
+ color: var(--notificationsErrorIcon-foreground);
791
+ }
792
+ .kt-notification-notice-close {
793
+ position: absolute;
794
+ top: 16px;
795
+ right: 22px;
796
+ height: 20px;
797
+ color: rgba(0, 0, 0, 0.45);
798
+ outline: none;
799
+ }
800
+ .kt-notification-notice-close:hover {
801
+ color: rgba(0, 0, 0, 0.67);
802
+ }
803
+ .kt-notification-notice-btn {
804
+ display: flex;
805
+ flex-flow: wrap;
806
+ align-items: center;
807
+ justify-content: flex-end;
808
+ margin-top: 16px;
809
+ }
810
+ .kt-notification .notification-fade-effect {
811
+ animation-duration: 0.24s;
812
+ animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
813
+ animation-fill-mode: both;
814
+ }
815
+ .kt-notification-fade-enter,
816
+ .kt-notification-fade-appear {
817
+ opacity: 0;
818
+ animation-duration: 0.24s;
819
+ animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
820
+ animation-fill-mode: both;
821
+ animation-play-state: paused;
822
+ }
823
+ .kt-notification-fade-leave {
824
+ animation-duration: 0.24s;
825
+ animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
826
+ animation-fill-mode: both;
827
+ animation-duration: 0.2s;
828
+ animation-play-state: paused;
829
+ }
830
+ .kt-notification-fade-enter.kt-notification-fade-enter-active,
831
+ .kt-notification-fade-appear.kt-notification-fade-appear-active {
832
+ animation-name: NotificationFadeIn;
833
+ animation-play-state: running;
834
+ }
835
+ .kt-notification-fade-leave.kt-notification-fade-leave-active {
836
+ animation-name: NotificationFadeOut;
837
+ animation-play-state: running;
838
+ }
839
+ @keyframes NotificationFadeIn {
840
+ 0% {
841
+ left: 384px;
842
+ opacity: 0;
843
+ }
844
+ 100% {
845
+ left: 0;
846
+ opacity: 1;
847
+ }
848
+ }
849
+ @keyframes NotificationLeftFadeIn {
850
+ 0% {
851
+ right: 384px;
852
+ opacity: 0;
853
+ }
854
+ 100% {
855
+ right: 0;
856
+ opacity: 1;
857
+ }
858
+ }
859
+ @keyframes NotificationFadeOut {
860
+ 0% {
861
+ max-height: 150px;
862
+ margin-bottom: 16px;
863
+ padding-top: 16px 24px;
864
+ padding-bottom: 16px 24px;
865
+ opacity: 1;
866
+ }
867
+ 100% {
868
+ max-height: 0;
869
+ margin-bottom: 0;
870
+ padding-top: 0;
871
+ padding-bottom: 0;
872
+ opacity: 0;
873
+ }
874
+ }
875
+ .kt-notification-wrapper {
876
+ background: var(--notifications-background);
877
+ border-color: var(--notifications-border);
878
+ padding: 12px;
879
+ position: relative;
880
+ }
881
+ .kt-notification-wrapper .anticon {
882
+ font-size: 12px;
883
+ margin-top: 0;
884
+ display: flex;
885
+ align-items: center;
886
+ justify-content: center;
887
+ }
888
+ .kt-notification-wrapper .kt-notification-notice-message,
889
+ .kt-notification-wrapper .kt-notification-notice-description {
890
+ width: calc(100% - 48px);
891
+ color: var(--notifications-foreground);
892
+ font-size: 12px;
893
+ margin-left: 24px;
894
+ margin-right: 24px;
895
+ margin-bottom: 0;
896
+ line-height: 20px;
897
+ }
898
+ .kt-notification-wrapper .kt-notification-notice-message code,
899
+ .kt-notification-wrapper .kt-notification-notice-description code {
900
+ display: inline-block;
901
+ word-wrap: break-word;
902
+ overflow: hidden;
903
+ width: 100%;
904
+ text-overflow: ellipsis;
905
+ }
906
+ .kt-notification-wrapper .kt-notification-notice-message p,
907
+ .kt-notification-wrapper .kt-notification-notice-description p,
908
+ .kt-notification-wrapper .kt-notification-notice-message pre,
909
+ .kt-notification-wrapper .kt-notification-notice-description pre {
910
+ margin-bottom: 0;
911
+ }
912
+ .kt-notification-wrapper .kt-notification-notice-description {
913
+ margin-top: 4px;
914
+ margin-bottom: 4px;
915
+ }
916
+ .kt-notification-wrapper .kt-notification-notice-close {
917
+ display: flex;
918
+ align-items: center;
919
+ justify-content: center;
920
+ color: var(--notifications-foreground);
921
+ font-size: 12px;
922
+ line-height: 20px;
923
+ right: 18px;
924
+ top: 12px;
925
+ }
926
+ .kt-notification-wrapper .kt-notification-notice-btn button {
927
+ flex: 0 0 auto;
928
+ margin: 0 0 5px 10px;
929
+ word-break: keep-all;
930
+ max-width: 100%;
931
+ white-space: nowrap;
932
+ overflow: hidden;
933
+ text-overflow: ellipsis;
934
+ padding: 0 5px;
935
+ box-sizing: content-box;
936
+ display: inline-block;
937
+ }
938
+ .kt-overlay.kt-modal {
939
+ padding: 24px 24px;
940
+ color: var(--kt-modal-foreground);
941
+ }
942
+ .kt-overlay .kt-modal-body {
943
+ background: var(--kt-modal-background);
944
+ border-color: var(--notifications-border);
945
+ }
946
+ .kt-overlay .kt-modal-header {
947
+ background-color: var(--kt-modal-background);
948
+ border-bottom-color: var(--kt-modal-separatorBackground);
949
+ height: 56px;
950
+ border-radius: 2px 2px 0 0;
951
+ }
952
+ .kt-overlay .kt-modal-title {
953
+ color: var(--kt-modal-foreground);
954
+ }
955
+ .kt-overlay .kt-modal-footer {
956
+ background-color: var(--kt-modal-background);
957
+ border-top-color: var(--kt-modal-separatorBackground);
958
+ height: 52px;
959
+ border-radius: 0 0 2px 2px;
960
+ }
961
+ .kt-overlay .kt-modal-close-x {
962
+ margin: 12px 22px 0 0;
963
+ width: 20px;
964
+ height: 20px;
965
+ line-height: 20px;
966
+ color: var(--kt-notificationsCloseIcon-foreground);
967
+ }
968
+ .kt-popover {
969
+ position: absolute;
970
+ display: block;
971
+ visibility: visible;
972
+ font-size: 12px;
973
+ line-height: 1.5;
974
+ opacity: 0.9;
975
+ }
976
+ .kt-popover-title {
977
+ line-height: 22px;
978
+ font-size: 12px;
979
+ display: flex;
980
+ justify-content: space-between;
981
+ margin-bottom: 0;
982
+ margin-top: 0;
983
+ }
984
+ .kt-popover-title.kt-button,
985
+ .kt-popover-title .small-button-size {
986
+ padding: 0px;
987
+ }
988
+ .kt-popover-content {
989
+ position: relative;
990
+ color: var(--kt-popover-foreground);
991
+ background: var(--kt-popover-background);
992
+ border-color: var(--kt-popover-border);
993
+ border-radius: 2px;
994
+ box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px;
995
+ padding: 6px 10px;
996
+ z-index: var(--stacking-level-popover-component, 999);
997
+ }
998
+ .kt-popover-content img {
999
+ max-width: 20px;
1000
+ display: inline-block;
1001
+ }
1002
+ .kt-popover-hidden {
1003
+ display: none;
1004
+ }
1005
+ .kt-popover-placement-top,
1006
+ .kt-popover-placement-topLeft,
1007
+ .kt-popover-placement-topRight {
1008
+ padding: 5px 0 5px 0;
1009
+ }
1010
+ .kt-popover-placement-right,
1011
+ .kt-popover-placement-rightTop,
1012
+ .kt-popover-placement-rightBottom {
1013
+ padding: 0 5px 0 5px;
1014
+ }
1015
+ .kt-popover-placement-bottom,
1016
+ .kt-popover-placement-bottomLeft,
1017
+ .kt-popover-placement-bottomRight {
1018
+ padding: 5px 0 5px 0;
1019
+ }
1020
+ .kt-popover-placement-left,
1021
+ .kt-popover-placement-leftTop,
1022
+ .kt-popover-placement-leftBottom {
1023
+ padding: 0 5px 0 5px;
1024
+ }
1025
+ .kt-popover-arrow {
1026
+ position: absolute;
1027
+ width: 0;
1028
+ height: 0;
1029
+ z-index: var(--stacking-level-popover-component-arrow, 1000);
1030
+ border-color: transparent;
1031
+ border-style: solid;
1032
+ }
1033
+ .kt-popover-placement-top .kt-popover-arrow,
1034
+ .kt-popover-placement-topLeft .kt-popover-arrow,
1035
+ .kt-popover-placement-topRight .kt-popover-arrow {
1036
+ margin-left: -6px;
1037
+ margin-bottom: 1px;
1038
+ border-width: 6px 6px 0;
1039
+ border-top-color: var(--kt-popover-background);
1040
+ }
1041
+ .kt-popover-placement-top .kt-popover-arrow {
1042
+ left: 50%;
1043
+ }
1044
+ .kt-popover-placement-topLeft .kt-popover-arrow {
1045
+ left: 15%;
1046
+ }
1047
+ .kt-popover-placement-topRight .kt-popover-arrow {
1048
+ right: 15%;
1049
+ }
1050
+ .kt-popover-placement-right .kt-popover-arrow,
1051
+ .kt-popover-placement-rightTop .kt-popover-arrow,
1052
+ .kt-popover-placement-rightBottom .kt-popover-arrow {
1053
+ left: 4px;
1054
+ margin-top: -5px;
1055
+ border-width: 5px 5px 5px 0;
1056
+ border-right-color: var(--kt-popover-background);
1057
+ }
1058
+ .kt-popover-placement-right .kt-popover-arrow {
1059
+ top: 50%;
1060
+ }
1061
+ .kt-popover-placement-rightTop .kt-popover-arrow {
1062
+ top: 15%;
1063
+ margin-top: 0;
1064
+ }
1065
+ .kt-popover-placement-rightBottom .kt-popover-arrow {
1066
+ bottom: 15%;
1067
+ }
1068
+ .kt-popover-placement-left .kt-popover-arrow,
1069
+ .kt-popover-placement-leftTop .kt-popover-arrow,
1070
+ .kt-popover-placement-leftBottom .kt-popover-arrow {
1071
+ right: 4px;
1072
+ margin-top: -5px;
1073
+ border-width: 5px 0 5px 5px;
1074
+ border-left-color: var(--kt-popover-background);
1075
+ }
1076
+ .kt-popover-placement-left .kt-popover-arrow {
1077
+ top: 50%;
1078
+ }
1079
+ .kt-popover-placement-leftTop .kt-popover-arrow {
1080
+ top: 15%;
1081
+ margin-top: 0;
1082
+ }
1083
+ .kt-popover-placement-leftBottom .kt-popover-arrow {
1084
+ bottom: 15%;
1085
+ }
1086
+ .kt-popover-placement-bottom .kt-popover-arrow,
1087
+ .kt-popover-placement-bottomLeft .kt-popover-arrow,
1088
+ .kt-popover-placement-bottomRight .kt-popover-arrow {
1089
+ top: 4px;
1090
+ margin-left: -5px;
1091
+ border-width: 0 5px 5px;
1092
+ border-bottom-color: var(--kt-popover-background);
1093
+ }
1094
+ .kt-popover-placement-bottom .kt-popover-arrow {
1095
+ left: 50%;
1096
+ }
1097
+ .kt-popover-placement-bottomLeft .kt-popover-arrow {
1098
+ left: 15%;
1099
+ }
1100
+ .kt-popover-placement-bottomRight .kt-popover-arrow {
1101
+ right: 15%;
1102
+ }
1103
+ .kt-popover-placement-topLeft .kt-popover-arrow {
1104
+ left: 15px;
1105
+ }
1106
+ .kt-popover.kt-popover-zoom-appear,
1107
+ .kt-popover.kt-popover-zoom-enter {
1108
+ opacity: 0;
1109
+ }
1110
+ .kt-popover.kt-popover-zoom-enter,
1111
+ .kt-popover.kt-popover-zoom-leave {
1112
+ display: block;
1113
+ }
1114
+ .kt-popover-zoom-enter,
1115
+ .kt-popover-zoom-appear {
1116
+ opacity: 0;
1117
+ animation-duration: 0.3s;
1118
+ animation-fill-mode: both;
1119
+ animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
1120
+ animation-play-state: paused;
1121
+ }
1122
+ .kt-popover-zoom-leave {
1123
+ animation-duration: 0.3s;
1124
+ animation-fill-mode: both;
1125
+ animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
1126
+ animation-play-state: paused;
1127
+ }
1128
+ .kt-popover-zoom-enter.kt-popover-zoom-enter-active,
1129
+ .kt-popover-zoom-appear.kt-popover-zoom-appear-active {
1130
+ animation-name: rcToolTipZoomIn;
1131
+ animation-play-state: running;
1132
+ }
1133
+ .kt-popover-zoom-leave.kt-popover-zoom-leave-active {
1134
+ animation-name: rcToolTipZoomOut;
1135
+ animation-play-state: running;
1136
+ }
1137
+ @keyframes rcToolTipZoomIn {
1138
+ 0% {
1139
+ opacity: 0;
1140
+ transform-origin: 50% 50%;
1141
+ transform: scale(0, 0);
1142
+ }
1143
+ 100% {
1144
+ opacity: 1;
1145
+ transform-origin: 50% 50%;
1146
+ transform: scale(1, 1);
1147
+ }
1148
+ }
1149
+ @keyframes rcToolTipZoomOut {
1150
+ 0% {
1151
+ opacity: 1;
1152
+ transform-origin: 50% 50%;
1153
+ transform: scale(1, 1);
1154
+ }
1155
+ 100% {
1156
+ opacity: 0;
1157
+ transform-origin: 50% 50%;
1158
+ transform: scale(0, 0);
1159
+ }
1160
+ }
1161
+ .kt-select-overlay {
1162
+ position: fixed;
1163
+ width: 100%;
1164
+ height: 100%;
1165
+ left: 0px;
1166
+ top: 0px;
1167
+ z-index: -1;
1168
+ }
1169
+ .kt-select-container {
1170
+ position: relative;
1171
+ user-select: none;
1172
+ min-width: 0px;
1173
+ }
1174
+ .kt-select-container .kt-select-search {
1175
+ -webkit-appearance: none;
1176
+ background: transparent;
1177
+ line-height: inherit;
1178
+ outline: none;
1179
+ border: none;
1180
+ }
1181
+ .kt-select-container .kt-select-value {
1182
+ margin: 0px;
1183
+ max-width: 100%;
1184
+ border-radius: 2px;
1185
+ color: var(--kt-select-foreground);
1186
+ background-color: var(--kt-select-background);
1187
+ display: flex;
1188
+ justify-content: center;
1189
+ align-items: center;
1190
+ padding: 0px 8px;
1191
+ flex: 1;
1192
+ border-style: solid;
1193
+ border-width: 1px;
1194
+ border-color: var(--kt-select-border);
1195
+ cursor: pointer;
1196
+ box-sizing: border-box;
1197
+ }
1198
+ .kt-select-container .kt-select-value > span {
1199
+ color: var(--kt-select-foreground);
1200
+ cursor: pointer;
1201
+ }
1202
+ .kt-select-container .kt-select-value .kt-select-option {
1203
+ text-overflow: ellipsis;
1204
+ overflow: hidden;
1205
+ white-space: nowrap;
1206
+ flex: 1;
1207
+ min-width: 0px;
1208
+ cursor: pointer;
1209
+ display: inline-block;
1210
+ width: 100%;
1211
+ }
1212
+ .kt-select-container .kt-select-value .kt-select-value-active,
1213
+ .kt-select-container .kt-select-value:hover {
1214
+ box-sizing: border-box;
1215
+ border-color: var(--kt-selectOption-activeBorder);
1216
+ }
1217
+ .kt-select-container .kt-select-value.kt-select-disabled {
1218
+ pointer-events: none;
1219
+ background-color: var(--kt-select-disableBackground);
1220
+ color: var(--kt-select-disableForeground);
1221
+ }
1222
+ .kt-select-container .kt-select-value.kt-select-warning {
1223
+ border-color: var(--kt-select-warningForeground);
1224
+ }
1225
+ .kt-select-container .kt-select-warning-text {
1226
+ background-color: var(--kt-select-warningForeground);
1227
+ padding: 4px 8px;
1228
+ color: #fff;
1229
+ }
1230
+ .kt-select-container .kt-select-value-active {
1231
+ box-sizing: border-box;
1232
+ border-color: var(--kt-selectOption-activeBorder);
1233
+ }
1234
+ .kt-select-container .kt-select-value-large,
1235
+ .kt-select-container .kt-select-value-large > span {
1236
+ height: 30px;
1237
+ font-size: 14px;
1238
+ line-height: 30px;
1239
+ }
1240
+ .kt-select-container .kt-select-value-default,
1241
+ .kt-select-container .kt-select-value-default > span {
1242
+ height: 28px;
1243
+ font-size: 12px;
1244
+ line-height: 28px;
1245
+ }
1246
+ .kt-select-container .kt-select-value-default-icon {
1247
+ margin-left: 5px;
1248
+ }
1249
+ .kt-select-container .kt-select-value-small,
1250
+ .kt-select-container .kt-select-value-small > span {
1251
+ height: 22px;
1252
+ font-size: 12px;
1253
+ line-height: 22px;
1254
+ }
1255
+ .kt-select-option-icon {
1256
+ margin-right: 5px;
1257
+ }
1258
+ .kt-select-options {
1259
+ display: none;
1260
+ position: fixed;
1261
+ margin-top: 4px;
1262
+ max-width: 100%;
1263
+ color: var(--kt-selectDropdown-foreground);
1264
+ background-color: var(--kt-selectDropdown-background);
1265
+ z-index: 20;
1266
+ border-radius: 2px;
1267
+ overflow-y: auto !important;
1268
+ box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px;
1269
+ }
1270
+ .kt-select-options .kt-select-option-default {
1271
+ display: flex;
1272
+ align-items: center;
1273
+ position: relative;
1274
+ }
1275
+ .kt-select-options .kt-select-option-default .kt-select-option-icon {
1276
+ margin-right: 5px;
1277
+ }
1278
+ .kt-select-options .kt-select-option-select span {
1279
+ display: inline-block;
1280
+ margin: 0 2px;
1281
+ width: calc(100% - 4px);
1282
+ box-sizing: border-box;
1283
+ outline: 1px solid var(--list-focusOutline);
1284
+ outline-offset: -1px;
1285
+ color: var(--kt-selectDropdown-selectionForeground);
1286
+ background-color: var(--kt-selectDropdown-selectionBackground);
1287
+ }
1288
+ .kt-select-options .kt-select-option-select span:hover {
1289
+ background-color: var(--kt-selectDropdown-selectionBackground);
1290
+ }
1291
+ .kt-select-options .kt-select-description {
1292
+ line-height: 1;
1293
+ margin-bottom: -3px;
1294
+ }
1295
+ .kt-select-options span {
1296
+ color: var(--kt-selectDropdown-foreground);
1297
+ background-color: var(--kt-selectDropdown-background);
1298
+ cursor: pointer;
1299
+ height: 26px;
1300
+ padding: 0px 16px;
1301
+ text-overflow: ellipsis;
1302
+ overflow: hidden;
1303
+ white-space: nowrap;
1304
+ line-height: 26px;
1305
+ display: inline-block;
1306
+ margin: 0 2px;
1307
+ width: calc(100% - 4px);
1308
+ box-sizing: border-box;
1309
+ }
1310
+ .kt-select-options span:hover {
1311
+ box-sizing: border-box;
1312
+ outline: 1px solid var(--list-focusOutline);
1313
+ outline-offset: -1px;
1314
+ background-color: var(--kt-selectDropdown-hoverBackground);
1315
+ }
1316
+ .kt-select-options .kt-option-divider {
1317
+ height: 1px;
1318
+ background-color: var(--kt-select-border);
1319
+ width: 100%;
1320
+ margin: 0 auto;
1321
+ }
1322
+ .kt-select-options .kt-option-description {
1323
+ min-height: 26px;
1324
+ max-height: 52px;
1325
+ font-size: 12px;
1326
+ line-height: 26px;
1327
+ padding: 0 16px;
1328
+ overflow: hidden;
1329
+ text-overflow: ellipsis;
1330
+ display: -webkit-box;
1331
+ -webkit-line-clamp: 2;
1332
+ -webkit-box-orient: vertical;
1333
+ }
1334
+ .kt-select-options .kt-option-disabled {
1335
+ pointer-events: none;
1336
+ background-color: var(--kt-select-disableBackground);
1337
+ color: var(--kt-select-disableForeground);
1338
+ }
1339
+ .kt-select-options.kt-select-options-visible {
1340
+ display: block;
1341
+ }
1342
+ .kt-select-options.kt-select-options-large {
1343
+ padding: 4px 0px;
1344
+ }
1345
+ .kt-select-options.kt-select-options-large > span,
1346
+ .kt-select-options.kt-select-options-large > div > span {
1347
+ height: 30px;
1348
+ font-size: 14px;
1349
+ line-height: 30px;
1350
+ }
1351
+ .kt-select-options.kt-select-options-large .kt-select-group-header {
1352
+ font-size: 14px;
1353
+ line-height: 30px;
1354
+ }
1355
+ .kt-select-options.kt-select-options-default {
1356
+ padding: 3px 0px;
1357
+ }
1358
+ .kt-select-options.kt-select-options-default > span,
1359
+ .kt-select-options.kt-select-options-default > div > span {
1360
+ height: 26px;
1361
+ font-size: 12px;
1362
+ line-height: 26px;
1363
+ }
1364
+ .kt-select-options.kt-select-options-default .kt-select-group-header {
1365
+ font-size: 12px;
1366
+ line-height: 26px;
1367
+ }
1368
+ .kt-select-options.kt-select-options-small {
1369
+ padding: 3px 0px;
1370
+ }
1371
+ .kt-select-options.kt-select-options-small > span,
1372
+ .kt-select-options.kt-select-options-small > div > span {
1373
+ height: 26px;
1374
+ font-size: 12px;
1375
+ line-height: 26px;
1376
+ }
1377
+ .kt-select-options.kt-select-options-small .kt-select-group-header {
1378
+ font-size: 12px;
1379
+ line-height: 26px;
1380
+ }
1381
+ .kt-select-options .kt-option-with-check {
1382
+ padding-left: 20px;
1383
+ }
1384
+ .kt-select-options .kt-select-group-header {
1385
+ padding-left: 5px;
1386
+ color: var(--kt-selectDropdown-teamForeground);
1387
+ display: flex;
1388
+ }
1389
+ .kt-select-options .kt-option-check {
1390
+ position: absolute;
1391
+ left: 0;
1392
+ height: 100%;
1393
+ display: flex;
1394
+ align-items: center;
1395
+ }
1396
+ .kt-select-options .kt-option-check .kt-icon {
1397
+ width: 20px;
1398
+ padding: 0 4px;
1399
+ background-color: transparent;
1400
+ }
1401
+ .kt-tabs {
1402
+ display: flex;
1403
+ align-items: center;
1404
+ border-bottom: 1px solid var(--kt-tab-borderDown);
1405
+ }
1406
+ .kt-tabs .kt-tab,
1407
+ .kt-tabs .kt-custom-tab {
1408
+ padding: 8px 0 8px;
1409
+ line-height: 20px;
1410
+ border-bottom: 2px solid transparent;
1411
+ color: var(--kt-tab-inactiveForeground);
1412
+ cursor: pointer;
1413
+ }
1414
+ .kt-tabs .kt-tab.kt-mini-tab,
1415
+ .kt-tabs .kt-custom-tab.kt-mini-tab {
1416
+ padding: 2px 0 2px;
1417
+ }
1418
+ .kt-tabs .kt-tab.kt-tab-selected,
1419
+ .kt-tabs .kt-custom-tab.kt-tab-selected {
1420
+ color: var(--kt-tab-activeForeground);
1421
+ border-bottom-color: var(--kt-tab-activeBorder);
1422
+ }
1423
+ .kt-tabs.kt-tabs-mini {
1424
+ border-bottom: none;
1425
+ }
1426
+ .kt-tabs .kt-tab + .kt-tab,
1427
+ .kt-tabs .kt-custom-tab + .kt-custom-tab,
1428
+ .kt-tabs .kt-tab + .kt-custom-tab,
1429
+ .kt-tabs .kt-custom-tab + .kt-tab {
1430
+ margin-left: 24px;
1431
+ }
1432
+ .kt-tooltip-wrapper {
1433
+ position: relative;
1434
+ margin: 0px;
1435
+ padding: 0px;
1436
+ display: inline-block;
1437
+ }
1438
+ .kt-tooltip-wrapper .kt-tooltip-content {
1439
+ display: inline-block;
1440
+ position: fixed;
1441
+ font-size: 12px;
1442
+ font-weight: normal;
1443
+ border-radius: 2px;
1444
+ line-height: 20px;
1445
+ padding: 4px 8px;
1446
+ z-index: 2;
1447
+ white-space: nowrap;
1448
+ color: var(--kt-tooltip-foreground);
1449
+ background: var(--kt-tooltip-background);
1450
+ box-shadow: 0px 6px 16px -8px rgba(0, 0, 0, 0.24), 0px 9px 28px 0px rgba(0, 0, 0, 0.15), 0px 12px 48px 16px rgba(0, 0, 0, 0.09);
1451
+ }
1452
+ .kt-tooltip-wrapper .kt-tooltip-content .kt-tooltip-arrow-placeholder {
1453
+ position: absolute;
1454
+ top: 100%;
1455
+ width: 0;
1456
+ height: 0;
1457
+ border-style: solid;
1458
+ border-width: 7px 7px 0 7px;
1459
+ border-color: var(--kt-tooltip-background) transparent transparent transparent;
1460
+ }
1461
+ .kt-tooltip-wrapper .kt-tooltip-content .kt-tooltip-arrow-placeholder.kt-tooltip-reverse-arrow {
1462
+ top: auto !important;
1463
+ bottom: 100% !important;
1464
+ border-width: 0px 7px 7px 7px !important;
1465
+ border-color: transparent transparent var(--kt-tooltip-background) transparent !important;
1466
+ }
1467
+
1468
+ /*!**********************************************************************************************************************************************************************************!*\
1469
+ !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/dropdown/style.less ***!
1470
+ \**********************************************************************************************************************************************************************************/
1471
+ .text-ellipsis {
1472
+ overflow: hidden;
1473
+ text-overflow: ellipsis;
1474
+ white-space: nowrap;
1475
+ }
1476
+ .kt-dropdown {
1477
+ box-sizing: border-box;
1478
+ margin: 0;
1479
+ padding: 0;
1480
+ color: rgba(0, 0, 0, 0.65);
1481
+ font-size: 14px;
1482
+ font-variant: tabular-nums;
1483
+ line-height: 1.5;
1484
+ list-style: none;
1485
+ font-feature-settings: 'tnum';
1486
+ position: absolute;
1487
+ top: -9999px;
1488
+ left: -9999px;
1489
+ z-index: 1050;
1490
+ display: block;
1491
+ }
1492
+ .kt-dropdown::before {
1493
+ position: absolute;
1494
+ top: -7px;
1495
+ right: 0;
1496
+ bottom: -7px;
1497
+ left: -7px;
1498
+ z-index: -9999;
1499
+ opacity: 0.0001;
1500
+ content: ' ';
1501
+ }
1502
+ .kt-dropdown-wrap {
1503
+ position: relative;
1504
+ }
1505
+ .kt-dropdown-wrap .kt-btn > .anticon-down {
1506
+ display: inline-block;
1507
+ font-size: 12px;
1508
+ font-size: 10px \9;
1509
+ transform: scale(0.83333333) rotate(0deg);
1510
+ }
1511
+ :root .kt-dropdown-wrap .kt-btn > .anticon-down {
1512
+ font-size: 12px;
1513
+ }
1514
+ .kt-dropdown-wrap .anticon-down::before {
1515
+ transition: transform 0.2s;
1516
+ }
1517
+ .kt-dropdown-wrap-open .anticon-down::before {
1518
+ transform: rotate(180deg);
1519
+ }
1520
+ .kt-dropdown-hidden,
1521
+ .kt-dropdown-menu-hidden {
1522
+ display: none;
1523
+ }
1524
+ .kt-dropdown-menu {
1525
+ position: relative;
1526
+ margin: 0;
1527
+ padding: 4px 0;
1528
+ text-align: left;
1529
+ list-style-type: none;
1530
+ background-color: #fff;
1531
+ background-clip: padding-box;
1532
+ border-radius: 4px;
1533
+ outline: none;
1534
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
1535
+ -webkit-transform: translate3d(0, 0, 0);
1536
+ }
1537
+ .kt-dropdown-menu-item-group-title {
1538
+ padding: 5px 12px;
1539
+ color: rgba(0, 0, 0, 0.45);
1540
+ transition: all 0.3s;
1541
+ }
1542
+ .kt-dropdown-menu-submenu-popup {
1543
+ position: absolute;
1544
+ z-index: 1050;
1545
+ }
1546
+ .kt-dropdown-menu-submenu-popup > .kt-dropdown-menu {
1547
+ transform-origin: 0 0;
1548
+ }
1549
+ .kt-dropdown-menu-submenu-popup ul,
1550
+ .kt-dropdown-menu-submenu-popup li {
1551
+ list-style: none;
1552
+ }
1553
+ .kt-dropdown-menu-submenu-popup ul {
1554
+ margin-right: 0.3em;
1555
+ margin-left: 0.3em;
1556
+ padding: 0;
1557
+ }
1558
+ .kt-dropdown-menu-item,
1559
+ .kt-dropdown-menu-submenu-title {
1560
+ clear: both;
1561
+ margin: 0;
1562
+ padding: 5px 12px;
1563
+ color: rgba(0, 0, 0, 0.65);
1564
+ font-weight: normal;
1565
+ font-size: 14px;
1566
+ line-height: 22px;
1567
+ white-space: nowrap;
1568
+ cursor: pointer;
1569
+ transition: all 0.3s;
1570
+ }
1571
+ .kt-dropdown-menu-item > .anticon:first-child,
1572
+ .kt-dropdown-menu-submenu-title > .anticon:first-child,
1573
+ .kt-dropdown-menu-item > span > .anticon:first-child,
1574
+ .kt-dropdown-menu-submenu-title > span > .anticon:first-child {
1575
+ min-width: 12px;
1576
+ margin-right: 8px;
1577
+ font-size: 12px;
1578
+ }
1579
+ .kt-dropdown-menu-item > a,
1580
+ .kt-dropdown-menu-submenu-title > a {
1581
+ display: block;
1582
+ margin: -5px -12px;
1583
+ padding: 5px 12px;
1584
+ color: rgba(0, 0, 0, 0.65);
1585
+ transition: all 0.3s;
1586
+ }
1587
+ .kt-dropdown-menu-item-selected,
1588
+ .kt-dropdown-menu-submenu-title-selected,
1589
+ .kt-dropdown-menu-item-selected > a,
1590
+ .kt-dropdown-menu-submenu-title-selected > a {
1591
+ color: #1890ff;
1592
+ background-color: #e6f7ff;
1593
+ }
1594
+ .kt-dropdown-menu-item:hover,
1595
+ .kt-dropdown-menu-submenu-title:hover {
1596
+ background-color: #e6f7ff;
1597
+ }
1598
+ .kt-dropdown-menu-item-disabled,
1599
+ .kt-dropdown-menu-submenu-title-disabled {
1600
+ color: rgba(0, 0, 0, 0.25);
1601
+ cursor: not-allowed;
1602
+ }
1603
+ .kt-dropdown-menu-item-disabled:hover,
1604
+ .kt-dropdown-menu-submenu-title-disabled:hover {
1605
+ color: rgba(0, 0, 0, 0.25);
1606
+ background-color: #fff;
1607
+ cursor: not-allowed;
1608
+ }
1609
+ .kt-dropdown-menu-item-divider,
1610
+ .kt-dropdown-menu-submenu-title-divider {
1611
+ height: 1px;
1612
+ margin: 4px 0;
1613
+ overflow: hidden;
1614
+ line-height: 0;
1615
+ background-color: #e8e8e8;
1616
+ }
1617
+ .kt-dropdown-menu-item .kt-dropdown-menu-submenu-arrow,
1618
+ .kt-dropdown-menu-submenu-title .kt-dropdown-menu-submenu-arrow {
1619
+ position: absolute;
1620
+ right: 8px;
1621
+ }
1622
+ .kt-dropdown-menu-item .kt-dropdown-menu-submenu-arrow-icon,
1623
+ .kt-dropdown-menu-submenu-title .kt-dropdown-menu-submenu-arrow-icon {
1624
+ color: rgba(0, 0, 0, 0.45);
1625
+ font-style: normal;
1626
+ display: inline-block;
1627
+ font-size: 12px;
1628
+ font-size: 10px \9;
1629
+ transform: scale(0.83333333) rotate(0deg);
1630
+ }
1631
+ :root .kt-dropdown-menu-item .kt-dropdown-menu-submenu-arrow-icon,
1632
+ :root .kt-dropdown-menu-submenu-title .kt-dropdown-menu-submenu-arrow-icon {
1633
+ font-size: 12px;
1634
+ }
1635
+ .kt-dropdown-menu-item-group-list {
1636
+ margin: 0 8px;
1637
+ padding: 0;
1638
+ list-style: none;
1639
+ }
1640
+ .kt-dropdown-menu-submenu-title {
1641
+ padding-right: 26px;
1642
+ }
1643
+ .kt-dropdown-menu-submenu-vertical {
1644
+ position: relative;
1645
+ }
1646
+ .kt-dropdown-menu-submenu-vertical > .kt-dropdown-menu {
1647
+ position: absolute;
1648
+ top: 0;
1649
+ left: 100%;
1650
+ min-width: 100%;
1651
+ margin-left: 4px;
1652
+ transform-origin: 0 0;
1653
+ }
1654
+ .kt-dropdown-menu-submenu.kt-dropdown-menu-submenu-disabled .kt-dropdown-menu-submenu-title,
1655
+ .kt-dropdown-menu-submenu.kt-dropdown-menu-submenu-disabled .kt-dropdown-menu-submenu-title .kt-dropdown-menu-submenu-arrow-icon {
1656
+ color: rgba(0, 0, 0, 0.25);
1657
+ background-color: #fff;
1658
+ cursor: not-allowed;
1659
+ }
1660
+ .kt-dropdown-menu-submenu-selected .kt-dropdown-menu-submenu-title {
1661
+ color: #1890ff;
1662
+ }
1663
+ .kt-dropdown.slide-down-enter.slide-down-enter-active.kt-dropdown-placement-bottomLeft,
1664
+ .kt-dropdown.slide-down-appear.slide-down-appear-active.kt-dropdown-placement-bottomLeft,
1665
+ .kt-dropdown.slide-down-enter.slide-down-enter-active.kt-dropdown-placement-bottomCenter,
1666
+ .kt-dropdown.slide-down-appear.slide-down-appear-active.kt-dropdown-placement-bottomCenter,
1667
+ .kt-dropdown.slide-down-enter.slide-down-enter-active.kt-dropdown-placement-bottomRight,
1668
+ .kt-dropdown.slide-down-appear.slide-down-appear-active.kt-dropdown-placement-bottomRight {
1669
+ animation-name: antSlideUpIn;
1670
+ }
1671
+ .kt-dropdown.slide-up-enter.slide-up-enter-active.kt-dropdown-placement-topLeft,
1672
+ .kt-dropdown.slide-up-appear.slide-up-appear-active.kt-dropdown-placement-topLeft,
1673
+ .kt-dropdown.slide-up-enter.slide-up-enter-active.kt-dropdown-placement-topCenter,
1674
+ .kt-dropdown.slide-up-appear.slide-up-appear-active.kt-dropdown-placement-topCenter,
1675
+ .kt-dropdown.slide-up-enter.slide-up-enter-active.kt-dropdown-placement-topRight,
1676
+ .kt-dropdown.slide-up-appear.slide-up-appear-active.kt-dropdown-placement-topRight {
1677
+ animation-name: antSlideDownIn;
1678
+ }
1679
+ .kt-dropdown.slide-down-leave.slide-down-leave-active.kt-dropdown-placement-bottomLeft,
1680
+ .kt-dropdown.slide-down-leave.slide-down-leave-active.kt-dropdown-placement-bottomCenter,
1681
+ .kt-dropdown.slide-down-leave.slide-down-leave-active.kt-dropdown-placement-bottomRight {
1682
+ animation-name: antSlideUpOut;
1683
+ }
1684
+ .kt-dropdown.slide-up-leave.slide-up-leave-active.kt-dropdown-placement-topLeft,
1685
+ .kt-dropdown.slide-up-leave.slide-up-leave-active.kt-dropdown-placement-topCenter,
1686
+ .kt-dropdown.slide-up-leave.slide-up-leave-active.kt-dropdown-placement-topRight {
1687
+ animation-name: antSlideDownOut;
1688
+ }
1689
+ .kt-dropdown-trigger > .anticon.anticon-down,
1690
+ .kt-dropdown-link > .anticon.anticon-down {
1691
+ display: inline-block;
1692
+ font-size: 12px;
1693
+ font-size: 10px \9;
1694
+ transform: scale(0.83333333) rotate(0deg);
1695
+ }
1696
+ :root .kt-dropdown-trigger > .anticon.anticon-down,
1697
+ :root .kt-dropdown-link > .anticon.anticon-down {
1698
+ font-size: 12px;
1699
+ }
1700
+ .kt-dropdown-button {
1701
+ white-space: nowrap;
1702
+ }
1703
+ .kt-dropdown-button.kt-btn-group > .kt-btn:last-child:not(:first-child) {
1704
+ padding-right: 8px;
1705
+ padding-left: 8px;
1706
+ }
1707
+ .kt-dropdown-button .anticon.anticon-down {
1708
+ display: inline-block;
1709
+ font-size: 12px;
1710
+ font-size: 10px \9;
1711
+ transform: scale(0.83333333) rotate(0deg);
1712
+ }
1713
+ :root .kt-dropdown-button .anticon.anticon-down {
1714
+ font-size: 12px;
1715
+ }
1716
+ .kt-dropdown-button {
1717
+ box-sizing: border-box;
1718
+ margin: 0;
1719
+ padding: 0;
1720
+ color: rgba(0, 0, 0, 0.65);
1721
+ font-size: 14px;
1722
+ font-variant: tabular-nums;
1723
+ line-height: 1.5;
1724
+ list-style: none;
1725
+ font-feature-settings: 'tnum';
1726
+ display: flex;
1727
+ border-radius: 2px;
1728
+ overflow: hidden;
1729
+ }
1730
+ .kt-dropdown-button .kt-button {
1731
+ border-radius: 0;
1732
+ }
1733
+ .kt-dropdown-button .kt-button:first-child {
1734
+ border-right: 1px solid var(--kt-hintBackground);
1735
+ }
1736
+ .kt-dropdown-button .kt-button:last-child {
1737
+ padding: 0 6px;
1738
+ }
1739
+
1740
+ /*!*******************************************************************************************************************************************************************************!*\
1741
+ !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/icon/styles.less ***!
1742
+ \*******************************************************************************************************************************************************************************/
1743
+ .kt-icon {
1744
+ display: inline-block;
1745
+ background-repeat: no-repeat;
1746
+ cursor: pointer;
1747
+ color: var(--kt-icon-foreground);
1748
+ line-height: 1;
1749
+ }
1750
+ .kt-icon.mask-mode {
1751
+ background-color: var(--foreground);
1752
+ }
1753
+ .kt-icon-loading {
1754
+ animation: kt-icon-spin 1s infinite linear;
1755
+ }
1756
+ .kt-icon-small {
1757
+ font-size: 14px;
1758
+ }
1759
+ .kt-icon-large {
1760
+ font-size: 16px;
1761
+ }
1762
+ .kt-icon-clickable:hover {
1763
+ color: var(--kt-icon-hoverForeground);
1764
+ }
1765
+ .kt-icon-clickable:active {
1766
+ color: var(--kt-icon-clickForeground);
1767
+ }
1768
+ .kt-icon-disabled {
1769
+ color: var(--kt-icon-disableForeground);
1770
+ pointer-events: none;
1771
+ cursor: not-allowed;
1772
+ }
1773
+ @keyframes kt-icon-spin {
1774
+ 100% {
1775
+ transform: rotate(360deg);
1776
+ }
1777
+ }
1778
+ .iconfont-anim-spin {
1779
+ animation: fa-spin 2s infinite linear;
1780
+ }
1781
+ .iconfont-anim-pulse {
1782
+ animation: fa-spin 1s infinite steps(8);
1783
+ }
1784
+ @keyframes fa-spin {
1785
+ 0% {
1786
+ transform: rotate(0deg);
1787
+ }
1788
+ 100% {
1789
+ transform: rotate(360deg);
1790
+ }
1791
+ }
1792
+ .iconfont-rotate-90 {
1793
+ -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=#{@rotation})';
1794
+ transform: rotate(90deg);
1795
+ }
1796
+ .iconfont-rotate-180 {
1797
+ -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=#{@rotation})';
1798
+ transform: rotate(180deg);
1799
+ }
1800
+ .iconfont-rotate-270 {
1801
+ -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=#{@rotation})';
1802
+ transform: rotate(270deg);
1803
+ }
1804
+ .iconfont-flip-horizontal {
1805
+ -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=#{@rotation}, mirror=1)';
1806
+ transform: scale(-1, 1);
1807
+ }
1808
+ .iconfont-flip-vertical {
1809
+ -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=#{@rotation}, mirror=1)';
1810
+ transform: scale(1, -1);
1811
+ }
1812
+ .iconfont-flip-both,
1813
+ .iconfont-flip-horizontal.iconfont-flip-vertical {
1814
+ -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=#{@rotation}, mirror=1)';
1815
+ transform: scale(-1, -1);
1816
+ }
1817
+ :root .iconfont-rotate-90,
1818
+ :root .iconfont-rotate-180,
1819
+ :root .iconfont-rotate-270,
1820
+ :root .iconfont-flip-horizontal,
1821
+ :root .iconfont-flip-vertical,
1822
+ :root .iconfont-flip-both {
1823
+ filter: none;
1824
+ }
1825
+
1826
+ /*!********************************************************************************************************************************************************************************!*\
1827
+ !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/button/style.less ***!
1828
+ \********************************************************************************************************************************************************************************/
1829
+ .kt-clickable-icon:hover {
1830
+ transform: scale(1.1);
1831
+ }
1832
+ .kt-clickable-icon:active {
1833
+ transform: scale(1.1);
1834
+ }
1835
+ .kt-icon-resource::before {
1836
+ display: inherit;
1837
+ background-size: 16px;
1838
+ background-position: center;
1839
+ background-repeat: no-repeat;
1840
+ width: 22px;
1841
+ height: 22px;
1842
+ -webkit-font-smoothing: antialiased;
1843
+ flex-shrink: 0;
1844
+ }
1845
+ .kt-button {
1846
+ border: none;
1847
+ outline: none;
1848
+ cursor: pointer;
1849
+ display: inline-flex;
1850
+ justify-content: center;
1851
+ align-items: center;
1852
+ font-size: 12px;
1853
+ padding: 0px 12px;
1854
+ height: 28px;
1855
+ line-height: 1;
1856
+ box-sizing: border-box;
1857
+ border-radius: 2px;
1858
+ color: var(--button-foreground);
1859
+ background-color: var(--button-background);
1860
+ white-space: pre-wrap;
1861
+ }
1862
+ .kt-button.block-button {
1863
+ width: 100%;
1864
+ }
1865
+ .kt-button > .kt-button-secondary-more {
1866
+ color: inherit;
1867
+ margin-left: 5px;
1868
+ }
1869
+ @keyframes loadingCircle {
1870
+ 100% {
1871
+ transform: rotate(360deg);
1872
+ }
1873
+ }
1874
+ .kt-button-anticon-spin {
1875
+ animation: loadingCircle 1s infinite linear;
1876
+ margin-right: 5px;
1877
+ }
1878
+ .default-button {
1879
+ color: var(--kt-defaultButton-foreground);
1880
+ background-color: var(--kt-defaultButton-background);
1881
+ }
1882
+ .default-button:hover {
1883
+ background-color: var(--kt-defaultButton-hoverBackground);
1884
+ }
1885
+ .default-button:active {
1886
+ background-color: var(--kt-defaultButton-clickBackground);
1887
+ }
1888
+ .primary-button {
1889
+ color: var(--kt-primaryButton-foreground);
1890
+ background-color: var(--kt-primaryButton-background);
1891
+ border: 1px solid var(--kt-primaryButton-border);
1892
+ }
1893
+ .primary-button:hover {
1894
+ background-color: var(--kt-primaryButton-hoverBackground);
1895
+ }
1896
+ .primary-button:active {
1897
+ background-color: var(--kt-primaryButton-clickBackground);
1898
+ }
1899
+ .secondary-button {
1900
+ color: var(--kt-secondaryButton-foreground);
1901
+ background-color: var(--kt-secondaryButton-background);
1902
+ border-style: solid;
1903
+ border-width: 1px;
1904
+ border-color: var(--kt-secondaryButton-border);
1905
+ }
1906
+ .secondary-button:hover {
1907
+ color: var(--kt-secondaryButton-hoverForeground);
1908
+ background-color: var(--kt-secondaryButton-hoverBackground);
1909
+ border-color: var(--kt-secondaryButton-hoverBorder);
1910
+ }
1911
+ .secondary-button:active {
1912
+ color: var(--kt-secondaryButton-clickForeground);
1913
+ background-color: var(--kt-secondaryButton-clickBackground);
1914
+ border-color: var(--kt-secondaryButton-clickBorder);
1915
+ }
1916
+ .ghost-button {
1917
+ border-style: solid;
1918
+ border-width: 1px;
1919
+ }
1920
+ .ghost-button:disabled {
1921
+ border-color: transparent;
1922
+ border: none;
1923
+ cursor: default;
1924
+ }
1925
+ .ghost-secondary-button {
1926
+ color: var(--kt-whiteGhostButton-foreground);
1927
+ background-color: var(--kt-whiteGhostButton-background);
1928
+ border-color: transparent;
1929
+ }
1930
+ .ghost-secondary-button:hover {
1931
+ color: var(--kt-whiteGhostButton-foreground);
1932
+ background-color: transparent;
1933
+ border-color: var(--kt-whiteGhostButton-border);
1934
+ }
1935
+ .ghost-secondary-button:active {
1936
+ color: var(--kt-whiteGhostButton-clickForeground);
1937
+ background-color: transparent;
1938
+ border-color: var(--kt-whiteGhostButton-clickBorder);
1939
+ }
1940
+ .ghost-secondary-button:disabled {
1941
+ color: var(--kt-whiteGhostButton-disableForeground);
1942
+ border-color: transparent;
1943
+ cursor: default;
1944
+ }
1945
+ .link-button {
1946
+ color: var(--kt-linkButton-foreground);
1947
+ background-color: transparent;
1948
+ }
1949
+ .link-button:hover {
1950
+ color: var(--kt-linkButton-hoverForeground);
1951
+ background-color: transparent;
1952
+ border-color: transparent;
1953
+ }
1954
+ .link-button:active {
1955
+ color: var(--kt-linkButton-clickForeground);
1956
+ border-color: transparent;
1957
+ background-color: transparent;
1958
+ }
1959
+ .link-button:disabled {
1960
+ color: var(--kt-linkButton-disableForeground);
1961
+ border-color: transparent !important;
1962
+ background-color: transparent !important;
1963
+ cursor: default;
1964
+ }
1965
+ .ghost-primary-button:disabled {
1966
+ border-color: transparent;
1967
+ background-color: transparent;
1968
+ }
1969
+ .ghost-button:disabled,
1970
+ .danger-button:disabled,
1971
+ .secondary-button:disabled,
1972
+ .primary-button:disabled,
1973
+ .ghost-danger-button:disabled,
1974
+ .default-button:disabled,
1975
+ .kt-danger-button-loading,
1976
+ .kt-primary-button-loading,
1977
+ .kt-secondary-button-loading {
1978
+ color: var(--kt-button-disableForeground) !important;
1979
+ background-color: var(--kt-button-disableBackground) !important;
1980
+ box-shadow: var(--kt-button-disableBorder) 0px 0px 0px 1px inset;
1981
+ cursor: not-allowed;
1982
+ }
1983
+ .ghost-button:disabled > .kt-button-secondary-more,
1984
+ .danger-button:disabled > .kt-button-secondary-more,
1985
+ .secondary-button:disabled > .kt-button-secondary-more,
1986
+ .primary-button:disabled > .kt-button-secondary-more,
1987
+ .ghost-danger-button:disabled > .kt-button-secondary-more,
1988
+ .default-button:disabled > .kt-button-secondary-more,
1989
+ .kt-danger-button-loading > .kt-button-secondary-more,
1990
+ .kt-primary-button-loading > .kt-button-secondary-more,
1991
+ .kt-secondary-button-loading > .kt-button-secondary-more {
1992
+ color: var(--kt-button-disableForeground);
1993
+ }
1994
+ .secondary-button:disabled {
1995
+ border: none;
1996
+ }
1997
+ .link-button:disabled {
1998
+ cursor: not-allowed;
1999
+ }
2000
+ .ghost-primary-button {
2001
+ color: var(--kt-primaryGhostButton-foreground);
2002
+ background-color: var(--kt-primaryGhostButton-background);
2003
+ border-color: transparent;
2004
+ }
2005
+ .ghost-primary-button:hover {
2006
+ border-color: var(--kt-primaryGhostButton-border);
2007
+ background-color: transparent;
2008
+ }
2009
+ .ghost-primary-button:active {
2010
+ color: var(--kt-primaryGhostButton-clickForeground);
2011
+ background-color: var(--kt-primaryGhostButton-clickBackground);
2012
+ border-color: var(--kt-primaryGhostButton-clickBorder);
2013
+ }
2014
+ .danger-button {
2015
+ color: var(--kt-dangerButton-foreground);
2016
+ background-color: var(--kt-dangerButton-background);
2017
+ }
2018
+ .danger-button:hover {
2019
+ background-color: var(--kt-dangerButton-hoverBackground);
2020
+ }
2021
+ .danger-button:active {
2022
+ background-color: var(--kt-dangerButton-clickBackground);
2023
+ }
2024
+ .ghost-danger-button {
2025
+ color: var(--kt-dangerGhostButton-foreground);
2026
+ background-color: var(--kt-dangerGhostButton-background);
2027
+ border-color: var(--kt-dangerGhostButton-border);
2028
+ }
2029
+ .ghost-danger-button:hover {
2030
+ background-color: transparent;
2031
+ border-color: var(--kt-dangerGhostButton-hoverBorder);
2032
+ }
2033
+ .ghost-danger-button:active {
2034
+ background-color: var(--kt-dangerGhostButton-clickBackground);
2035
+ border-color: var(--kt-dangerGhostButton-clickBorder);
2036
+ }
2037
+ .large-button-size {
2038
+ padding: 0px 16px;
2039
+ height: 32px;
2040
+ line-height: 32px;
2041
+ font-size: 14px;
2042
+ }
2043
+ .default-button-size {
2044
+ padding: 0px 12px;
2045
+ height: 28px;
2046
+ line-height: 28px;
2047
+ font-size: 12px;
2048
+ }
2049
+ .small-button-size {
2050
+ padding: 0px 8px;
2051
+ height: 22px;
2052
+ line-height: 22px;
2053
+ font-size: 12px;
2054
+ }
2055
+
2056
+ /*!********************************************************************************************************************************************************************************!*\
2057
+ !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/badge/styles.less ***!
2058
+ \********************************************************************************************************************************************************************************/
2059
+ .kt-badge {
2060
+ background-color: var(--badge-background);
2061
+ color: var(--badge-foreground);
2062
+ border: 1px solid var(--kt-badge-border);
2063
+ height: 18px;
2064
+ line-height: 16px;
2065
+ border-radius: 18px;
2066
+ font-size: 12px;
2067
+ font-weight: 400;
2068
+ text-align: center;
2069
+ display: inline-flex;
2070
+ align-items: center;
2071
+ justify-content: center;
2072
+ box-sizing: border-box;
2073
+ padding: 0 5px;
2074
+ min-width: 18px;
2075
+ }
2076
+
2077
+ /*!*******************************************************************************************************************************************************************************!*\
2078
+ !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/input/input.less ***!
2079
+ \*******************************************************************************************************************************************************************************/
2080
+ .kt-input {
2081
+ width: 100%;
2082
+ display: flex;
2083
+ align-items: center;
2084
+ border-style: solid;
2085
+ border-width: 1px;
2086
+ box-sizing: border-box;
2087
+ border-color: var(--kt-input-border);
2088
+ border-radius: 2px;
2089
+ background-color: var(--input-background);
2090
+ height: 28px;
2091
+ padding: 0px 8px;
2092
+ font-size: 12px;
2093
+ }
2094
+ .kt-input:focus-within {
2095
+ border-color: var(--focusBorder);
2096
+ }
2097
+ .kt-input:hover {
2098
+ border-color: var(--focusBorder);
2099
+ }
2100
+ .kt-input-disabled {
2101
+ color: var(--kt-input-disableForeground);
2102
+ background-color: var(--kt-input-disableBackground);
2103
+ }
2104
+ .kt-input-disabled input,
2105
+ .kt-input-disabled textarea {
2106
+ cursor: not-allowed;
2107
+ }
2108
+ .kt-input-box {
2109
+ flex: 1;
2110
+ height: 100%;
2111
+ position: relative;
2112
+ display: flex;
2113
+ align-items: center;
2114
+ }
2115
+ .kt-input-box input,
2116
+ .kt-input-box textarea {
2117
+ width: 100%;
2118
+ height: 100%;
2119
+ color: var(--input-foreground);
2120
+ background-color: transparent;
2121
+ outline: none;
2122
+ border-width: 0;
2123
+ display: inline-block;
2124
+ }
2125
+ .kt-input-box input::placeholder,
2126
+ .kt-input-box textarea::placeholder {
2127
+ color: var(--input-placeholderForeground);
2128
+ }
2129
+ .kt-input-box input::selection,
2130
+ .kt-input-box textarea::selection {
2131
+ background-color: var(--kt-input-selectionBackground);
2132
+ }
2133
+ .kt-input-clear {
2134
+ position: absolute;
2135
+ right: 4px;
2136
+ top: 50%;
2137
+ transform: translateY(-50%);
2138
+ }
2139
+ .kt-input-addon {
2140
+ display: flex;
2141
+ align-items: center;
2142
+ height: 100%;
2143
+ }
2144
+ .kt-input-addon-before {
2145
+ margin-right: 4px;
2146
+ }
2147
+ .kt-input-addon-after {
2148
+ margin-left: 4px;
2149
+ }
2150
+ .kt-input-large {
2151
+ height: 32px;
2152
+ font-size: 14px;
2153
+ }
2154
+ .kt-input-small {
2155
+ height: 22px;
2156
+ font-size: 12px;
2157
+ }
2158
+
2159
+ /*!****************************************************************************************************************************************************************************************!*\
2160
+ !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/input/validate-input.less ***!
2161
+ \****************************************************************************************************************************************************************************************/
2162
+ .text-ellipsis {
2163
+ overflow: hidden;
2164
+ text-overflow: ellipsis;
2165
+ white-space: nowrap;
2166
+ }
2167
+ .input-box {
2168
+ width: 100%;
2169
+ height: 100%;
2170
+ box-sizing: border-box;
2171
+ position: relative;
2172
+ }
2173
+ .input-box .kt-input.validate-error {
2174
+ border: 1px solid var(--inputValidation-errorBorder);
2175
+ }
2176
+ .input-box .kt-input.validate-info {
2177
+ border: 1px solid var(--inputValidation-infoBorder);
2178
+ }
2179
+ .input-box .kt-input.validate-warning {
2180
+ border: 1px solid var(--inputValidation-warningBorder);
2181
+ }
2182
+ .input-box.popup .kt-input {
2183
+ background-color: var(--input-background);
2184
+ }
2185
+ .input-box .validate-message {
2186
+ margin-top: 4px;
2187
+ display: inline-block;
2188
+ overflow: hidden;
2189
+ text-align: left;
2190
+ box-sizing: border-box;
2191
+ padding: 8px 4px;
2192
+ font-size: 12px;
2193
+ line-height: 20px;
2194
+ min-height: 34px;
2195
+ word-wrap: break-word;
2196
+ white-space: normal;
2197
+ position: absolute;
2198
+ width: 100%;
2199
+ left: 0;
2200
+ top: 100%;
2201
+ z-index: 10;
2202
+ border-radius: 0px 0px 2px 2px;
2203
+ }
2204
+ .input-box .validate-message.popup {
2205
+ border: none;
2206
+ background-color: transparent;
2207
+ box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px;
2208
+ }
2209
+ .input-box .validate-message.popup.validate-error {
2210
+ color: var(--inputValidation-errorForeground);
2211
+ background-color: var(--inputValidation-errorBackground);
2212
+ border: 1px solid var(--inputValidation-errorBorder);
2213
+ }
2214
+ .input-box .validate-message.popup.validate-info {
2215
+ background-color: var(--inputValidation-infoBackground);
2216
+ border: 1px solid var(--inputValidation-infoBorder);
2217
+ color: var(--inputValidation-infoForeground);
2218
+ }
2219
+ .input-box .validate-message.popup.validate-warning {
2220
+ background-color: var(--inputValidation-warningBackground);
2221
+ border: 1px solid var(--inputValidation-warningBorder);
2222
+ color: var(--inputValidation-warningForeground);
2223
+ }
2224
+ .input-box .validate-message.validate-error {
2225
+ color: var(--kt-inputValidation-errorTextForeground);
2226
+ }
2227
+ .input-box .validate-message.validate-info {
2228
+ color: var(--inputValidation-infoForeground);
2229
+ }
2230
+ .input-box .validate-message.validate-warning {
2231
+ color: var(--kt-inputValidation-warningTextForeground);
2232
+ }
2233
+
2234
+ /*!**************************************************************************************************************************************************************************************!*\
2235
+ !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/input/input-number.less ***!
2236
+ \**************************************************************************************************************************************************************************************/
2237
+ .kt-input-number {
2238
+ padding-right: 0;
2239
+ }
2240
+ .kt-input-number:focus-within .kt-input-number-handler-up,
2241
+ .kt-input-number:hover .kt-input-number-handler-up,
2242
+ .kt-input-number:focus-within .kt-input-number-handler-up-disabled,
2243
+ .kt-input-number:hover .kt-input-number-handler-up-disabled {
2244
+ border-bottom-color: var(--focusBorder);
2245
+ }
2246
+ .kt-input-number:focus-within .kt-input-number-handler,
2247
+ .kt-input-number:hover .kt-input-number-handler {
2248
+ border-inline-start-color: var(--focusBorder);
2249
+ }
2250
+ .kt-input-number:focus-within .kt-input-number-handler-down,
2251
+ .kt-input-number:hover .kt-input-number-handler-down {
2252
+ box-shadow: var(--focusBorder) 1px 0px 0px 1px;
2253
+ }
2254
+ .kt-input-number .kt-input-number {
2255
+ width: 100%;
2256
+ text-align: start;
2257
+ background-color: transparent;
2258
+ border: 0;
2259
+ outline: 0;
2260
+ transition: all 0.3s linear;
2261
+ appearance: textfield;
2262
+ font-size: inherit;
2263
+ vertical-align: top;
2264
+ }
2265
+ .kt-input-number .kt-input-number-handler {
2266
+ display: flex;
2267
+ align-items: center;
2268
+ justify-content: center;
2269
+ flex: auto;
2270
+ height: 40%;
2271
+ overflow: hidden;
2272
+ color: rgba(0, 0, 0, 0.45);
2273
+ font-weight: 700;
2274
+ line-height: 0;
2275
+ text-align: center;
2276
+ cursor: pointer;
2277
+ border-inline-start: 1px solid var(--kt-input-border);
2278
+ }
2279
+ .kt-input-number .kt-input-number-handler-active {
2280
+ background: #ddd;
2281
+ }
2282
+ .kt-input-number .kt-input-number-handler-up-inner,
2283
+ .kt-input-number .kt-input-number-handler-down-inner {
2284
+ color: var(--input-foreground);
2285
+ user-select: none;
2286
+ }
2287
+ .kt-input-number .kt-input-number-input-wrap {
2288
+ height: 100%;
2289
+ overflow: hidden;
2290
+ }
2291
+ .kt-input-number .kt-input-number-handler-wrap {
2292
+ position: absolute;
2293
+ inset-block-start: 0;
2294
+ inset-inline-end: 0;
2295
+ width: 22px;
2296
+ height: 100%;
2297
+ background: transparent;
2298
+ display: flex;
2299
+ flex-direction: column;
2300
+ align-items: stretch;
2301
+ }
2302
+ .kt-input-number .kt-input-number-handler-up {
2303
+ padding-top: 1px;
2304
+ border-bottom: 1px solid var(--kt-input-border);
2305
+ }
2306
+ .kt-input-number .kt-input-number-handler-down {
2307
+ box-shadow: var(--kt-input-border) 0px -1px 0px 0px;
2308
+ }
2309
+ .kt-input-number .kt-input-number-handler-up-inner:after {
2310
+ content: '+';
2311
+ }
2312
+ .kt-input-number .kt-input-number-handler-down-inner:after {
2313
+ content: '-';
2314
+ }
2315
+ .kt-input-number .kt-input-number-handler-down-disabled,
2316
+ .kt-input-number .kt-input-number-handler-up-disabled {
2317
+ opacity: 0.3;
2318
+ }
2319
+ .kt-input-number .kt-input-number-disabled .kt-input-number-handler {
2320
+ opacity: 0.3;
2321
+ }
2322
+ .kt-input-number .kt-input-number-disabled .kt-input-number-input {
2323
+ background-color: #f3f3f3;
2324
+ cursor: not-allowed;
2325
+ opacity: 0.72;
2326
+ }
2327
+
2328
+ /*!**********************************************************************************************************************************************************************************!*\
2329
+ !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/checkbox/style.less ***!
2330
+ \**********************************************************************************************************************************************************************************/
2331
+ .kt-checkbox {
2332
+ font-size: 12px;
2333
+ display: inline-flex;
2334
+ align-items: center;
2335
+ cursor: pointer;
2336
+ }
2337
+ .kt-checkbox-lump {
2338
+ margin-right: 6px;
2339
+ position: relative;
2340
+ display: inline-flex;
2341
+ align-items: center;
2342
+ }
2343
+ .kt-checkbox-lump input {
2344
+ position: absolute;
2345
+ left: 0;
2346
+ top: 0;
2347
+ width: 100%;
2348
+ height: 100%;
2349
+ opacity: 0;
2350
+ }
2351
+ .kt-checkbox-lump input:checked + .kt-checkbox-icon {
2352
+ border-color: var(--kt-checkbox-selectionBackground);
2353
+ background-color: var(--kt-checkbox-selectionBackground);
2354
+ color: var(--kt-checkbox-selectionForeground);
2355
+ }
2356
+ .kt-checkbox-lump input:checked + .kt-checkbox-icon svg {
2357
+ display: block;
2358
+ transition: all 0.2s;
2359
+ }
2360
+ .kt-checkbox:hover .kt-checkbox-icon {
2361
+ border-color: var(--kt-checkbox-hoverBorder);
2362
+ background-color: var(--kt-checkbox-hoverBackground);
2363
+ }
2364
+ .kt-checkbox-icon {
2365
+ width: 12px;
2366
+ height: 12px;
2367
+ background-color: var(--checkbox-background);
2368
+ border-radius: 2px;
2369
+ border: 1px solid var(--checkbox-border);
2370
+ position: relative;
2371
+ }
2372
+ .kt-checkbox-icon svg {
2373
+ display: none;
2374
+ position: absolute;
2375
+ left: 0;
2376
+ top: 0;
2377
+ width: 100%;
2378
+ height: 100%;
2379
+ }
2380
+ .kt-checkbox-large {
2381
+ font-size: 14px;
2382
+ }
2383
+ .kt-checkbox-large-icon {
2384
+ width: 14px;
2385
+ height: 14px;
2386
+ margin-right: 8px;
2387
+ }
2388
+ .kt-checkbox.kt-checkbox-disabled {
2389
+ color: var(--kt-checkbox-disableForeground);
2390
+ }
2391
+ .kt-checkbox.kt-checkbox-disabled input:checked + .kt-checkbox-icon {
2392
+ background-color: var(--kt-checkbox-disableBackground);
2393
+ color: var(--kt-checkbox-disableForeground);
2394
+ border-color: transparent;
2395
+ }
2396
+
2397
+ /*!********************************************************************************************************************************************************************************!*\
2398
+ !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/select/style.less ***!
2399
+ \********************************************************************************************************************************************************************************/
2400
+ .text-ellipsis {
2401
+ overflow: hidden;
2402
+ text-overflow: ellipsis;
2403
+ white-space: nowrap;
2404
+ }
2405
+ .kt-select-overlay {
2406
+ position: fixed;
2407
+ width: 100%;
2408
+ height: 100%;
2409
+ left: 0px;
2410
+ top: 0px;
2411
+ z-index: -1;
2412
+ }
2413
+ .kt-select-container {
2414
+ position: relative;
2415
+ user-select: none;
2416
+ min-width: 0px;
2417
+ }
2418
+ .kt-select-container .kt-select-search {
2419
+ -webkit-appearance: none;
2420
+ background: transparent;
2421
+ line-height: inherit;
2422
+ outline: none;
2423
+ border: none;
2424
+ }
2425
+ .kt-select-container .kt-select-value {
2426
+ margin: 0px;
2427
+ max-width: 100%;
2428
+ border-radius: 2px;
2429
+ color: var(--kt-select-foreground);
2430
+ background-color: var(--kt-select-background);
2431
+ display: flex;
2432
+ justify-content: center;
2433
+ align-items: center;
2434
+ padding: 0px 8px;
2435
+ flex: 1;
2436
+ border-style: solid;
2437
+ border-width: 1px;
2438
+ border-color: var(--kt-select-border);
2439
+ cursor: pointer;
2440
+ box-sizing: border-box;
2441
+ }
2442
+ .kt-select-container .kt-select-value > span {
2443
+ color: var(--kt-select-foreground);
2444
+ cursor: pointer;
2445
+ }
2446
+ .kt-select-container .kt-select-value .kt-select-option {
2447
+ text-overflow: ellipsis;
2448
+ overflow: hidden;
2449
+ white-space: nowrap;
2450
+ flex: 1;
2451
+ min-width: 0px;
2452
+ cursor: pointer;
2453
+ display: inline-block;
2454
+ width: 100%;
2455
+ }
2456
+ .kt-select-container .kt-select-value .kt-select-value-active,
2457
+ .kt-select-container .kt-select-value:hover {
2458
+ box-sizing: border-box;
2459
+ border-color: var(--kt-selectOption-activeBorder);
2460
+ }
2461
+ .kt-select-container .kt-select-value.kt-select-disabled {
2462
+ pointer-events: none;
2463
+ background-color: var(--kt-select-disableBackground);
2464
+ color: var(--kt-select-disableForeground);
2465
+ }
2466
+ .kt-select-container .kt-select-value.kt-select-warning {
2467
+ border-color: var(--kt-select-warningForeground);
2468
+ }
2469
+ .kt-select-container .kt-select-warning-text {
2470
+ background-color: var(--kt-select-warningForeground);
2471
+ padding: 4px 8px;
2472
+ color: #fff;
2473
+ }
2474
+ .kt-select-container .kt-select-value-active {
2475
+ box-sizing: border-box;
2476
+ border-color: var(--kt-selectOption-activeBorder);
2477
+ }
2478
+ .kt-select-container .kt-select-value-large,
2479
+ .kt-select-container .kt-select-value-large > span {
2480
+ height: 30px;
2481
+ font-size: 14px;
2482
+ line-height: 30px;
2483
+ }
2484
+ .kt-select-container .kt-select-value-default,
2485
+ .kt-select-container .kt-select-value-default > span {
2486
+ height: 28px;
2487
+ font-size: 12px;
2488
+ line-height: 28px;
2489
+ }
2490
+ .kt-select-container .kt-select-value-default-icon {
2491
+ margin-left: 5px;
2492
+ }
2493
+ .kt-select-container .kt-select-value-small,
2494
+ .kt-select-container .kt-select-value-small > span {
2495
+ height: 22px;
2496
+ font-size: 12px;
2497
+ line-height: 22px;
2498
+ }
2499
+ .kt-select-option-icon {
2500
+ margin-right: 5px;
2501
+ }
2502
+ .kt-select-options {
2503
+ display: none;
2504
+ position: fixed;
2505
+ margin-top: 4px;
2506
+ max-width: 100%;
2507
+ color: var(--kt-selectDropdown-foreground);
2508
+ background-color: var(--kt-selectDropdown-background);
2509
+ z-index: 20;
2510
+ border-radius: 2px;
2511
+ overflow-y: auto !important;
2512
+ box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px;
2513
+ }
2514
+ .kt-select-options .kt-select-option-default {
2515
+ display: flex;
2516
+ align-items: center;
2517
+ position: relative;
2518
+ }
2519
+ .kt-select-options .kt-select-option-default .kt-select-option-icon {
2520
+ margin-right: 5px;
2521
+ }
2522
+ .kt-select-options .kt-select-option-select span {
2523
+ display: inline-block;
2524
+ margin: 0 2px;
2525
+ width: calc(100% - 4px);
2526
+ box-sizing: border-box;
2527
+ outline: 1px solid var(--list-focusOutline);
2528
+ outline-offset: -1px;
2529
+ color: var(--kt-selectDropdown-selectionForeground);
2530
+ background-color: var(--kt-selectDropdown-selectionBackground);
2531
+ }
2532
+ .kt-select-options .kt-select-option-select span:hover {
2533
+ background-color: var(--kt-selectDropdown-selectionBackground);
2534
+ }
2535
+ .kt-select-options .kt-select-description {
2536
+ line-height: 1;
2537
+ margin-bottom: -3px;
2538
+ }
2539
+ .kt-select-options span {
2540
+ color: var(--kt-selectDropdown-foreground);
2541
+ background-color: var(--kt-selectDropdown-background);
2542
+ cursor: pointer;
2543
+ height: 26px;
2544
+ padding: 0px 16px;
2545
+ text-overflow: ellipsis;
2546
+ overflow: hidden;
2547
+ white-space: nowrap;
2548
+ line-height: 26px;
2549
+ display: inline-block;
2550
+ margin: 0 2px;
2551
+ width: calc(100% - 4px);
2552
+ box-sizing: border-box;
2553
+ }
2554
+ .kt-select-options span:hover {
2555
+ box-sizing: border-box;
2556
+ outline: 1px solid var(--list-focusOutline);
2557
+ outline-offset: -1px;
2558
+ background-color: var(--kt-selectDropdown-hoverBackground);
2559
+ }
2560
+ .kt-select-options .kt-option-divider {
2561
+ height: 1px;
2562
+ background-color: var(--kt-select-border);
2563
+ width: 100%;
2564
+ margin: 0 auto;
2565
+ }
2566
+ .kt-select-options .kt-option-description {
2567
+ min-height: 26px;
2568
+ max-height: 52px;
2569
+ font-size: 12px;
2570
+ line-height: 26px;
2571
+ padding: 0 16px;
2572
+ overflow: hidden;
2573
+ text-overflow: ellipsis;
2574
+ display: -webkit-box;
2575
+ -webkit-line-clamp: 2;
2576
+ -webkit-box-orient: vertical;
2577
+ }
2578
+ .kt-select-options .kt-option-disabled {
2579
+ pointer-events: none;
2580
+ background-color: var(--kt-select-disableBackground);
2581
+ color: var(--kt-select-disableForeground);
2582
+ }
2583
+ .kt-select-options.kt-select-options-visible {
2584
+ display: block;
2585
+ }
2586
+ .kt-select-options.kt-select-options-large {
2587
+ padding: 4px 0px;
2588
+ }
2589
+ .kt-select-options.kt-select-options-large > span,
2590
+ .kt-select-options.kt-select-options-large > div > span {
2591
+ height: 30px;
2592
+ font-size: 14px;
2593
+ line-height: 30px;
2594
+ }
2595
+ .kt-select-options.kt-select-options-large .kt-select-group-header {
2596
+ font-size: 14px;
2597
+ line-height: 30px;
2598
+ }
2599
+ .kt-select-options.kt-select-options-default {
2600
+ padding: 3px 0px;
2601
+ }
2602
+ .kt-select-options.kt-select-options-default > span,
2603
+ .kt-select-options.kt-select-options-default > div > span {
2604
+ height: 26px;
2605
+ font-size: 12px;
2606
+ line-height: 26px;
2607
+ }
2608
+ .kt-select-options.kt-select-options-default .kt-select-group-header {
2609
+ font-size: 12px;
2610
+ line-height: 26px;
2611
+ }
2612
+ .kt-select-options.kt-select-options-small {
2613
+ padding: 3px 0px;
2614
+ }
2615
+ .kt-select-options.kt-select-options-small > span,
2616
+ .kt-select-options.kt-select-options-small > div > span {
2617
+ height: 26px;
2618
+ font-size: 12px;
2619
+ line-height: 26px;
2620
+ }
2621
+ .kt-select-options.kt-select-options-small .kt-select-group-header {
2622
+ font-size: 12px;
2623
+ line-height: 26px;
2624
+ }
2625
+ .kt-select-options .kt-option-with-check {
2626
+ padding-left: 20px;
2627
+ }
2628
+ .kt-select-options .kt-select-group-header {
2629
+ padding-left: 5px;
2630
+ color: var(--kt-selectDropdown-teamForeground);
2631
+ display: flex;
2632
+ }
2633
+ .kt-select-options .kt-option-check {
2634
+ position: absolute;
2635
+ left: 0;
2636
+ height: 100%;
2637
+ display: flex;
2638
+ align-items: center;
2639
+ }
2640
+ .kt-select-options .kt-option-check .kt-icon {
2641
+ width: 20px;
2642
+ padding: 0 4px;
2643
+ background-color: transparent;
2644
+ }
2645
+
2646
+ /*!******************************************************************************************************************************************************************************!*\
2647
+ !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/tabs/style.less ***!
2648
+ \******************************************************************************************************************************************************************************/
2649
+ .kt-tabs {
2650
+ display: flex;
2651
+ align-items: center;
2652
+ border-bottom: 1px solid var(--kt-tab-borderDown);
2653
+ }
2654
+ .kt-tabs .kt-tab,
2655
+ .kt-tabs .kt-custom-tab {
2656
+ padding: 8px 0 8px;
2657
+ line-height: 20px;
2658
+ border-bottom: 2px solid transparent;
2659
+ color: var(--kt-tab-inactiveForeground);
2660
+ cursor: pointer;
2661
+ }
2662
+ .kt-tabs .kt-tab.kt-mini-tab,
2663
+ .kt-tabs .kt-custom-tab.kt-mini-tab {
2664
+ padding: 2px 0 2px;
2665
+ }
2666
+ .kt-tabs .kt-tab.kt-tab-selected,
2667
+ .kt-tabs .kt-custom-tab.kt-tab-selected {
2668
+ color: var(--kt-tab-activeForeground);
2669
+ border-bottom-color: var(--kt-tab-activeBorder);
2670
+ }
2671
+ .kt-tabs.kt-tabs-mini {
2672
+ border-bottom: none;
2673
+ }
2674
+ .kt-tabs .kt-tab + .kt-tab,
2675
+ .kt-tabs .kt-custom-tab + .kt-custom-tab,
2676
+ .kt-tabs .kt-tab + .kt-custom-tab,
2677
+ .kt-tabs .kt-custom-tab + .kt-tab {
2678
+ margin-left: 24px;
2679
+ }
2680
+
2681
+ /*!*******************************************************************************************************************************************************************************!*\
2682
+ !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/modal/style.less ***!
2683
+ \*******************************************************************************************************************************************************************************/
2684
+ .text-ellipsis {
2685
+ overflow: hidden;
2686
+ text-overflow: ellipsis;
2687
+ white-space: nowrap;
2688
+ }
2689
+ .kt-modal {
2690
+ box-sizing: border-box;
2691
+ margin: 0;
2692
+ padding: 0;
2693
+ color: rgba(0, 0, 0, 0.65);
2694
+ font-size: 14px;
2695
+ font-variant: tabular-nums;
2696
+ line-height: 1.5;
2697
+ list-style: none;
2698
+ font-feature-settings: 'tnum';
2699
+ position: relative;
2700
+ top: 100px;
2701
+ width: auto;
2702
+ margin: 0 auto;
2703
+ padding-bottom: 24px;
2704
+ pointer-events: none;
2705
+ }
2706
+ .kt-modal-wrap {
2707
+ position: fixed;
2708
+ top: 0;
2709
+ right: 0;
2710
+ bottom: 0;
2711
+ left: 0;
2712
+ z-index: 1000;
2713
+ overflow: auto;
2714
+ outline: 0;
2715
+ -webkit-overflow-scrolling: touch;
2716
+ }
2717
+ .kt-modal-title {
2718
+ margin: 0;
2719
+ color: rgba(0, 0, 0, 0.85);
2720
+ font-weight: 500;
2721
+ font-size: 16px;
2722
+ line-height: 22px;
2723
+ word-wrap: break-word;
2724
+ }
2725
+ .kt-modal-content {
2726
+ position: relative;
2727
+ background-color: #fff;
2728
+ background-clip: padding-box;
2729
+ border: 0;
2730
+ border-radius: 4px;
2731
+ box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
2732
+ pointer-events: auto;
2733
+ }
2734
+ .kt-modal-close {
2735
+ position: absolute;
2736
+ top: 0;
2737
+ right: 0;
2738
+ z-index: 10;
2739
+ padding: 0;
2740
+ color: rgba(0, 0, 0, 0.45);
2741
+ font-weight: 700;
2742
+ line-height: 1;
2743
+ text-decoration: none;
2744
+ background: transparent;
2745
+ border: 0;
2746
+ outline: 0;
2747
+ cursor: pointer;
2748
+ transition: color 0.3s;
2749
+ }
2750
+ .kt-modal-close-x {
2751
+ display: block;
2752
+ width: 56px;
2753
+ height: 56px;
2754
+ font-size: 16px;
2755
+ font-style: normal;
2756
+ line-height: 56px;
2757
+ text-align: center;
2758
+ text-transform: none;
2759
+ text-rendering: auto;
2760
+ }
2761
+ .kt-modal-close:focus,
2762
+ .kt-modal-close:hover {
2763
+ color: rgba(0, 0, 0, 0.75);
2764
+ text-decoration: none;
2765
+ }
2766
+ .kt-modal-header {
2767
+ padding: 16px 24px;
2768
+ color: rgba(0, 0, 0, 0.65);
2769
+ background: #fff;
2770
+ border-bottom: 1px solid #e8e8e8;
2771
+ border-radius: 4px 4px 0 0;
2772
+ }
2773
+ .kt-modal-body {
2774
+ padding: 24px;
2775
+ font-size: 14px;
2776
+ line-height: 1.5;
2777
+ word-wrap: break-word;
2778
+ }
2779
+ .kt-modal-footer {
2780
+ padding: 10px 16px;
2781
+ text-align: right;
2782
+ background: transparent;
2783
+ border-top: 1px solid #e8e8e8;
2784
+ border-radius: 0 0 4px 4px;
2785
+ }
2786
+ .kt-modal-footer button + button {
2787
+ margin-bottom: 0;
2788
+ margin-left: 8px;
2789
+ }
2790
+ .kt-modal.zoom-enter,
2791
+ .kt-modal.zoom-appear {
2792
+ transform: none;
2793
+ opacity: 0;
2794
+ animation-duration: 0.3s;
2795
+ user-select: none;
2796
+ }
2797
+ .kt-modal-mask {
2798
+ position: fixed;
2799
+ top: 0;
2800
+ right: 0;
2801
+ bottom: 0;
2802
+ left: 0;
2803
+ z-index: 1000;
2804
+ height: 100%;
2805
+ background-color: rgba(0, 0, 0, 0.45);
2806
+ filter: alpha(opacity=50);
2807
+ }
2808
+ .kt-modal-mask-hidden {
2809
+ display: none;
2810
+ }
2811
+ .kt-modal-open {
2812
+ overflow: hidden;
2813
+ }
2814
+ .kt-modal-centered {
2815
+ text-align: center;
2816
+ }
2817
+ .kt-modal-centered::before {
2818
+ display: inline-block;
2819
+ width: 0;
2820
+ height: 100%;
2821
+ vertical-align: middle;
2822
+ content: '';
2823
+ }
2824
+ .kt-modal-centered .kt-modal {
2825
+ top: 0;
2826
+ display: inline-block;
2827
+ text-align: left;
2828
+ vertical-align: middle;
2829
+ }
2830
+ @media (max-width: 767px) {
2831
+ .kt-modal {
2832
+ max-width: calc(100vw - 16px);
2833
+ margin: 8px auto;
2834
+ }
2835
+ .kt-modal-centered .kt-modal {
2836
+ flex: 1;
2837
+ }
2838
+ }
2839
+
2840
+ /*!**********************************************************************************************************************************************************************************!*\
2841
+ !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/overlay/styles.less ***!
2842
+ \**********************************************************************************************************************************************************************************/
2843
+ .kt-overlay.kt-modal {
2844
+ padding: 24px 24px;
2845
+ color: var(--kt-modal-foreground);
2846
+ }
2847
+ .kt-overlay .kt-modal-body {
2848
+ background: var(--kt-modal-background);
2849
+ border-color: var(--notifications-border);
2850
+ }
2851
+ .kt-overlay .kt-modal-header {
2852
+ background-color: var(--kt-modal-background);
2853
+ border-bottom-color: var(--kt-modal-separatorBackground);
2854
+ height: 56px;
2855
+ border-radius: 2px 2px 0 0;
2856
+ }
2857
+ .kt-overlay .kt-modal-title {
2858
+ color: var(--kt-modal-foreground);
2859
+ }
2860
+ .kt-overlay .kt-modal-footer {
2861
+ background-color: var(--kt-modal-background);
2862
+ border-top-color: var(--kt-modal-separatorBackground);
2863
+ height: 52px;
2864
+ border-radius: 0 0 2px 2px;
2865
+ }
2866
+ .kt-overlay .kt-modal-close-x {
2867
+ margin: 12px 22px 0 0;
2868
+ width: 20px;
2869
+ height: 20px;
2870
+ line-height: 20px;
2871
+ color: var(--kt-notificationsCloseIcon-foreground);
2872
+ }
2873
+
2874
+ /*!*********************************************************************************************************************************************************************************!*\
2875
+ !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/dialog/styles.less ***!
2876
+ \*********************************************************************************************************************************************************************************/
2877
+ .wrapper .kt-modal-body {
2878
+ background: var(--kt-modal-background);
2879
+ border-color: var(--notifications-border);
2880
+ }
2881
+ .wrapper .kt-modal-footer {
2882
+ align-items: center;
2883
+ justify-content: flex-end;
2884
+ display: flex;
2885
+ }
2886
+ .wrapper .kticon-info-circle {
2887
+ color: var(--kt-modalInfoIcon-foreground);
2888
+ }
2889
+ .wrapper .kt-modal-close-x {
2890
+ margin: 50% 50% 0 0;
2891
+ width: 20px;
2892
+ height: 20px;
2893
+ line-height: 20px;
2894
+ color: var(--kt-notificationsCloseIcon-foreground);
2895
+ }
2896
+ .kt-dialog-content {
2897
+ display: flex;
2898
+ }
2899
+ .kt-dialog-content .kt-dialog-content_area {
2900
+ display: flex;
2901
+ flex-direction: column;
2902
+ flex: 1;
2903
+ overflow: hidden;
2904
+ }
2905
+ .kt-dialog-content .kt-dialog-content_area .kt-dialog-content_title {
2906
+ line-height: 22px;
2907
+ font-size: 15px;
2908
+ margin: 0px 0px 8px 0px;
2909
+ }
2910
+ .kt-dialog-content .kt-dialog-icon {
2911
+ margin-right: 6px;
2912
+ border: none;
2913
+ outline: none;
2914
+ display: flex;
2915
+ flex-direction: column;
2916
+ padding: 0px;
2917
+ line-height: 30px;
2918
+ }
2919
+ .kt-dialog-content .kt-dialog-icon:before {
2920
+ font-size: 20px;
2921
+ }
2922
+ .kt-dialog-content .kt-dialog-closex {
2923
+ background-color: transparent;
2924
+ border: none;
2925
+ outline: none;
2926
+ display: flex;
2927
+ flex-direction: column;
2928
+ padding: 0px;
2929
+ cursor: pointer;
2930
+ margin-left: 6px;
2931
+ height: 30px;
2932
+ line-height: 30px;
2933
+ width: 20px;
2934
+ align-items: center;
2935
+ justify-content: center;
2936
+ }
2937
+ .kt-dialog-content .kt-dialog-closex:hover {
2938
+ transform: scale(1.1);
2939
+ }
2940
+ .footer {
2941
+ border-top: 1px solid var(--notifications-border);
2942
+ }
2943
+ .kt-dialog-buttonWrap {
2944
+ display: flex;
2945
+ flex-wrap: wrap;
2946
+ margin-top: 14px;
2947
+ justify-content: flex-end;
2948
+ }
2949
+ .kt-dialog-buttonWrap button {
2950
+ margin: 10px 0 0 8px;
2951
+ }
2952
+ .kt-dialog-message {
2953
+ color: var(--kt-modal-foreground);
2954
+ line-height: 30px;
2955
+ font-size: 14px;
2956
+ word-break: break-all;
2957
+ overflow: hidden;
2958
+ flex: 1;
2959
+ align-items: center;
2960
+ display: inline-flex;
2961
+ user-select: text;
2962
+ white-space: pre-wrap;
2963
+ }
2964
+
2965
+ /*!*********************************************************************************************************************************************************************************************!*\
2966
+ !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/notification/notification.less ***!
2967
+ \*********************************************************************************************************************************************************************************************/
2968
+ .text-ellipsis {
2969
+ overflow: hidden;
2970
+ text-overflow: ellipsis;
2971
+ white-space: nowrap;
2972
+ }
2973
+ .kt-notification {
2974
+ box-sizing: border-box;
2975
+ margin: 0;
2976
+ padding: 0;
2977
+ color: rgba(0, 0, 0, 0.65);
2978
+ font-size: 14px;
2979
+ font-variant: tabular-nums;
2980
+ line-height: 1.5;
2981
+ list-style: none;
2982
+ font-feature-settings: 'tnum';
2983
+ position: fixed;
2984
+ z-index: 1010;
2985
+ width: 384px;
2986
+ max-width: calc(100vw - 32px);
2987
+ margin-right: 24px;
2988
+ }
2989
+ .kt-notification-topLeft,
2990
+ .kt-notification-bottomLeft {
2991
+ margin-right: 0;
2992
+ margin-left: 24px;
2993
+ }
2994
+ .kt-notification-topLeft .kt-notification-fade-enter.kt-notification-fade-enter-active,
2995
+ .kt-notification-bottomLeft .kt-notification-fade-enter.kt-notification-fade-enter-active,
2996
+ .kt-notification-topLeft .kt-notification-fade-appear.kt-notification-fade-appear-active,
2997
+ .kt-notification-bottomLeft .kt-notification-fade-appear.kt-notification-fade-appear-active {
2998
+ animation-name: NotificationLeftFadeIn;
2999
+ }
3000
+ .kt-notification-close-icon {
3001
+ font-size: 14px;
3002
+ cursor: pointer;
3003
+ }
3004
+ .kt-notification-notice {
3005
+ position: relative;
3006
+ margin-bottom: 16px;
3007
+ padding: 16px 24px;
3008
+ overflow: hidden;
3009
+ line-height: 18px;
3010
+ background: #fff;
3011
+ border-radius: 4px;
3012
+ box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
3013
+ }
3014
+ .kt-notification-notice-message {
3015
+ display: inline-block;
3016
+ margin-bottom: 8px;
3017
+ color: rgba(0, 0, 0, 0.85);
3018
+ font-size: 16px;
3019
+ line-height: 24px;
3020
+ }
3021
+ .kt-notification-notice-description {
3022
+ font-size: 14px;
3023
+ }
3024
+ .kt-notification-notice-with-icon .kt-notification-notice-message {
3025
+ margin-bottom: 4px;
3026
+ margin-left: 48px;
3027
+ font-size: 16px;
3028
+ }
3029
+ .kt-notification-notice-with-icon .kt-notification-notice-description {
3030
+ margin-left: 48px;
3031
+ font-size: 14px;
3032
+ }
3033
+ .kt-notification-notice-icon {
3034
+ position: absolute;
3035
+ margin-left: 4px;
3036
+ font-size: 24px;
3037
+ line-height: 24px;
3038
+ top: 12px;
3039
+ }
3040
+ .anticon.kt-notification-notice-icon {
3041
+ height: 20px;
3042
+ }
3043
+ .anticon.kt-notification-notice-icon-success {
3044
+ color: #52c41a;
3045
+ }
3046
+ .anticon.kt-notification-notice-icon-info {
3047
+ color: var(--notificationsInfoIcon-foreground);
3048
+ }
3049
+ .anticon.kt-notification-notice-icon-warning {
3050
+ color: var(--notificationsWarningIcon-foreground);
3051
+ }
3052
+ .anticon.kt-notification-notice-icon-error {
3053
+ color: var(--notificationsErrorIcon-foreground);
3054
+ }
3055
+ .kt-notification-notice-close {
3056
+ position: absolute;
3057
+ top: 16px;
3058
+ right: 22px;
3059
+ height: 20px;
3060
+ color: rgba(0, 0, 0, 0.45);
3061
+ outline: none;
3062
+ }
3063
+ .kt-notification-notice-close:hover {
3064
+ color: rgba(0, 0, 0, 0.67);
3065
+ }
3066
+ .kt-notification-notice-btn {
3067
+ display: flex;
3068
+ flex-flow: wrap;
3069
+ align-items: center;
3070
+ justify-content: flex-end;
3071
+ margin-top: 16px;
3072
+ }
3073
+ .kt-notification .notification-fade-effect {
3074
+ animation-duration: 0.24s;
3075
+ animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
3076
+ animation-fill-mode: both;
3077
+ }
3078
+ .kt-notification-fade-enter,
3079
+ .kt-notification-fade-appear {
3080
+ opacity: 0;
3081
+ animation-duration: 0.24s;
3082
+ animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
3083
+ animation-fill-mode: both;
3084
+ animation-play-state: paused;
3085
+ }
3086
+ .kt-notification-fade-leave {
3087
+ animation-duration: 0.24s;
3088
+ animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
3089
+ animation-fill-mode: both;
3090
+ animation-duration: 0.2s;
3091
+ animation-play-state: paused;
3092
+ }
3093
+ .kt-notification-fade-enter.kt-notification-fade-enter-active,
3094
+ .kt-notification-fade-appear.kt-notification-fade-appear-active {
3095
+ animation-name: NotificationFadeIn;
3096
+ animation-play-state: running;
3097
+ }
3098
+ .kt-notification-fade-leave.kt-notification-fade-leave-active {
3099
+ animation-name: NotificationFadeOut;
3100
+ animation-play-state: running;
3101
+ }
3102
+ @keyframes NotificationFadeIn {
3103
+ 0% {
3104
+ left: 384px;
3105
+ opacity: 0;
3106
+ }
3107
+ 100% {
3108
+ left: 0;
3109
+ opacity: 1;
3110
+ }
3111
+ }
3112
+ @keyframes NotificationLeftFadeIn {
3113
+ 0% {
3114
+ right: 384px;
3115
+ opacity: 0;
3116
+ }
3117
+ 100% {
3118
+ right: 0;
3119
+ opacity: 1;
3120
+ }
3121
+ }
3122
+ @keyframes NotificationFadeOut {
3123
+ 0% {
3124
+ max-height: 150px;
3125
+ margin-bottom: 16px;
3126
+ padding-top: 16px 24px;
3127
+ padding-bottom: 16px 24px;
3128
+ opacity: 1;
3129
+ }
3130
+ 100% {
3131
+ max-height: 0;
3132
+ margin-bottom: 0;
3133
+ padding-top: 0;
3134
+ padding-bottom: 0;
3135
+ opacity: 0;
3136
+ }
3137
+ }
3138
+ .kt-notification-wrapper {
3139
+ background: var(--notifications-background);
3140
+ border-color: var(--notifications-border);
3141
+ padding: 12px;
3142
+ position: relative;
3143
+ }
3144
+ .kt-notification-wrapper .anticon {
3145
+ font-size: 12px;
3146
+ margin-top: 0;
3147
+ display: flex;
3148
+ align-items: center;
3149
+ justify-content: center;
3150
+ }
3151
+ .kt-notification-wrapper .kt-notification-notice-message,
3152
+ .kt-notification-wrapper .kt-notification-notice-description {
3153
+ width: calc(100% - 48px);
3154
+ color: var(--notifications-foreground);
3155
+ font-size: 12px;
3156
+ margin-left: 24px;
3157
+ margin-right: 24px;
3158
+ margin-bottom: 0;
3159
+ line-height: 20px;
3160
+ }
3161
+ .kt-notification-wrapper .kt-notification-notice-message code,
3162
+ .kt-notification-wrapper .kt-notification-notice-description code {
3163
+ display: inline-block;
3164
+ word-wrap: break-word;
3165
+ overflow: hidden;
3166
+ width: 100%;
3167
+ text-overflow: ellipsis;
3168
+ }
3169
+ .kt-notification-wrapper .kt-notification-notice-message p,
3170
+ .kt-notification-wrapper .kt-notification-notice-description p,
3171
+ .kt-notification-wrapper .kt-notification-notice-message pre,
3172
+ .kt-notification-wrapper .kt-notification-notice-description pre {
3173
+ margin-bottom: 0;
3174
+ }
3175
+ .kt-notification-wrapper .kt-notification-notice-description {
3176
+ margin-top: 4px;
3177
+ margin-bottom: 4px;
3178
+ }
3179
+ .kt-notification-wrapper .kt-notification-notice-close {
3180
+ display: flex;
3181
+ align-items: center;
3182
+ justify-content: center;
3183
+ color: var(--notifications-foreground);
3184
+ font-size: 12px;
3185
+ line-height: 20px;
3186
+ right: 18px;
3187
+ top: 12px;
3188
+ }
3189
+ .kt-notification-wrapper .kt-notification-notice-btn button {
3190
+ flex: 0 0 auto;
3191
+ margin: 0 0 5px 10px;
3192
+ word-break: keep-all;
3193
+ max-width: 100%;
3194
+ white-space: nowrap;
3195
+ overflow: hidden;
3196
+ text-overflow: ellipsis;
3197
+ padding: 0 5px;
3198
+ box-sizing: content-box;
3199
+ display: inline-block;
3200
+ }
3201
+
3202
+ /*!**********************************************************************************************************************************************************************************!*\
3203
+ !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/popover/styles.less ***!
3204
+ \**********************************************************************************************************************************************************************************/
3205
+ .text-ellipsis {
3206
+ overflow: hidden;
3207
+ text-overflow: ellipsis;
3208
+ white-space: nowrap;
3209
+ }
3210
+ .kt-popover {
3211
+ position: absolute;
3212
+ display: block;
3213
+ visibility: visible;
3214
+ font-size: 12px;
3215
+ line-height: 1.5;
3216
+ opacity: 0.9;
3217
+ }
3218
+ .kt-popover-title {
3219
+ line-height: 22px;
3220
+ font-size: 12px;
3221
+ display: flex;
3222
+ justify-content: space-between;
3223
+ margin-bottom: 0;
3224
+ margin-top: 0;
3225
+ }
3226
+ .kt-popover-title.kt-button,
3227
+ .kt-popover-title .small-button-size {
3228
+ padding: 0px;
3229
+ }
3230
+ .kt-popover-content {
3231
+ position: relative;
3232
+ color: var(--kt-popover-foreground);
3233
+ background: var(--kt-popover-background);
3234
+ border-color: var(--kt-popover-border);
3235
+ border-radius: 2px;
3236
+ box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px;
3237
+ padding: 6px 10px;
3238
+ z-index: var(--stacking-level-popover-component, 999);
3239
+ }
3240
+ .kt-popover-content img {
3241
+ max-width: 20px;
3242
+ display: inline-block;
3243
+ }
3244
+ .kt-popover-hidden {
3245
+ display: none;
3246
+ }
3247
+ .kt-popover-placement-top,
3248
+ .kt-popover-placement-topLeft,
3249
+ .kt-popover-placement-topRight {
3250
+ padding: 5px 0 5px 0;
3251
+ }
3252
+ .kt-popover-placement-right,
3253
+ .kt-popover-placement-rightTop,
3254
+ .kt-popover-placement-rightBottom {
3255
+ padding: 0 5px 0 5px;
3256
+ }
3257
+ .kt-popover-placement-bottom,
3258
+ .kt-popover-placement-bottomLeft,
3259
+ .kt-popover-placement-bottomRight {
3260
+ padding: 5px 0 5px 0;
3261
+ }
3262
+ .kt-popover-placement-left,
3263
+ .kt-popover-placement-leftTop,
3264
+ .kt-popover-placement-leftBottom {
3265
+ padding: 0 5px 0 5px;
3266
+ }
3267
+ .kt-popover-arrow {
3268
+ position: absolute;
3269
+ width: 0;
3270
+ height: 0;
3271
+ z-index: var(--stacking-level-popover-component-arrow, 1000);
3272
+ border-color: transparent;
3273
+ border-style: solid;
3274
+ }
3275
+ .kt-popover-placement-top .kt-popover-arrow,
3276
+ .kt-popover-placement-topLeft .kt-popover-arrow,
3277
+ .kt-popover-placement-topRight .kt-popover-arrow {
3278
+ margin-left: -6px;
3279
+ margin-bottom: 1px;
3280
+ border-width: 6px 6px 0;
3281
+ border-top-color: var(--kt-popover-background);
3282
+ }
3283
+ .kt-popover-placement-top .kt-popover-arrow {
3284
+ left: 50%;
3285
+ }
3286
+ .kt-popover-placement-topLeft .kt-popover-arrow {
3287
+ left: 15%;
3288
+ }
3289
+ .kt-popover-placement-topRight .kt-popover-arrow {
3290
+ right: 15%;
3291
+ }
3292
+ .kt-popover-placement-right .kt-popover-arrow,
3293
+ .kt-popover-placement-rightTop .kt-popover-arrow,
3294
+ .kt-popover-placement-rightBottom .kt-popover-arrow {
3295
+ left: 4px;
3296
+ margin-top: -5px;
3297
+ border-width: 5px 5px 5px 0;
3298
+ border-right-color: var(--kt-popover-background);
3299
+ }
3300
+ .kt-popover-placement-right .kt-popover-arrow {
3301
+ top: 50%;
3302
+ }
3303
+ .kt-popover-placement-rightTop .kt-popover-arrow {
3304
+ top: 15%;
3305
+ margin-top: 0;
3306
+ }
3307
+ .kt-popover-placement-rightBottom .kt-popover-arrow {
3308
+ bottom: 15%;
3309
+ }
3310
+ .kt-popover-placement-left .kt-popover-arrow,
3311
+ .kt-popover-placement-leftTop .kt-popover-arrow,
3312
+ .kt-popover-placement-leftBottom .kt-popover-arrow {
3313
+ right: 4px;
3314
+ margin-top: -5px;
3315
+ border-width: 5px 0 5px 5px;
3316
+ border-left-color: var(--kt-popover-background);
3317
+ }
3318
+ .kt-popover-placement-left .kt-popover-arrow {
3319
+ top: 50%;
3320
+ }
3321
+ .kt-popover-placement-leftTop .kt-popover-arrow {
3322
+ top: 15%;
3323
+ margin-top: 0;
3324
+ }
3325
+ .kt-popover-placement-leftBottom .kt-popover-arrow {
3326
+ bottom: 15%;
3327
+ }
3328
+ .kt-popover-placement-bottom .kt-popover-arrow,
3329
+ .kt-popover-placement-bottomLeft .kt-popover-arrow,
3330
+ .kt-popover-placement-bottomRight .kt-popover-arrow {
3331
+ top: 4px;
3332
+ margin-left: -5px;
3333
+ border-width: 0 5px 5px;
3334
+ border-bottom-color: var(--kt-popover-background);
3335
+ }
3336
+ .kt-popover-placement-bottom .kt-popover-arrow {
3337
+ left: 50%;
3338
+ }
3339
+ .kt-popover-placement-bottomLeft .kt-popover-arrow {
3340
+ left: 15%;
3341
+ }
3342
+ .kt-popover-placement-bottomRight .kt-popover-arrow {
3343
+ right: 15%;
3344
+ }
3345
+ .kt-popover-placement-topLeft .kt-popover-arrow {
3346
+ left: 15px;
3347
+ }
3348
+ .kt-popover.kt-popover-zoom-appear,
3349
+ .kt-popover.kt-popover-zoom-enter {
3350
+ opacity: 0;
3351
+ }
3352
+ .kt-popover.kt-popover-zoom-enter,
3353
+ .kt-popover.kt-popover-zoom-leave {
3354
+ display: block;
3355
+ }
3356
+ .kt-popover-zoom-enter,
3357
+ .kt-popover-zoom-appear {
3358
+ opacity: 0;
3359
+ animation-duration: 0.3s;
3360
+ animation-fill-mode: both;
3361
+ animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
3362
+ animation-play-state: paused;
3363
+ }
3364
+ .kt-popover-zoom-leave {
3365
+ animation-duration: 0.3s;
3366
+ animation-fill-mode: both;
3367
+ animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
3368
+ animation-play-state: paused;
3369
+ }
3370
+ .kt-popover-zoom-enter.kt-popover-zoom-enter-active,
3371
+ .kt-popover-zoom-appear.kt-popover-zoom-appear-active {
3372
+ animation-name: rcToolTipZoomIn;
3373
+ animation-play-state: running;
3374
+ }
3375
+ .kt-popover-zoom-leave.kt-popover-zoom-leave-active {
3376
+ animation-name: rcToolTipZoomOut;
3377
+ animation-play-state: running;
3378
+ }
3379
+ @keyframes rcToolTipZoomIn {
3380
+ 0% {
3381
+ opacity: 0;
3382
+ transform-origin: 50% 50%;
3383
+ transform: scale(0, 0);
3384
+ }
3385
+ 100% {
3386
+ opacity: 1;
3387
+ transform-origin: 50% 50%;
3388
+ transform: scale(1, 1);
3389
+ }
3390
+ }
3391
+ @keyframes rcToolTipZoomOut {
3392
+ 0% {
3393
+ opacity: 1;
3394
+ transform-origin: 50% 50%;
3395
+ transform: scale(1, 1);
3396
+ }
3397
+ 100% {
3398
+ opacity: 0;
3399
+ transform-origin: 50% 50%;
3400
+ transform: scale(0, 0);
3401
+ }
3402
+ }
3403
+
3404
+ /*!*********************************************************************************************************************************************************************************!*\
3405
+ !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/message/style.less ***!
3406
+ \*********************************************************************************************************************************************************************************/
3407
+ .text-ellipsis {
3408
+ overflow: hidden;
3409
+ text-overflow: ellipsis;
3410
+ white-space: nowrap;
3411
+ }
3412
+ .kt-message {
3413
+ box-sizing: border-box;
3414
+ margin: 0;
3415
+ padding: 0;
3416
+ color: rgba(0, 0, 0, 0.65);
3417
+ font-size: 14px;
3418
+ font-variant: tabular-nums;
3419
+ line-height: 1.5;
3420
+ list-style: none;
3421
+ font-feature-settings: 'tnum';
3422
+ position: fixed;
3423
+ top: 16px;
3424
+ left: 0;
3425
+ z-index: 1010;
3426
+ width: 100%;
3427
+ pointer-events: none;
3428
+ }
3429
+ .kt-message-notice {
3430
+ padding: 8px;
3431
+ text-align: center;
3432
+ }
3433
+ .kt-message-notice:first-child {
3434
+ margin-top: -8px;
3435
+ }
3436
+ .kt-message-notice-content {
3437
+ display: inline-block;
3438
+ padding: 10px 16px;
3439
+ border-radius: 4px;
3440
+ box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
3441
+ pointer-events: all;
3442
+ background: var(--notifications-background);
3443
+ color: var(--notifications-foreground);
3444
+ }
3445
+ .kt-message-custom-content {
3446
+ display: flex;
3447
+ align-items: flex-start;
3448
+ justify-content: center;
3449
+ }
3450
+ .kt-message-custom-content .anticon {
3451
+ height: 21px;
3452
+ display: flex;
3453
+ align-items: center;
3454
+ justify-content: center;
3455
+ }
3456
+ .kt-message-success .anticon {
3457
+ color: #52c41a;
3458
+ }
3459
+ .kt-message-error .anticon {
3460
+ color: var(--notificationsErrorIcon-foreground);
3461
+ }
3462
+ .kt-message-warning .anticon {
3463
+ color: var(--notificationsWarningIcon-foreground);
3464
+ }
3465
+ .kt-message-info .anticon,
3466
+ .kt-message-loading .anticon {
3467
+ color: var(--notificationsInfoIcon-foreground);
3468
+ }
3469
+ .kt-message .anticon {
3470
+ position: relative;
3471
+ top: 1px;
3472
+ margin-right: 8px;
3473
+ font-size: 16px;
3474
+ }
3475
+ .kt-message-notice.move-up-leave.move-up-leave-active {
3476
+ overflow: hidden;
3477
+ animation-name: MessageMoveOut;
3478
+ animation-duration: 0.3s;
3479
+ }
3480
+ @keyframes MessageMoveOut {
3481
+ 0% {
3482
+ max-height: 150px;
3483
+ padding: 8px;
3484
+ opacity: 1;
3485
+ }
3486
+ 100% {
3487
+ max-height: 0;
3488
+ padding: 0;
3489
+ opacity: 0;
3490
+ }
3491
+ }
3492
+
3493
+ /*!*********************************************************************************************************************************************************************************!*\
3494
+ !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/tooltip/style.less ***!
3495
+ \*********************************************************************************************************************************************************************************/
3496
+ .kt-tooltip-wrapper {
3497
+ position: relative;
3498
+ margin: 0px;
3499
+ padding: 0px;
3500
+ display: inline-block;
3501
+ }
3502
+ .kt-tooltip-wrapper .kt-tooltip-content {
3503
+ display: inline-block;
3504
+ position: fixed;
3505
+ font-size: 12px;
3506
+ font-weight: normal;
3507
+ border-radius: 2px;
3508
+ line-height: 20px;
3509
+ padding: 4px 8px;
3510
+ z-index: 2;
3511
+ white-space: nowrap;
3512
+ color: var(--kt-tooltip-foreground);
3513
+ background: var(--kt-tooltip-background);
3514
+ box-shadow: 0px 6px 16px -8px rgba(0, 0, 0, 0.24), 0px 9px 28px 0px rgba(0, 0, 0, 0.15), 0px 12px 48px 16px rgba(0, 0, 0, 0.09);
3515
+ }
3516
+ .kt-tooltip-wrapper .kt-tooltip-content .kt-tooltip-arrow-placeholder {
3517
+ position: absolute;
3518
+ top: 100%;
3519
+ width: 0;
3520
+ height: 0;
3521
+ border-style: solid;
3522
+ border-width: 7px 7px 0 7px;
3523
+ border-color: var(--kt-tooltip-background) transparent transparent transparent;
3524
+ }
3525
+ .kt-tooltip-wrapper .kt-tooltip-content .kt-tooltip-arrow-placeholder.kt-tooltip-reverse-arrow {
3526
+ top: auto !important;
3527
+ bottom: 100% !important;
3528
+ border-width: 0px 7px 7px 7px !important;
3529
+ border-color: transparent transparent var(--kt-tooltip-background) transparent !important;
3530
+ }
3531
+
3532
+ /*!*************************************************************************************************************************************************************************************!*\
3533
+ !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/scrollbars/styles.less ***!
3534
+ \*************************************************************************************************************************************************************************************/
3535
+ .design_left_slot .kt-scrollbar .scrollbar-thumb-vertical,
3536
+ .design_right_slot .kt-scrollbar .scrollbar-thumb-vertical,
3537
+ .design_left_slot .kt-scrollbar .scrollbar-thumb-horizontal,
3538
+ .design_right_slot .kt-scrollbar .scrollbar-thumb-horizontal {
3539
+ border-radius: 5px;
3540
+ }
3541
+ .kt-scrollbar .scrollbar-thumb-vertical,
3542
+ .kt-scrollbar .scrollbar-thumb-horizontal {
3543
+ opacity: 0;
3544
+ transition: opacity 0.5s ease;
3545
+ background: var(--scrollbarSlider-background);
3546
+ }
3547
+ .kt-scrollbar .scrollbar-thumb-vertical:hover,
3548
+ .kt-scrollbar .scrollbar-thumb-horizontal:hover {
3549
+ background: var(--scrollbarSlider-hoverBackground);
3550
+ }
3551
+ .kt-scrollbar .scrollbar-thumb-vertical:active,
3552
+ .kt-scrollbar .scrollbar-thumb-horizontal:active {
3553
+ background: var(--scrollbarSlider-activeBackground);
3554
+ }
3555
+ .kt-scrollbar .scrollbar-thumb-vertical {
3556
+ z-index: 9999;
3557
+ }
3558
+ .kt-scrollbar .scrollbar-thumb-horizontal {
3559
+ z-index: 9999;
3560
+ }
3561
+ .kt-scrollbar:hover .scrollbar-thumb-vertical,
3562
+ .kt-scrollbar:hover .scrollbar-thumb-horizontal {
3563
+ opacity: 1;
3564
+ }
3565
+ .kt-scrollbar .scrollbar-decoration-vertical {
3566
+ position: fixed;
3567
+ top: 0;
3568
+ left: 0;
3569
+ width: 100%;
3570
+ height: 6px;
3571
+ z-index: 999;
3572
+ box-shadow: var(--scrollbar-shadow) 0 6px 6px -6px inset;
3573
+ }
3574
+ .kt-scrollbar .scrollbar-decoration-horizontal {
3575
+ position: fixed;
3576
+ top: 0;
3577
+ left: 0;
3578
+ height: 100%;
3579
+ width: 6px;
3580
+ z-index: 999;
3581
+ box-shadow: var(--scrollbar-shadow) 6px 0 6px -6px inset;
3582
+ }
3583
+
3584
+ /*!*********************************************************************************************************************************************************************************************************!*\
3585
+ !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/recycle-tree/decorators/Filter/filter.less ***!
3586
+ \*********************************************************************************************************************************************************************************************************/
3587
+ .kt-recycle-tree-filter-wrapper {
3588
+ padding: 4px 8px;
3589
+ }
3590
+ .kt-recycle-tree-filter-input {
3591
+ width: 100%;
3592
+ }
3593
+ .kt-recycle-tree-filter-icon {
3594
+ color: var(--kt-icon-secondaryForeground);
3595
+ }
3596
+
3597
+ /*!***********************************************************************************************************************************************************************************!*\
3598
+ !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/loading/loading.less ***!
3599
+ \***********************************************************************************************************************************************************************************/
3600
+ .loading_indicator {
3601
+ width: 20px;
3602
+ height: 20px;
3603
+ background-image: url(images/loading.svg);
3604
+ background-size: cover;
3605
+ }
3606
+ .vs-dark .loading_indicator {
3607
+ background-image: url(images/loading-dark.svg);
3608
+ }
3609
+ .hc-black .loading_indicator {
3610
+ background-image: url(images/loading-hc.svg);
3611
+ }
3612
+
3613
+ /*!*********************************************************************************************************************************************************************************************!*\
3614
+ !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./src/recycle-tree/basic/styles.less ***!
3615
+ \*********************************************************************************************************************************************************************************************/
3616
+ .basic_tree .tree_node {
3617
+ display: flex;
3618
+ flex-direction: column;
3619
+ position: relative;
3620
+ cursor: pointer;
3621
+ }
3622
+ .basic_tree .tree_node:hover {
3623
+ color: var(--kt-tree-hoverForeground);
3624
+ background: var(--kt-tree-hoverBackground);
3625
+ }
3626
+ .basic_tree .tree_node:hover .tail {
3627
+ display: flex;
3628
+ }
3629
+ .basic_tree .tree_node:hover .head {
3630
+ display: flex;
3631
+ }
3632
+ .basic_tree .tree_node.mod_selected {
3633
+ color: var(--kt-tree-inactiveSelectionForeground) !important;
3634
+ background: var(--kt-tree-inactiveSelectionBackground);
3635
+ }
3636
+ .basic_tree .tree_node.mod_focused {
3637
+ outline: 1px solid var(--list-focusOutline);
3638
+ outline-offset: -1px;
3639
+ }
3640
+ .basic_tree .tree_node.mod_actived {
3641
+ outline: 1px solid var(--list-focusOutline);
3642
+ outline-offset: -1px;
3643
+ }
3644
+ .basic_tree .tree_node.mod_loading {
3645
+ opacity: 0.8 !important;
3646
+ }
3647
+ .basic_tree .icon {
3648
+ position: relative;
3649
+ color: var(--icon-foreground);
3650
+ }
3651
+ .basic_tree .icon:before {
3652
+ font-size: 16px;
3653
+ text-align: center;
3654
+ }
3655
+ .basic_tree .tail {
3656
+ text-align: center;
3657
+ margin-right: 10px;
3658
+ position: relative;
3659
+ height: 100%;
3660
+ align-items: center;
3661
+ display: none;
3662
+ }
3663
+ .basic_tree .head {
3664
+ text-align: center;
3665
+ margin-right: 10px;
3666
+ position: relative;
3667
+ height: 100%;
3668
+ align-items: center;
3669
+ display: none;
3670
+ }
3671
+ .basic_tree .content {
3672
+ position: relative;
3673
+ display: flex;
3674
+ align-items: center;
3675
+ width: 100%;
3676
+ }
3677
+ .basic_tree .content match {
3678
+ background-color: var(--editor-findMatchHighlightBackground);
3679
+ }
3680
+ .basic_tree .status {
3681
+ opacity: 0.75;
3682
+ text-align: center;
3683
+ font-size: 12px;
3684
+ padding-right: 0;
3685
+ }
3686
+ .basic_tree .segment {
3687
+ flex-grow: 0;
3688
+ white-space: nowrap;
3689
+ color: inherit;
3690
+ }
3691
+ .basic_tree .displayname {
3692
+ margin-right: 6px;
3693
+ display: inline;
3694
+ white-space: pre;
3695
+ }
3696
+ .basic_tree .display_name {
3697
+ margin-left: 4px;
3698
+ margin-right: 6px;
3699
+ display: inline;
3700
+ white-space: pre;
3701
+ }
3702
+ .basic_tree .description {
3703
+ display: inline;
3704
+ transform: scale(0.96);
3705
+ color: var(--descriptionForeground);
3706
+ }
3707
+ .basic_tree .overflow_wrap {
3708
+ flex: 1;
3709
+ flex-shrink: 0;
3710
+ overflow: hidden;
3711
+ text-overflow: ellipsis;
3712
+ white-space: nowrap;
3713
+ text-align: left;
3714
+ }
3715
+ .basic_tree .prompt_wrap {
3716
+ flex: 1;
3717
+ }
3718
+ .basic_tree .flex_wrap {
3719
+ display: flex;
3720
+ flex-direction: row;
3721
+ }
3722
+ .basic_tree .edit_wrap {
3723
+ display: flex;
3724
+ width: calc(100% - 50px);
3725
+ }
3726
+ .basic_tree .edit_wrap .displayname {
3727
+ overflow: hidden;
3728
+ text-overflow: ellipsis;
3729
+ white-space: nowrap;
3730
+ }
3731
+ .basic_tree .segment_grow {
3732
+ flex-grow: 1 !important;
3733
+ text-align: left;
3734
+ z-index: 10;
3735
+ padding-right: 5px;
3736
+ }
3737
+ .basic_tree .segment_grow.overflow_visible {
3738
+ overflow: visible !important;
3739
+ }
3740
+ .basic_tree .expansion_toggle {
3741
+ min-width: 20px;
3742
+ display: flex;
3743
+ justify-content: center;
3744
+ flex-shrink: 0;
3745
+ font-size: 16px;
3746
+ color: var(--foreground);
3747
+ }
3748
+ .basic_tree .expansion_toggle.mod_collapsed:before {
3749
+ display: block;
3750
+ }
3751
+ .basic_tree .expansion_toggle:not(.mod_collapsed):before {
3752
+ display: block;
3753
+ transform: rotate(90deg);
3754
+ }
3755
+ .basic_tree_menubars {
3756
+ padding: 2px 0px;
3757
+ color: var(--menu-foreground);
3758
+ background-color: var(--menu-background);
3759
+ border: none;
3760
+ box-shadow: 0 2px 8px var(--kt-menu-shadow);
3761
+ border-radius: 0;
3762
+ min-width: 200px;
3763
+ }
3764
+ .basic_menu_item_divider {
3765
+ margin: 3px 0;
3766
+ pointer-events: none;
3767
+ background-color: var(--menu-separatorBackground);
3768
+ padding: 0;
3769
+ overflow: hidden;
3770
+ line-height: 0;
3771
+ height: 1px;
3772
+ }
3773
+ .basic_menu_item {
3774
+ margin: 0;
3775
+ padding: 3px 4px;
3776
+ height: 26px;
3777
+ display: flex;
3778
+ align-items: center;
3779
+ flex: 1;
3780
+ padding: 0 16px;
3781
+ color: var(--kt-menubar-foreground);
3782
+ }
3783
+ .basic_menu_item:hover {
3784
+ background: var(--menu-selectionBackground);
3785
+ color: var(--menu-selectionForeground);
3786
+ cursor: default;
3787
+ }
3788
+
3789
+ /*!***************************************************************************************************************!*\
3790
+ !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/react-ctxmenu-trigger/assets/index.css ***!
3791
+ \***************************************************************************************************************/
3792
+ .rc-trigger-popup {
3793
+ position: absolute;
3794
+ left: -9999px;
3795
+ top: -9999px;
3796
+ z-index: 1050;
3797
+ }
3798
+ .rc-trigger-popup-hidden {
3799
+ display: none;
3800
+ }
3801
+ .rc-trigger-popup-zoom-enter,
3802
+ .rc-trigger-popup-zoom-appear {
3803
+ opacity: 0;
3804
+ animation-duration: 0.3s;
3805
+ animation-fill-mode: both;
3806
+ animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
3807
+ animation-play-state: paused;
3808
+ }
3809
+ .rc-trigger-popup-zoom-leave {
3810
+ animation-duration: 0.3s;
3811
+ animation-fill-mode: both;
3812
+ animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
3813
+ animation-play-state: paused;
3814
+ }
3815
+ .rc-trigger-popup-zoom-enter.rc-trigger-popup-zoom-enter-active,
3816
+ .rc-trigger-popup-zoom-appear.rc-trigger-popup-zoom-appear-active {
3817
+ animation-name: rcTriggerZoomIn;
3818
+ animation-play-state: running;
3819
+ }
3820
+ .rc-trigger-popup-zoom-leave.rc-trigger-popup-zoom-leave-active {
3821
+ animation-name: rcTriggerZoomOut;
3822
+ animation-play-state: running;
3823
+ }
3824
+ @keyframes rcTriggerZoomIn {
3825
+ 0% {
3826
+ opacity: 0;
3827
+ transform-origin: 50% 50%;
3828
+ transform: scale(0, 0);
3829
+ }
3830
+ 100% {
3831
+ opacity: 1;
3832
+ transform-origin: 50% 50%;
3833
+ transform: scale(1, 1);
3834
+ }
3835
+ }
3836
+ @keyframes rcTriggerZoomOut {
3837
+ 0% {
3838
+ opacity: 1;
3839
+ transform-origin: 50% 50%;
3840
+ transform: scale(1, 1);
3841
+ }
3842
+ 100% {
3843
+ opacity: 0;
3844
+ transform-origin: 50% 50%;
3845
+ transform: scale(0, 0);
3846
+ }
3847
+ }
3848
+ .rc-trigger-popup-mask {
3849
+ position: fixed;
3850
+ top: 0;
3851
+ right: 0;
3852
+ left: 0;
3853
+ bottom: 0;
3854
+ background-color: #373737;
3855
+ background-color: rgba(55, 55, 55, 0.6);
3856
+ height: 100%;
3857
+ filter: alpha(opacity=50);
3858
+ z-index: 1050;
3859
+ }
3860
+ .rc-trigger-popup-mask-hidden {
3861
+ display: none;
3862
+ }
3863
+ .rc-trigger-popup-fade-enter,
3864
+ .rc-trigger-popup-fade-appear {
3865
+ opacity: 0;
3866
+ animation-duration: 0.3s;
3867
+ animation-fill-mode: both;
3868
+ animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
3869
+ animation-play-state: paused;
3870
+ }
3871
+ .rc-trigger-popup-fade-leave {
3872
+ animation-duration: 0.3s;
3873
+ animation-fill-mode: both;
3874
+ animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
3875
+ animation-play-state: paused;
3876
+ }
3877
+ .rc-trigger-popup-fade-enter.rc-trigger-popup-fade-enter-active,
3878
+ .rc-trigger-popup-fade-appear.rc-trigger-popup-fade-appear-active {
3879
+ animation-name: rcTriggerMaskFadeIn;
3880
+ animation-play-state: running;
3881
+ }
3882
+ .rc-trigger-popup-fade-leave.rc-trigger-popup-fade-leave-active {
3883
+ animation-name: rcDialogFadeOut;
3884
+ animation-play-state: running;
3885
+ }
3886
+ @keyframes rcTriggerMaskFadeIn {
3887
+ 0% {
3888
+ opacity: 0;
3889
+ }
3890
+ 100% {
3891
+ opacity: 1;
3892
+ }
3893
+ }
3894
+ @keyframes rcDialogFadeOut {
3895
+ 0% {
3896
+ opacity: 1;
3897
+ }
3898
+ 100% {
3899
+ opacity: 0;
3900
+ }
3901
+ }
3902
+