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