@blueking/date-picker 0.0.68 → 0.0.69

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 (9) hide show
  1. package/dist/vue2-full.css +1 -1
  2. package/dist/vue2-full.es.js +3 -2
  3. package/dist/vue2-light.css +1 -1
  4. package/dist/vue2-light.es.js +3 -2
  5. package/dist/vue3-full.css +1 -1
  6. package/dist/vue3-full.es.js +3 -2
  7. package/dist/vue3-light.css +1 -1
  8. package/dist/vue3-light.es.js +3 -2
  9. package/package.json +1 -1
package/dist/vue2-full.css CHANGED
@@ -1 +1 @@
1
- .time-range-popover.time-range-pop2-content{position:absolute;display:none;padding:7px 14px;font-size:12px;color:#fff;background:#26323d;border-radius:4px;box-sizing:border-box}.time-range-popover.time-range-pop2-content .time-range-pop2-arrow{position:absolute;z-index:-1;width:8px;height:8px;background:#333;transform:rotate(45deg)}.time-range-popover.time-range-pop2-content[data-theme^=light]{color:#26323d;background-color:#fff;box-shadow:0 0 6px #dcdee5}.time-range-popover.time-range-pop2-content[data-theme^=light] .time-range-pop2-arrow{background-color:#fff}.scroll-bar-style::-webkit-scrollbar{width:4px;height:4px}.scroll-bar-style::-webkit-scrollbar-thumb{background:#ddd;border-radius:20px;box-shadow:inset 0 0 6px #cccccc4d}html,body{padding:0;margin:0}*{box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;box-sizing:content-box}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button;-moz-appearance:button;appearance:button}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{padding:0;box-sizing:border-box}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}::-ms-clear,::-ms-reveal{display:none}input[type=text]::-ms-clear{display:none}input[type=text]::-ms-reveal{display:none}input[type=search]{box-sizing:content-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid #c0c0c0}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}.bk-scroll-y{overflow-y:auto}.bk-scroll-y::-webkit-scrollbar{width:4px;height:4px}.bk-scroll-y::-webkit-scrollbar-thumb{background:#ddd;border-radius:20px;box-shadow:inset 0 0 6px #cccccc4d}.bk-scroll-x{overflow-x:auto}.bk-scroll-x::-webkit-scrollbar{width:4px;height:4px}.bk-scroll-x::-webkit-scrollbar-thumb{background:#ddd;border-radius:20px;box-shadow:inset 0 0 6px #cccccc4d}.time-range-button{display:inline-flex;height:32px;padding:5px 12px;font-size:14px;color:#63656e;text-decoration:none;white-space:nowrap;cursor:pointer;background-color:#fff;border:1px solid #c4c6cc;border-radius:2px;outline:none;box-sizing:border-box;transition:background-color ease .3s;-webkit-appearance:none;-moz-appearance:none;appearance:none;align-items:center;justify-content:center}.time-range-button.time-range-button-primary{background-color:#3a84ff;color:#fff;border-color:#3a84ff}.time-range-button.time-range-button-primary:hover{background-color:#5594fa;border-color:#5594fa}.time-range-button.time-range-button-primary:active{background-color:#2c77f4;border-color:#2c77f4;color:#fff}.time-range-button.time-range-button-primary.is-outline{color:#3a84ff;border-color:#3a84ff;background-color:#fff}.time-range-button.time-range-button-primary.is-outline:hover{background-color:#5594fa;border-color:#5594fa;color:#fff}.time-range-button.time-range-button-primary.is-outline:active{background-color:#2c77f4;border-color:#2c77f4;color:#fff}.time-range-button.time-range-button-primary.is-text{color:#3a84ff;background-color:transparent;border:none}.time-range-button.time-range-button-primary.is-text:not(.is-disabled):hover{color:#5594fa}.time-range-button.time-range-button-primary.is-disabled{color:#dcdee5;cursor:not-allowed}.time-range-button.time-range-button-primary.is-disabled:not(.is-text){background-color:#dcdee5;color:#fff;border-color:#dcdee5}.time-range-button.time-range-button-hover-primary:hover{background-color:#5594fa;border-color:#5594fa;color:#fff}.time-range-button.time-range-button-warning{background-color:#ff9c01;color:#fff;border-color:#ff9c01}.time-range-button.time-range-button-warning:hover{background-color:#ffb848;border-color:#ffb848}.time-range-button.time-range-button-warning:active{background-color:#eb9000;border-color:#eb9000;color:#fff}.time-range-button.time-range-button-warning.is-outline{color:#ff9c01;border-color:#ff9c01;background-color:#fff}.time-range-button.time-range-button-warning.is-outline:hover{background-color:#ffb848;border-color:#ffb848;color:#fff}.time-range-button.time-range-button-warning.is-outline:active{background-color:#eb9000;border-color:#eb9000;color:#fff}.time-range-button.time-range-button-warning.is-text{color:#ff9c01;background-color:transparent;border:none}.time-range-button.time-range-button-warning.is-text:not(.is-disabled):hover{color:#ffb848}.time-range-button.time-range-button-warning.is-disabled{color:#dcdee5;cursor:not-allowed}.time-range-button.time-range-button-warning.is-disabled:not(.is-text){background-color:#dcdee5;color:#fff;border-color:#dcdee5}.time-range-button.time-range-button-hover-warning:hover{background-color:#ffb848;border-color:#ffb848;color:#fff}.time-range-button.time-range-button-success{background-color:#2dcb56;color:#fff;border-color:#2dcb56}.time-range-button.time-range-button-success:hover{background-color:#45e35f;border-color:#45e35f}.time-range-button.time-range-button-success:active{background-color:#1ab943;border-color:#1ab943;color:#fff}.time-range-button.time-range-button-success.is-outline{color:#2dcb56;border-color:#2dcb56;background-color:#fff}.time-range-button.time-range-button-success.is-outline:hover{background-color:#45e35f;border-color:#45e35f;color:#fff}.time-range-button.time-range-button-success.is-outline:active{background-color:#1ab943;border-color:#1ab943;color:#fff}.time-range-button.time-range-button-success.is-text{color:#2dcb56;background-color:transparent;border:none}.time-range-button.time-range-button-success.is-text:not(.is-disabled):hover{color:#45e35f}.time-range-button.time-range-button-success.is-disabled{color:#dcdee5;cursor:not-allowed}.time-range-button.time-range-button-success.is-disabled:not(.is-text){background-color:#dcdee5;color:#fff;border-color:#dcdee5}.time-range-button.time-range-button-hover-success:hover{background-color:#45e35f;border-color:#45e35f;color:#fff}.time-range-button.time-range-button-danger{background-color:#ea3636;color:#fff;border-color:#ea3636}.time-range-button.time-range-button-danger:hover{background-color:#ff5656;border-color:#ff5656}.time-range-button.time-range-button-danger:active{background-color:#db2626;border-color:#db2626;color:#fff}.time-range-button.time-range-button-danger.is-outline{color:#ea3636;border-color:#ea3636;background-color:#fff}.time-range-button.time-range-button-danger.is-outline:hover{background-color:#ff5656;border-color:#ff5656;color:#fff}.time-range-button.time-range-button-danger.is-outline:active{background-color:#db2626;border-color:#db2626;color:#fff}.time-range-button.time-range-button-danger.is-text{color:#ea3636;background-color:transparent;border:none}.time-range-button.time-range-button-danger.is-text:not(.is-disabled):hover{color:#ff5656}.time-range-button.time-range-button-danger.is-disabled{color:#dcdee5;cursor:not-allowed}.time-range-button.time-range-button-danger.is-disabled:not(.is-text){background-color:#dcdee5;color:#fff;border-color:#dcdee5}.time-range-button.time-range-button-hover-danger:hover{background-color:#ff5656;border-color:#ff5656;color:#fff}.time-range-button.time-range-button-small{height:26px;padding:3px 12px;font-size:12px}.time-range-button.time-range-button-large{height:38px;padding:8px 20px;font-size:16px}.time-range-button .time-range-button-text{display:inline-flex;align-items:center;line-height:1}.time-range-button.is-loading{position:relative}.time-range-button.is-loading .time-range-button-loading:not(:last-child){position:absolute}.time-range-button.is-loading .time-range-button-text{visibility:hidden}.time-range-button:hover{border-color:#979ba5}.time-range-button:active{color:#3a84ff;border-color:#3a84ff}.time-range-button.is-text{height:auto;padding:0;font-size:inherit;color:#63656e;text-decoration:none;cursor:pointer;background-color:transparent;border:none;outline:none}.time-range-button.is-disabled{color:#dcdee5;cursor:not-allowed;border-color:#dcdee5}.time-range-button-group{display:inline-block;font-size:0}.time-range-button-group.time-range-button-group-small .time-range-button{height:26px;padding:3px 12px;font-size:12px}.time-range-button-group.time-range-button-group-large .time-range-button{height:38px;padding:8px 20px;font-size:16px}.time-range-button-group .time-range-button{height:32px;margin:0 0 0 -1px;border-radius:0}.time-range-button-group .time-range-button:not(.is-disabled){color:#63656e;background-color:#fff;border-color:#c4c6cc}.time-range-button-group .time-range-button.is-disabled{color:#c4c6cc}.time-range-button-group .time-range-button:first-child{border-radius:2px 0 0 2px}.time-range-button-group .time-range-button:last-child{border-radius:0 2px 2px 0}.time-range-button-group .time-range-button:only-child{border-radius:2px}.time-range-button-group .time-range-button:hover:not(.is-disabled),.time-range-button-group .time-range-button.is-selected:not(.is-disabled){position:relative;z-index:1;color:#3a84ff;background-color:#fff;border-color:#3a84ff}.time-range-button-group .time-range-button.is-selected:not(.is-disabled){background-color:#e1ecff}.time-range-button-group .time-range-button.is-selected.is-disabled{background-color:#f0f1f5}.time-range-exception{position:relative;display:flex;width:100%;align-items:center;flex-direction:column;text-align:center}.time-range-exception-img{display:flex;align-items:center;justify-content:center}.time-range-exception-img .exception-image{display:block;height:100%;object-fit:contain}.time-range-exception-title{color:#313238}.time-range-exception-description{color:#63656e}.time-range-exception-page .time-range-exception-img{width:480px;height:240px}.time-range-exception-page .time-range-exception-title{margin-top:18px;font-size:24px;line-height:32px}.time-range-exception-page .time-range-exception-description{margin-top:16px;font-size:14px;line-height:22px}.time-range-exception-page .time-range-exception-footer{margin-top:24px}.time-range-exception-part .time-range-exception-img{width:120px;height:100px}.time-range-exception-part .time-range-exception-title{margin-top:8px;font-size:14px;line-height:22px}.time-range-exception-part .time-range-exception-description{margin-top:8px;font-size:12px;line-height:20px}.time-range-exception-part .time-range-exception-footer{margin-top:8px}.time-range-popover.time-range-pop-confirm-box{padding:16px 24px}.time-range-pop-confirm-title{font-size:14px;color:#313238;padding-bottom:12px}.time-range-pop-confirm-icon{color:#ff5656;margin-right:4px}.time-range-pop-confirm-content{font-size:12px;color:#63656e;padding:0 0 20px}.time-range-pop-confirm-simple{font-size:14px}.time-range-pop-confirm-footer{display:flex;justify-content:flex-end;align-items:center}.time-range-pop-confirm-footer .time-range-button{margin-left:8px}.time-range-tab{position:relative;display:flex}.time-range-tab--top{flex-direction:column}.time-range-tab--right{flex-direction:row-reverse}.time-range-tab-header{position:relative;display:flex;color:#63656e}.time-range-tab--left .time-range-tab-header{border-right:1px solid #dcdee5}.time-range-tab--right .time-range-tab-header{border-left:1px solid #dcdee5}.time-range-tab--vertical-tab .time-range-tab-header{border:0}.time-range-tab--left .time-range-tab-header,.time-range-tab--right .time-range-tab-header{flex-direction:column}.time-range-tab--left .time-range-tab-header>div,.time-range-tab--right .time-range-tab-header>div{flex-direction:column}.time-range-tab--card-tab .time-range-tab-header,.time-range-tab--vertical-tab .time-range-tab-header{background:#F0F1F5}.time-range-tab--card-tab .time-range-tab-header{border-radius:4px 4px 0}.time-range-tab--card .time-range-tab-header,.time-range-tab--vertical-card .time-range-tab-header{border-bottom:1px solid #dcdee5}.time-range-tab--border-card .time-range-tab-header{border:solid #dcdee5;border-width:1px 1px 1px 0}.time-range-tab--border-card .time-range-tab-header{background:#FAFBFD}.time-range-tab--unborder-card .time-range-tab-header{border-bottom:1px solid #dcdee5}.time-range-tab-header>div{display:flex;flex-wrap:nowrap}.time-range-tab--card .time-range-tab-header>div,.time-range-tab--vertical-card .time-range-tab-header>div,.time-range-tab--border-card .time-range-tab-header>div{margin-bottom:-1px}.time-range-tab-header-nav{position:relative}.time-range-tab--top .time-range-tab-header-nav{overflow-x:auto;overflow-y:visible}.time-range-tab--left .time-range-tab-header-nav,.time-range-tab--right .time-range-tab-header-nav{overflow-x:visible;overflow-y:auto}.time-range-tab--card .time-range-tab-header-nav,.time-range-tab--border-card .time-range-tab-header-nav,.time-range-tab--vertical-card .time-range-tab-header-nav{border-left:1px solid #dcdee5}.time-range-tab-header-nav::-webkit-scrollbar{display:none;width:0;height:0}.time-range-tab-header-next,.time-range-tab-header-prev{position:absolute;top:1px;bottom:1px;width:15px;background:#fff;content:""}.time-range-tab-header-prev{left:1px}.time-range-tab-header-next{right:1px}.time-range-tab-header-operation .time-range-tab-header-item{padding:0 12px}.time-range-tab-header-setting{justify-self:flex-end;margin-left:auto;white-space:nowrap}.time-range-tab-header-item{display:flex;white-space:nowrap;cursor:pointer;justify-content:center;align-items:center}.time-range-tab--top .time-range-tab-header-item{padding:0 20px}.time-range-tab--left .time-range-tab-header-item,.time-range-tab--right .time-range-tab-header-item{padding:0 12px}.time-range-tab--left .time-range-tab-header-item{text-align:right}.time-range-tab--card .time-range-tab-header-item,.time-range-tab--vertical-card .time-range-tab-header-item{border-top:1px solid #dcdee5}.time-range-tab--card .time-range-tab-header-item,.time-range-tab--border-card .time-range-tab-header-item,.time-range-tab--vertical-card .time-range-tab-header-item{border-right:1px solid #dcdee5}.time-range-tab--card-tab .time-range-tab-header-item{position:relative}.time-range-tab--card-tab .time-range-tab-header-item:not(:first-of-type):before,.time-range-tab--card-tab .time-range-tab-header-item:last-of-type:after{position:absolute;top:50%;left:0;display:block;width:1px;height:16px;margin-top:-8px;background:#c4c6cc;content:""}.time-range-tab--card-tab .time-range-tab-header-item:last-of-type:after{right:0;left:initial}.time-range-tab--card-grid .time-range-tab-header-item{height:40px;margin-right:8px;line-height:40px;background:#eaebf0;border-radius:4px 4px 0 0}.time-range-tab-header-operation .time-range-tab-header-item{padding-right:12px;padding-left:12px}.time-range-tab-header-item:hover{color:#3a84ff}.time-range-tab-header-item:hover .time-range-tab-header--close{display:block;margin-left:5px;color:#ea3636}.time-range-tab-header--active{color:#3a84ff}.time-range-tab--card .time-range-tab-header--active,.time-range-tab--border-card .time-range-tab-header--active,.time-range-tab--vertical-card .time-range-tab-header--active{background:white;border-bottom-color:#fff}.time-range-tab--card-tab .time-range-tab-header--active,.time-range-tab--vertical-tab .time-range-tab-header--active{background:#fff}.time-range-tab--card-tab .time-range-tab-header--active{border-radius:4px 4px 0 0}.time-range-tab--card-tab .time-range-tab-header--active:after,.time-range-tab--card-tab .time-range-tab-header--active:before,.time-range-tab--card-tab .time-range-tab-header--active+.time-range-tab-header-item:before{display:none!important}.time-range-tab--card-grid .time-range-tab-header--active{background:#fff}.time-range-tab-header--close{display:none;font-size:16px;color:#c4c6cc}.time-range-tab-header--disabled{cursor:not-allowed}.time-range-tab-header--disabled,.time-range-tab-header--disabled:hover{color:#aaa}.time-range-tab-header-active-bar{position:absolute;width:0;height:0;background:#3a84ff;transition:all ease-in .3s}.time-range-tab-content{flex:1;padding:10px}.time-range-tab--border-card .time-range-tab-content,.time-range-tab--vertical-card .time-range-tab-content{border:solid #dcdee5;border-width:0 1px 1px}.time-range-tab--card-grid .time-range-tab-content{background:#fff;border-radius:0 4px 4px;box-shadow:0 2px 4px #1919290d}.time-range-tab-panel{height:100%}.common-panel-tab{display:flex;align-items:center}.common-panel-tab .time-range-tab-header{line-height:20px!important;border-bottom:0!important}.common-panel-tab .time-range-tab-header .time-range-tab-header-item{padding:0 0 4px;margin-right:28px}.common-panel-tab .time-range-tab-header--active{font-weight:700;color:#63656e}.common-panel-tab .time-range-tab-content{display:none;width:0;height:0}.common-panel-tab .delete-all{margin-left:auto}.common-panel-tab .delete-all:hover{color:#3a84ff;cursor:pointer}.common-submit{flex:0 0 64px;width:64px;margin-left:8px}.common-favorite{display:flex;flex:0 0 32px;align-items:center;justify-content:center;width:32px;height:32px;margin-left:8px;cursor:pointer;background:#f5f7fa;border-radius:2px}.common-favorite:hover svg path{fill:#3a84ff}.time-range-checkbox-group{display:inline-flex;letter-spacing:normal}.time-range-checkbox{display:inline-flex;justify-self:center;align-items:center;font-size:14px;letter-spacing:normal;color:#63656e;cursor:pointer;-webkit-user-select:none;user-select:none}.time-range-checkbox~.time-range-checkbox{margin-left:30px}.time-range-checkbox.is-checked .time-range-checkbox-input{background:#3a84ff;border-color:#3a84ff;transition:all .1s}.time-range-checkbox.is-checked .time-range-checkbox-input.small:after{width:3px;height:6px}.time-range-checkbox.is-checked .time-range-checkbox-input:after{position:absolute;top:50%;left:50%;width:4px;height:8px;border:2px solid #fff;border-top:0;border-left:0;content:"";transform:translate(-50%,-60%) scaleY(1) rotate(45deg);transform-origin:center}.time-range-checkbox.is-indeterminated .time-range-checkbox-input{background:#3a84ff;border-color:#3a84ff;transition:all .1s}.time-range-checkbox.is-indeterminated .time-range-checkbox-input.small:after{width:6px;height:2px}.time-range-checkbox.is-indeterminated .time-range-checkbox-input:after{position:absolute;top:50%;left:50%;width:8px;height:2px;background:#fff;border:none;border-radius:2px;content:"";transform:translate(-50%,-50%)}.time-range-checkbox.is-disabled{color:#c4c6cc;cursor:not-allowed}.time-range-checkbox.is-disabled .time-range-checkbox-input{background:#fafbfd;border-color:#dcdee5}.time-range-checkbox.is-disabled .time-range-checkbox-input:after{background:#dcdee5}.time-range-checkbox.is-disabled.is-checked .time-range-checkbox-input{background:#a3c5fd;border-color:#a3c5fd}.time-range-checkbox.is-disabled.is-checked .time-range-checkbox-input:after{background:#a3c5fd}.time-range-checkbox-input{position:relative;display:inline-block;width:16px;height:16px;vertical-align:middle;border:1px solid #979ba5;border-radius:2px}.time-range-checkbox-input.small{width:14px;height:14px}.time-range-checkbox-original{position:absolute;top:0;left:0;z-index:-1;width:0;height:0}.time-range-checkbox-label{display:inline-block;margin-left:6px;vertical-align:middle}.date-panel{display:flex;flex-direction:column;width:220px;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #dcdee5;box-shadow:0 2px 6px #0000001a}.date-panel-title{display:flex;flex:0 0 40px;align-items:center;height:40px;padding:0 12px;color:#63656e;border-bottom:1px solid #dcdee5}.date-panel-title .title-check{margin-left:auto}.date-panel-title .title-check .time-range-checkbox{pointer-events:none}.date-panel-main{display:flex;flex:1;flex-direction:column;padding:8px 0 12px}.date-panel-main .date-header{display:flex;align-items:center;width:100%;height:24px}.date-panel-main .date-header-center{display:flex;flex:1;align-items:center;justify-content:center;height:100%;font-size:14px;font-weight:700}.date-panel-main .date-header-center .date-split{width:5px;height:2px;margin:0 10px;background-color:#63656e}.date-panel-main .date-header-right,.date-panel-main .date-header-left{display:flex;align-items:center;height:100%;padding:0 6px;font-size:16px}.date-panel-main .date-header-right .hand-icon,.date-panel-main .date-header-left .hand-icon{display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#979ba5}.date-panel-main .date-header-right .hand-icon svg,.date-panel-main .date-header-left .hand-icon svg{width:20px!important;height:20px!important;font-weight:700}.date-panel-main .date-header-right .hand-icon:hover,.date-panel-main .date-header-left .hand-icon:hover{color:#3a84ff;cursor:pointer}.date-panel-main .date-header-right .hand-icon:hover svg,.date-panel-main .date-header-left .hand-icon:hover svg{fill:#3a84ff}.date-panel-main .date-header-right{margin-left:auto}.date-panel-main .date-content{display:flex;flex-direction:column}.date-panel-main .date-content .date-grid{display:flex;align-items:center;width:100%;padding:0 12px;margin:0}.date-panel-main .date-content .date-grid-item{display:flex;flex:0 0 14.285%;align-items:center;justify-content:center;width:14.285%;min-width:28px;height:24px}.date-panel-main .date-content .date-grid-item:not(.not-click):hover{cursor:pointer;background-color:#f0f1f5}.date-panel-main .date-content .date-grid-item.is-today{color:#3a84ff;border:1px solid #a3c5fd;border-radius:2px}.date-panel-main .date-content .date-grid-item.is-last-month{color:#c4c6cc;background-color:#f0f1f5}.date-panel-main .date-content .date-grid-item.is-next-month{color:#c4c6cc}.date-panel-main .date-content .date-grid-item.is-disabled{color:#c4c6cc!important;cursor:not-allowed!important;background-color:#f0f1f5!important}.date-panel-main .date-content .date-grid-item.is-selected{color:#fff!important;background-color:#3a84ff!important;border-radius:2px}.date-wrapper{display:flex;flex-direction:column}.date-wrapper .date-input{display:flex;align-items:center;width:100%;min-height:56px}.date-wrapper .date-input .date-picker{display:flex;align-items:center;width:100%;min-width:360px;height:32px;background:#fff;border:1px solid #c4c6cc;border-radius:2px}.date-wrapper .date-input .date-picker-icon{display:flex;align-items:center;justify-content:center;margin-right:6px;margin-left:8px}.date-wrapper .date-input .date-picker-start,.date-wrapper .date-input .date-picker-end{width:160px;height:24px;padding:0 4px;font-size:12px;color:#63656e;border:none;border-radius:2px}.date-wrapper .date-input .date-picker-start:focus,.date-wrapper .date-input .date-picker-end:focus{background:#e1ecff;border:none;outline:none;box-shadow:none}.date-wrapper .date-input .date-picker-split{display:flex;align-items:center;justify-content:center;padding:0 8px;color:#979ba5}.date-wrapper .date-input .date-picker-clear{display:none!important;flex:0 0 32px;align-items:center;justify-content:center;width:32px;height:32px;font-size:14px;color:#c4c6cc}.date-wrapper .date-input .date-picker-clear:hover{color:#63656e;cursor:pointer}.date-wrapper .date-input .date-picker:hover .date-picker-clear{display:flex!important}.date-wrapper .show-format{display:flex;align-items:center;width:100%;min-width:100%;margin-top:-8px;margin-bottom:12px;color:#979ba5}.date-wrapper .show-format .format-button{margin-left:8px}.date-format-wrapper{display:flex;flex-direction:column;width:520px;padding:12px 15px}.date-format-wrapper .content-title{margin-bottom:12px;font-weight:700;line-height:20px}.date-format-wrapper .content-table{display:flex;flex-direction:column;width:100%;border-collapse:collapse;background-color:#fff;border:1px solid #eaeefb;border-top:0;border-left:0}.date-format-wrapper .content-table th,.date-format-wrapper .content-table td{height:42px;padding:0 16px;line-height:42px;color:#63656e;text-align:left;border:1px solid #eaeefb;border-right:0;border-bottom:0}.date-format-wrapper .content-table thead,.date-format-wrapper .content-table tr{display:flex;align-items:center;width:100%}.date-format-wrapper .content-table thead th,.date-format-wrapper .content-table tr th{flex:1;background-color:#fafbfd}.date-format-wrapper .content-table tbody{display:block;width:calc(100% + 4px);max-height:300px;overflow:auto}.date-format-wrapper .content-table tbody td{display:flex;flex:1;align-items:center}.clearfix-style:after{display:block;height:0;clear:both;font-size:0;content:"";visibility:hidden}.time-range-popper{display:none;padding:7px 14px;font-size:12px;color:#fff;background:#333;border-radius:4px}.time-range-popper.light{color:#63656e;background:#fff;box-shadow:#dcdee5 0 0 6px}.time-range-popper .time-range-popper-arrow,.time-range-popper .time-range-popper-arrow:before{position:absolute;width:8px;height:8px;background:inherit}.time-range-popper .time-range-popper-arrow{visibility:hidden}.time-range-popper .time-range-popper-arrow:before{content:"";visibility:visible;transform:rotate(45deg)}.time-range-popper[data-show]{display:block}.time-range-popper[data-popper-placement^=top]>.time-range-popper-arrow{bottom:-4px}.time-range-popper[data-popper-placement^=bottom]>.time-range-popper-arrow{top:-4px}.time-range-popper[data-popper-placement^=left]>.time-range-popper-arrow{right:-4px}.time-range-popper[data-popper-placement^=right]>.time-range-popper-arrow{left:-4px}.time-range-textarea{--textarea-line-height: 20px;display:inline-flex;width:100%;overflow:hidden;font-size:12px;line-height:var(--textarea-line-height);color:#63656e;background-color:#fff;border:1px solid #c4c6cc;border-radius:2px;box-sizing:border-box;transition:all .3s;flex-direction:column}.time-range-textarea ::placeholder{font-size:12px;color:#c4c6cc}.time-range-textarea.resizable{resize:both}.time-range-textarea ::-webkit-scrollbar{-webkit-appearance:none;width:3px}.time-range-textarea ::-webkit-scrollbar-thumb{border-radius:4px;background-color:#dcdee5}.time-range-textarea.is-disabled,.time-range-textarea.is-readonly{background-color:#fafbfd;border-color:#dcdee5}.time-range-textarea.is-disabled .time-range-input--prefix-area,.time-range-textarea.is-readonly .time-range-input--prefix-area,.time-range-textarea.is-disabled .time-range-input--suffix-area,.time-range-textarea.is-readonly .time-range-input--suffix-area,.time-range-textarea.is-disabled .time-range-input--suffix-icon,.time-range-textarea.is-readonly .time-range-input--suffix-icon{cursor:not-allowed;background-color:#fafbfd}.time-range-textarea.is-disabled input,.time-range-textarea.is-readonly input,.time-range-textarea.is-disabled textarea,.time-range-textarea.is-readonly textarea{cursor:not-allowed;background-color:#fafbfd;opacity:1}.time-range-textarea.is-readonly input,.time-range-textarea.is-readonly textarea{cursor:auto}.time-range-textarea>textarea{width:100%;padding:5px 10px;line-height:1.5;text-align:left;border:0;border-radius:2px;outline:none;resize:none}.time-range-textarea--max-length{padding-right:10px;margin:0 0 0 auto;font-size:12px;text-align:right;transform:scale(.8);justify-content:flex-end}.time-range-textarea--max-length.is-over-limit{color:#ea3636}.time-range-textarea--max-length span{color:#979ba5}.time-range-textarea.is-focused:not(.is-readonly){border-color:#3a84ff;outline:0;box-shadow:0 0 3px #a3c5fd}.time-range-input{display:inline-flex;align-items:stretch;width:100%;height:32px;font-size:12px;border:1px solid #c4c6cc;border-radius:2px;transition:all .3s}.time-range-input ::placeholder{font-size:12px;color:#c4c6cc}.time-range-input.is-disabled,.time-range-input.is-readonly{background-color:#fafbfd;border-color:#dcdee5}.time-range-input.is-disabled .time-range-input--prefix-area,.time-range-input.is-readonly .time-range-input--prefix-area,.time-range-input.is-disabled .time-range-input--suffix-area,.time-range-input.is-readonly .time-range-input--suffix-area,.time-range-input.is-disabled .time-range-input--suffix-icon,.time-range-input.is-readonly .time-range-input--suffix-icon{cursor:not-allowed;background-color:#fafbfd}.time-range-input.is-disabled input,.time-range-input.is-readonly input,.time-range-input.is-disabled textarea,.time-range-input.is-readonly textarea{cursor:not-allowed;background-color:#fafbfd;opacity:1}.time-range-input.is-readonly input,.time-range-input.is-readonly textarea{cursor:auto}.time-range-input:hover:not(.is-disabled){border-color:#979ba5}.time-range-input:hover:not(.is-disabled) .show-clear-only-hover{display:flex}.time-range-input.is-simplicity{background-color:transparent;border-color:transparent;border-bottom-color:#c4c6cc}.time-range-input.is-simplicity:hover:not(.is-disabled){background-color:#f5f7fa;border-color:transparent;border-bottom-color:#c4c6cc;box-shadow:none}.time-range-input.is-simplicity:hover:not(.is-disabled) .time-range-input--text,.time-range-input.is-simplicity:hover:not(.is-disabled) .time-range-input--suffix-icon{background-color:#f5f7fa}.time-range-input--suffix-icon{display:flex;height:100%;padding-right:10px;font-size:14px;color:#c4c6cc;background-color:#fff;align-items:center;align-self:center;flex-shrink:0;cursor:pointer}.time-range-input--suffix-icon:hover{color:#313238}.time-range-input--suffix-icon.show-clear-only-hover{display:none}.time-range-input--clear-icon{cursor:pointer;flex-shrink:0}.time-range-input--clear-icon:hover{color:#979ba5}.time-range-input--large{height:40px;font-size:14px}.time-range-input--large ::placeholder{font-size:14px;color:#c4c6cc}.time-range-input--large .time-range-input--max-length{font-size:16px}.time-range-input--large .time-range-input--number-control span:first-child{margin-bottom:4px}.time-range-input--small{height:26px;font-size:12px}.time-range-input--small .time-range-input--max-length,.time-range-input--default,.time-range-input--default .time-range-input--max-length{font-size:12px}.time-range-input.is-focused:not(.is-readonly){border-color:#3a84ff;outline:0;box-shadow:0 0 3px #a3c5fd}.time-range-input.is-focused:not(.is-readonly).is-simplicity{border-color:transparent;border-bottom-color:#3a84ff;box-shadow:none}.time-range-input.is-focused:not(.is-readonly).is-simplicity .time-range-input--text,.time-range-input.is-focused:not(.is-readonly).is-simplicity .time-range-input--suffix-icon{background-color:#f5f7fa}.time-range-input--prefix-area,.time-range-input--suffix-area{display:flex;padding:0 10px;color:#63656e;background-color:#f5f7fa;border-right:1px solid #c4c6cc;align-items:center}.time-range-input--suffix-area{border:0;border-left:1px solid #c4c6cc}.time-range-input--max-length{align-self:center;padding-right:10px;font-size:12px;transform:scale(.8)}.time-range-input--max-length.is-over-limit{color:#ea3636}.time-range-input--max-length span{color:#979ba5}.time-range-input--text{width:100%;padding:0 10px;overflow:hidden;line-height:1;color:#63656e;text-overflow:ellipsis;white-space:nowrap;background-color:#fff;background-image:none;border:none;border-radius:2px;outline:none;box-sizing:border-box;transition:all .3s;flex:1}.time-range-input--text[type=search]::-webkit-search-decoration,.time-range-input--text[type=search]::-webkit-search-cancel-button,.time-range-input--text[type=search]::-webkit-search-results-button,.time-range-input--text[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}.time-range-input--text [type=search]::-ms-clear{display:none;width:0;height:0}.time-range-input--text [type=search]::-ms-reveal{display:none;width:0;height:0}.time-range-input--text[type=number]::-webkit-inner-spin-button,.time-range-input--text[type=number]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.time-range-input--number-control{display:flex;width:26px;height:100%;padding:4px 0;font-size:0;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center}.time-range-input--number-control span{display:flex;overflow:hidden;line-height:1;color:#979ba5;text-align:center;cursor:pointer;background-color:#f5f7fa;flex:1;align-items:center}.time-range-input--number-control span.is-disabled{color:#c4c6cc;cursor:not-allowed}.time-range-input--number-control svg{font-size:14px}.time-range-input--number-control span:first-child{transform:rotate(180deg)}.time-range-input--number-control span:not(.is-disabled):hover{background-color:#eaebf0}@keyframes loading-scale-animate{0%{transform:scale(1)}to{transform:scale(.6)}}@keyframes fade{to{background-color:transparent}}.time-range-transition .time-range-fade-enter-active,.time-range-transition .time-range-fade-leave-active{transition:all .3s cubic-bezier(.55,0,.1,1)}.time-range-transition .time-range-fade-enter,.time-range-transition .time-range-fade-leave-to{opacity:0}.time-range-select .mr5{margin-right:5px}.time-range-select .ml5{margin-left:5px}.time-range-select ul{padding:0;margin:0;font-weight:400;list-style:none}.time-range-select.large .time-range-select-content-wrapper{font-size:14px}.time-range-select.is-focus.normal .time-range-select-trigger .time-range-select-tag.time-range-select-tag--default{border-color:#3a84ff;box-shadow:0 0 3px #a3c5fd}.time-range-select.is-focus .time-range-input--default{border-color:#3a84ff;outline:0;box-shadow:0 0 3px #a3c5fd}.time-range-select.is-focus .time-range-input--default.is-simplicity{border-color:transparent;border-bottom-color:#3a84ff;box-shadow:none}.time-range-select.is-focus .time-range-input--default.is-simplicity .time-range-input--text{background-color:#f5f7fa}.time-range-select.popover-show .time-range-select-trigger .angle-up{transform:rotate(0)}.time-range-select.is-disabled .time-range-input--text{cursor:not-allowed;background-color:#fafbfd}.time-range-select .time-range-input.is-focused{border-color:#3a84ff;outline:0;box-shadow:0 0 3px #a3c5fd}.time-range-select .time-range-input.is-focused.is-simplicity{border-color:transparent;border-bottom-color:#3a84ff;box-shadow:none}.time-range-select .time-range-input--text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:24px;cursor:pointer;background-color:#fff}.time-range-select .time-range-select-trigger{position:relative}.time-range-select .time-range-select-trigger .time-range-tag-input .time-range-tag-input-trigger .clear-icon{margin-right:0}.time-range-select .time-range-select-trigger .time-range-select-tag{width:100%;height:32px;padding:0 28px 0 10px;line-height:normal;color:#63656e;text-align:left;vertical-align:middle;cursor:pointer;background-color:#fff;border:1px solid #c4c6cc;border-radius:2px;outline:none;box-sizing:border-box;transition:all .1s;resize:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;width:auto;align-items:center}.time-range-select .time-range-select-trigger .time-range-select-tag::placeholder{color:#c4c6cc}.time-range-select .time-range-select-trigger .time-range-select-tag.has-prefix{padding-left:0}.time-range-select .time-range-select-trigger .time-range-select-tag.collapse-tag .time-range-select-tag-wrapper{height:30px}.time-range-select .time-range-select-trigger .time-range-select-tag:not(.collapse-tag){position:relative;z-index:1;height:auto;min-height:32px;flex-wrap:wrap}.time-range-select .time-range-select-trigger .time-range-select-tag-wrapper{display:flex;align-items:center;flex-wrap:wrap;overflow:hidden}.time-range-select .time-range-select-trigger .time-range-select-tag:not(.is-disabled):hover{border-color:#979ba5}.time-range-select .time-range-select-trigger .time-range-select-tag.is-disabled{cursor:not-allowed;background-color:#fafbfd;border-color:#dcdee5}.time-range-select .time-range-select-trigger .time-range-select-tag.is-disabled input,.time-range-select .time-range-select-trigger .time-range-select-tag.is-disabled .time-range-tag{cursor:not-allowed}.time-range-select .time-range-select-trigger .time-range-select-tag.is-disabled .time-range-tag:hover{background-color:#f0f1f5}.time-range-select .time-range-select-trigger .time-range-select-tag.is-disabled .time-range-tag .time-range-tag-close{cursor:not-allowed}.time-range-select .time-range-select-trigger .time-range-select-tag.is-disabled .is-disabled{padding-left:0}.time-range-select .time-range-select-trigger .time-range-select-tag-input{width:100%;height:32px;line-height:normal;color:#63656e;text-align:left;vertical-align:middle;cursor:pointer;background-color:#fff;border:1px solid #c4c6cc;border-radius:2px;outline:none;box-sizing:border-box;transition:all .1s;resize:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:1%;height:22px;padding:0;margin:2px 5px 4px 0;background-color:transparent;border:none;flex-grow:1}.time-range-select .time-range-select-trigger .time-range-select-tag-input::placeholder{color:#c4c6cc}.time-range-select .time-range-select-trigger .time-range-select-tag .time-range-tag{max-width:190px;padding:0 4px}.time-range-select .time-range-select-trigger .angle-up{right:4px;transform:rotate(180deg);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;width:20px;height:20px;font-size:20px;color:#979ba5;position:absolute;top:0;display:inline-flex;height:100%;align-items:center;justify-content:center}.time-range-select .time-range-select-trigger .clear-icon{right:4px;cursor:pointer;transition:all .1s;display:flex;width:20px;height:20px;font-size:14px;color:#c4c6cc;position:absolute;top:0;display:inline-flex;height:100%;align-items:center;justify-content:center}.time-range-select .time-range-select-trigger .clear-icon:hover{color:#979ba5}.time-range-select .time-range-select-trigger .spinner{right:6px;position:absolute;top:0;display:inline-flex;height:100%;align-items:center;justify-content:center}.time-range-select--prefix-area{display:flex;height:100%;padding:0 10px;margin-right:10px;color:#63656e;background-color:#f5f7fa;border-right:1px solid #c4c6cc;align-items:center}.time-range-popover.time-range-pop2-content.time-range-select-popover{padding:0;border:1px solid #dcdee5;border-radius:2px;box-shadow:0 2px 6px #0000001a}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-empty{display:flex;align-items:center;justify-content:center;height:56px;color:#63656e}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-empty .spinner{display:flex;width:14px;height:14px;margin-right:4px;font-size:14px;color:#c4c6cc;align-items:center;justify-content:center}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-empty span{margin-left:4px;line-height:18px}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-dropdown{overflow:auto}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-dropdown::-webkit-scrollbar{width:4px;height:4px}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-dropdown::-webkit-scrollbar-thumb{background:#dde4eb;border-radius:20px;box-shadow:inset 0 0 6px #cccccc4d}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-extension{display:flex;height:40px;background-color:#fafbfd;align-items:center;border-top:1px solid #dcdee5;border-radius:0 0 2px 2px}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-options{padding:4px 0}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-option{position:relative;display:flex;height:32px;padding:0 12px;line-height:32px;color:#63656e;text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-option .time-range-select-selected-icon{position:absolute;top:5px;right:10px}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-option .time-range-select-checkbox{margin-right:6px;pointer-events:none}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-option-item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-option.is-hover{background-color:#f5f7fa}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-option:hover{color:#63656e;background-color:#f5f7fa}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-option.is-selected:not(.is-checkbox){color:#3a84ff;background-color:#e1ecff}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-option.is-disabled{color:#c4c6cc;cursor:not-allowed;background-color:transparent}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-option.is-multiple{padding-right:32px}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-option.is-multiple.is-selected{background-color:#fff}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-option.is-multiple.is-hover,.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-option.is-multiple:hover{background-color:#f5f7fa}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-options-loading{display:flex;align-items:center;justify-content:center}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-options-loading span{margin-left:4px;line-height:18px}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-option-group-label{height:32px;padding:0 8px;line-height:32px;color:#979ba5;text-align:left}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-option-group-label.collapsible{cursor:pointer}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-option-group.collapsible .time-range-select-option{padding-left:40px}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-option-group.disabled .default-group-label{color:#c4c6cc;cursor:not-allowed}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-option-group .default-group-label{display:flex;-webkit-user-select:none;user-select:none;align-items:center}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-option-group .default-group-label-icon{display:flex;width:12px;height:12px;margin-right:8px;transition:all .1s;align-items:center;justify-content:center}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-option-group .default-group-label-icon.collapse{transform:rotate(-90deg)}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-option-group .time-range-select-option{padding-left:24px}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-search-wrapper{display:flex;margin:4px 8px 0;border-bottom:1px solid #eaebf0;align-items:center}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-search-wrapper .icon-search{margin-left:2px;color:#979ba5}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-search-wrapper .time-range-select-search-input{width:100%;height:32px;line-height:normal;color:#63656e;text-align:left;vertical-align:middle;cursor:pointer;background-color:#fff;border:1px solid #c4c6cc;border-radius:2px;outline:none;box-sizing:border-box;transition:all .1s;resize:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 8px;cursor:text;border:none}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-search-wrapper .time-range-select-search-input::placeholder{color:#c4c6cc}.natural-picker{display:flex;align-items:center;min-height:56px}.natural-picker .natural-date{width:256px}.natural-picker .natural-unit{width:140px;margin-left:8px}.recent-picker{display:flex;align-items:center;min-height:56px}.recent-picker .recent-input{border-top-right-radius:0;border-bottom-right-radius:0}.recent-picker .recent-input.is-focused{z-index:2}.recent-picker .recent-unit{width:164px}.recent-picker .recent-unit .time-range-input{margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}.recent-picker .recent-unit .time-range-input--text{border-radius:0}.timezone-picker{width:100%}.timezone-picker-option{display:flex;align-items:center;width:100%;color:#63656e}.timezone-picker-option .option-name{flex:1}.timezone-picker-option .option-country{display:flex;width:100%;margin-left:6px;color:#999}.timezone-picker-option .option-utc{display:inline-flex;align-items:center;justify-content:center;height:20px;padding:0 8px;background:#f0f1f5;border-radius:2px}.timezone-picker-option.is-selected{color:#3a84ff}.timezone-picker-option.is-selected .option-country{color:#699df4}.timezone-picker-option.is-selected .option-utc{color:#fff;background-color:#699df4}.panel-wrapper{width:510px;padding:12px 16px 0;background:#fff;border:1px solid #dcdee5;border-radius:2px;box-shadow:0 2px 6px #0000001a}.panel-wrapper .common-date-list{height:136px;max-height:136px;padding:0 0 4px;margin:12px -10px 0 0;overflow:auto}.panel-wrapper .common-date-list .list-item{display:inline-flex;align-items:center;min-width:calc(33.33% - 8px);height:28px;padding:0 8px;margin-right:8px;margin-bottom:8px;color:#313238;cursor:pointer;background:#f5f7fa;border-radius:2px}.panel-wrapper .common-date-list .list-item.is-recent-item{min-width:inherit;height:24px;padding:0 6px;color:#63656e}.panel-wrapper .common-date-list .list-item.is-selected,.panel-wrapper .common-date-list .list-item:hover{color:#3a84ff;background:#e1ecff}.panel-wrapper .date-pick-tab{padding-top:12px;border-top:1px solid #eaebf0}.panel-wrapper .date-pick-tab .time-range-tab-header-item{margin-right:20px!important}.panel-wrapper .time-zone-panel{display:flex;align-items:center;height:45px;padding:0 16px;margin:0 -16px;color:#313238;background:#fafbfd;border-top:1px solid #dcdee5}.panel-wrapper .time-zone-panel .time-zone{display:flex;align-items:center;margin:0 8px}.panel-wrapper .time-zone-panel .time-zone-area{display:flex;align-items:center;margin-left:8px;color:#979ba5}.panel-wrapper .time-zone-panel .time-zone-tag{display:flex;align-items:center;justify-content:center;width:79px;height:20px;color:#63656e;border:1px solid #dcdee5;border-radius:2px}.panel-wrapper .time-zone-panel .time-zone-btn{margin-left:auto}.panel-wrapper .time-zone-picker{margin:8px 0}.panel-wrapper .common-wrapper{display:flex;flex-direction:column;height:139px;max-height:139px;overflow:auto}.panel-wrapper .common-wrapper .empty-content{height:100px;max-height:100px}.panel-wrapper .common-wrapper .empty-tips{display:flex;align-items:center;justify-content:center}.__bk_date_picker__{box-sizing:border-box;display:inline-flex;align-items:center;height:32px;padding:0 4px;font-size:12px;color:#63656e;border:1px solid #c4c6cc;border-radius:2px}.__bk_date_picker__ div::-webkit-scrollbar,.__bk_date_picker__ ul::-webkit-scrollbar,.__bk_date_picker__ section::-webkit-scrollbar,.__bk_date_picker__ tbody::-webkit-scrollbar,.__bk_date_picker__ article::-webkit-scrollbar{width:4px;height:4px}.__bk_date_picker__ div::-webkit-scrollbar-thumb,.__bk_date_picker__ ul::-webkit-scrollbar-thumb,.__bk_date_picker__ section::-webkit-scrollbar-thumb,.__bk_date_picker__ tbody::-webkit-scrollbar-thumb,.__bk_date_picker__ article::-webkit-scrollbar-thumb{background:#ddd;border-radius:20px;box-shadow:inset 0 0 6px #cccccc4d}.__bk_date_picker__ .date-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:20px;font-weight:700;color:#989ca7;background:#f5f7fa;border-radius:2px}.__bk_date_picker__ .date-icon-left,.__bk_date_picker__ .date-icon-right{display:inline-flex}.__bk_date_picker__ .date-icon-left svg,.__bk_date_picker__ .date-icon-right svg{width:20px!important;height:20px!important}.__bk_date_picker__ .date-icon:hover{cursor:pointer;background-color:#f0f1f5}.__bk_date_picker__.is-simplicity{border-color:transparent}.__bk_date_picker__.is-simplicity .date-icon{background-color:transparent}.__bk_date_picker__.is-simplicity .date-icon:hover{cursor:pointer;background-color:#f0f1f5}.__bk_date_picker__.is-disabled{color:#c4c6cc;cursor:not-allowed}.__bk_date_picker__.is-disabled .date-icon{color:#c4c6cc;pointer-events:none}.__bk_date_picker__.is-disabled .date-content{pointer-events:none;cursor:not-allowed}.__bk_date_picker__ .date-content{display:flex;align-items:center;height:24px;padding:0 6px;margin:0 4px;-webkit-user-select:none;user-select:none;border-radius:2px}.__bk_date_picker__ .date-content-icon{margin-right:4px}.__bk_date_picker__ .date-content-utc{display:flex;align-items:center;margin-left:4px;font-weight:700;color:#ff9c01}.__bk_date_picker__ .date-content:hover{cursor:pointer;background:#f5f7fa}.__bk-date-picker-popover__{padding:0!important;margin:0!important;color:#63656e!important}.__bk-date-picker-popover__ div::-webkit-scrollbar,.__bk-date-picker-popover__ ul::-webkit-scrollbar,.__bk-date-picker-popover__ section::-webkit-scrollbar,.__bk-date-picker-popover__ tbody::-webkit-scrollbar,.__bk-date-picker-popover__ article::-webkit-scrollbar{width:4px;height:4px}.__bk-date-picker-popover__ div::-webkit-scrollbar-thumb,.__bk-date-picker-popover__ ul::-webkit-scrollbar-thumb,.__bk-date-picker-popover__ section::-webkit-scrollbar-thumb,.__bk-date-picker-popover__ tbody::-webkit-scrollbar-thumb,.__bk-date-picker-popover__ article::-webkit-scrollbar-thumb{background:#ddd;border-radius:20px;box-shadow:inset 0 0 6px #cccccc4d}.__bk-date-picker-popover__ ul{padding:0;margin:0}.__bk-date-picker-popover__ ul li{list-style:none}.__bk-date-picker-popover__ .time-range-select-search-wrapper .icon-search:before{content:""!important}.__bk-date-picker-popover__ .time-range-pop-confirm{margin:20px 16px 16px!important}.__date-tooltips__{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:156px;line-height:20px}.__date-tooltips__ div::-webkit-scrollbar,.__date-tooltips__ ul::-webkit-scrollbar,.__date-tooltips__ section::-webkit-scrollbar,.__date-tooltips__ tbody::-webkit-scrollbar,.__date-tooltips__ article::-webkit-scrollbar{width:4px;height:4px}.__date-tooltips__ div::-webkit-scrollbar-thumb,.__date-tooltips__ ul::-webkit-scrollbar-thumb,.__date-tooltips__ section::-webkit-scrollbar-thumb,.__date-tooltips__ tbody::-webkit-scrollbar-thumb,.__date-tooltips__ article::-webkit-scrollbar-thumb{background:#ddd;border-radius:20px;box-shadow:inset 0 0 6px #cccccc4d}.__date-tooltips__ .date-tooltips-timezone{display:flex;align-items:center;justify-content:center;width:100%;margin-top:4px;color:#ff9c01}.__date-tooltips__ .date-tooltips-diff{display:flex;align-items:center;justify-content:center;padding:0 4px;margin-top:4px;color:#fff;background:rgba(255,255,255,.12);border-radius:2px}
1
+ .time-range-popover.time-range-pop2-content{position:absolute;display:none;padding:7px 14px;font-size:12px;color:#fff;background:#26323d;border-radius:4px;box-sizing:border-box}.time-range-popover.time-range-pop2-content .time-range-pop2-arrow{position:absolute;z-index:-1;width:8px;height:8px;background:#333;transform:rotate(45deg)}.time-range-popover.time-range-pop2-content[data-theme^=light]{color:#26323d;background-color:#fff;box-shadow:0 0 6px #dcdee5}.time-range-popover.time-range-pop2-content[data-theme^=light] .time-range-pop2-arrow{background-color:#fff}.scroll-bar-style::-webkit-scrollbar{width:4px;height:4px}.scroll-bar-style::-webkit-scrollbar-thumb{background:#ddd;border-radius:20px;box-shadow:inset 0 0 6px #cccccc4d}html,body{padding:0;margin:0}*{box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;box-sizing:content-box}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button;-moz-appearance:button;appearance:button}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{padding:0;box-sizing:border-box}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}::-ms-clear,::-ms-reveal{display:none}input[type=text]::-ms-clear{display:none}input[type=text]::-ms-reveal{display:none}input[type=search]{box-sizing:content-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid #c0c0c0}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}.bk-scroll-y{overflow-y:auto}.bk-scroll-y::-webkit-scrollbar{width:4px;height:4px}.bk-scroll-y::-webkit-scrollbar-thumb{background:#ddd;border-radius:20px;box-shadow:inset 0 0 6px #cccccc4d}.bk-scroll-x{overflow-x:auto}.bk-scroll-x::-webkit-scrollbar{width:4px;height:4px}.bk-scroll-x::-webkit-scrollbar-thumb{background:#ddd;border-radius:20px;box-shadow:inset 0 0 6px #cccccc4d}.time-range-button{display:inline-flex;height:32px;padding:5px 12px;font-size:14px;color:#63656e;text-decoration:none;white-space:nowrap;cursor:pointer;background-color:#fff;border:1px solid #c4c6cc;border-radius:2px;outline:none;box-sizing:border-box;transition:background-color ease .3s;-webkit-appearance:none;-moz-appearance:none;appearance:none;align-items:center;justify-content:center}.time-range-button.time-range-button-primary{background-color:#3a84ff;color:#fff;border-color:#3a84ff}.time-range-button.time-range-button-primary:hover{background-color:#5594fa;border-color:#5594fa}.time-range-button.time-range-button-primary:active{background-color:#2c77f4;border-color:#2c77f4;color:#fff}.time-range-button.time-range-button-primary.is-outline{color:#3a84ff;border-color:#3a84ff;background-color:#fff}.time-range-button.time-range-button-primary.is-outline:hover{background-color:#5594fa;border-color:#5594fa;color:#fff}.time-range-button.time-range-button-primary.is-outline:active{background-color:#2c77f4;border-color:#2c77f4;color:#fff}.time-range-button.time-range-button-primary.is-text{color:#3a84ff;background-color:transparent;border:none}.time-range-button.time-range-button-primary.is-text:not(.is-disabled):hover{color:#5594fa}.time-range-button.time-range-button-primary.is-disabled{color:#dcdee5;cursor:not-allowed}.time-range-button.time-range-button-primary.is-disabled:not(.is-text){background-color:#dcdee5;color:#fff;border-color:#dcdee5}.time-range-button.time-range-button-hover-primary:hover{background-color:#5594fa;border-color:#5594fa;color:#fff}.time-range-button.time-range-button-warning{background-color:#ff9c01;color:#fff;border-color:#ff9c01}.time-range-button.time-range-button-warning:hover{background-color:#ffb848;border-color:#ffb848}.time-range-button.time-range-button-warning:active{background-color:#eb9000;border-color:#eb9000;color:#fff}.time-range-button.time-range-button-warning.is-outline{color:#ff9c01;border-color:#ff9c01;background-color:#fff}.time-range-button.time-range-button-warning.is-outline:hover{background-color:#ffb848;border-color:#ffb848;color:#fff}.time-range-button.time-range-button-warning.is-outline:active{background-color:#eb9000;border-color:#eb9000;color:#fff}.time-range-button.time-range-button-warning.is-text{color:#ff9c01;background-color:transparent;border:none}.time-range-button.time-range-button-warning.is-text:not(.is-disabled):hover{color:#ffb848}.time-range-button.time-range-button-warning.is-disabled{color:#dcdee5;cursor:not-allowed}.time-range-button.time-range-button-warning.is-disabled:not(.is-text){background-color:#dcdee5;color:#fff;border-color:#dcdee5}.time-range-button.time-range-button-hover-warning:hover{background-color:#ffb848;border-color:#ffb848;color:#fff}.time-range-button.time-range-button-success{background-color:#2dcb56;color:#fff;border-color:#2dcb56}.time-range-button.time-range-button-success:hover{background-color:#45e35f;border-color:#45e35f}.time-range-button.time-range-button-success:active{background-color:#1ab943;border-color:#1ab943;color:#fff}.time-range-button.time-range-button-success.is-outline{color:#2dcb56;border-color:#2dcb56;background-color:#fff}.time-range-button.time-range-button-success.is-outline:hover{background-color:#45e35f;border-color:#45e35f;color:#fff}.time-range-button.time-range-button-success.is-outline:active{background-color:#1ab943;border-color:#1ab943;color:#fff}.time-range-button.time-range-button-success.is-text{color:#2dcb56;background-color:transparent;border:none}.time-range-button.time-range-button-success.is-text:not(.is-disabled):hover{color:#45e35f}.time-range-button.time-range-button-success.is-disabled{color:#dcdee5;cursor:not-allowed}.time-range-button.time-range-button-success.is-disabled:not(.is-text){background-color:#dcdee5;color:#fff;border-color:#dcdee5}.time-range-button.time-range-button-hover-success:hover{background-color:#45e35f;border-color:#45e35f;color:#fff}.time-range-button.time-range-button-danger{background-color:#ea3636;color:#fff;border-color:#ea3636}.time-range-button.time-range-button-danger:hover{background-color:#ff5656;border-color:#ff5656}.time-range-button.time-range-button-danger:active{background-color:#db2626;border-color:#db2626;color:#fff}.time-range-button.time-range-button-danger.is-outline{color:#ea3636;border-color:#ea3636;background-color:#fff}.time-range-button.time-range-button-danger.is-outline:hover{background-color:#ff5656;border-color:#ff5656;color:#fff}.time-range-button.time-range-button-danger.is-outline:active{background-color:#db2626;border-color:#db2626;color:#fff}.time-range-button.time-range-button-danger.is-text{color:#ea3636;background-color:transparent;border:none}.time-range-button.time-range-button-danger.is-text:not(.is-disabled):hover{color:#ff5656}.time-range-button.time-range-button-danger.is-disabled{color:#dcdee5;cursor:not-allowed}.time-range-button.time-range-button-danger.is-disabled:not(.is-text){background-color:#dcdee5;color:#fff;border-color:#dcdee5}.time-range-button.time-range-button-hover-danger:hover{background-color:#ff5656;border-color:#ff5656;color:#fff}.time-range-button.time-range-button-small{height:26px;padding:3px 12px;font-size:12px}.time-range-button.time-range-button-large{height:38px;padding:8px 20px;font-size:16px}.time-range-button .time-range-button-text{display:inline-flex;align-items:center;line-height:1}.time-range-button.is-loading{position:relative}.time-range-button.is-loading .time-range-button-loading:not(:last-child){position:absolute}.time-range-button.is-loading .time-range-button-text{visibility:hidden}.time-range-button:hover{border-color:#979ba5}.time-range-button:active{color:#3a84ff;border-color:#3a84ff}.time-range-button.is-text{height:auto;padding:0;font-size:inherit;color:#63656e;text-decoration:none;cursor:pointer;background-color:transparent;border:none;outline:none}.time-range-button.is-disabled{color:#dcdee5;cursor:not-allowed;border-color:#dcdee5}.time-range-button-group{display:inline-block;font-size:0}.time-range-button-group.time-range-button-group-small .time-range-button{height:26px;padding:3px 12px;font-size:12px}.time-range-button-group.time-range-button-group-large .time-range-button{height:38px;padding:8px 20px;font-size:16px}.time-range-button-group .time-range-button{height:32px;margin:0 0 0 -1px;border-radius:0}.time-range-button-group .time-range-button:not(.is-disabled){color:#63656e;background-color:#fff;border-color:#c4c6cc}.time-range-button-group .time-range-button.is-disabled{color:#c4c6cc}.time-range-button-group .time-range-button:first-child{border-radius:2px 0 0 2px}.time-range-button-group .time-range-button:last-child{border-radius:0 2px 2px 0}.time-range-button-group .time-range-button:only-child{border-radius:2px}.time-range-button-group .time-range-button:hover:not(.is-disabled),.time-range-button-group .time-range-button.is-selected:not(.is-disabled){position:relative;z-index:1;color:#3a84ff;background-color:#fff;border-color:#3a84ff}.time-range-button-group .time-range-button.is-selected:not(.is-disabled){background-color:#e1ecff}.time-range-button-group .time-range-button.is-selected.is-disabled{background-color:#f0f1f5}.time-range-exception{position:relative;display:flex;width:100%;align-items:center;flex-direction:column;text-align:center}.time-range-exception-img{display:flex;align-items:center;justify-content:center}.time-range-exception-img .exception-image{display:block;height:100%;object-fit:contain}.time-range-exception-title{color:#313238}.time-range-exception-description{color:#63656e}.time-range-exception-page .time-range-exception-img{width:480px;height:240px}.time-range-exception-page .time-range-exception-title{margin-top:18px;font-size:24px;line-height:32px}.time-range-exception-page .time-range-exception-description{margin-top:16px;font-size:14px;line-height:22px}.time-range-exception-page .time-range-exception-footer{margin-top:24px}.time-range-exception-part .time-range-exception-img{width:120px;height:100px}.time-range-exception-part .time-range-exception-title{margin-top:8px;font-size:14px;line-height:22px}.time-range-exception-part .time-range-exception-description{margin-top:8px;font-size:12px;line-height:20px}.time-range-exception-part .time-range-exception-footer{margin-top:8px}.time-range-popover.time-range-pop-confirm-box{padding:16px 24px}.time-range-pop-confirm-title{font-size:14px;color:#313238;padding-bottom:12px}.time-range-pop-confirm-icon{color:#ff5656;margin-right:4px}.time-range-pop-confirm-content{font-size:12px;color:#63656e;padding:0 0 20px}.time-range-pop-confirm-simple{font-size:14px}.time-range-pop-confirm-footer{display:flex;justify-content:flex-end;align-items:center}.time-range-pop-confirm-footer .time-range-button{margin-left:8px}.time-range-tab{position:relative;display:flex}.time-range-tab--top{flex-direction:column}.time-range-tab--right{flex-direction:row-reverse}.time-range-tab-header{position:relative;display:flex;color:#63656e}.time-range-tab--left .time-range-tab-header{border-right:1px solid #dcdee5}.time-range-tab--right .time-range-tab-header{border-left:1px solid #dcdee5}.time-range-tab--vertical-tab .time-range-tab-header{border:0}.time-range-tab--left .time-range-tab-header,.time-range-tab--right .time-range-tab-header{flex-direction:column}.time-range-tab--left .time-range-tab-header>div,.time-range-tab--right .time-range-tab-header>div{flex-direction:column}.time-range-tab--card-tab .time-range-tab-header,.time-range-tab--vertical-tab .time-range-tab-header{background:#F0F1F5}.time-range-tab--card-tab .time-range-tab-header{border-radius:4px 4px 0}.time-range-tab--card .time-range-tab-header,.time-range-tab--vertical-card .time-range-tab-header{border-bottom:1px solid #dcdee5}.time-range-tab--border-card .time-range-tab-header{border:solid #dcdee5;border-width:1px 1px 1px 0}.time-range-tab--border-card .time-range-tab-header{background:#FAFBFD}.time-range-tab--unborder-card .time-range-tab-header{border-bottom:1px solid #dcdee5}.time-range-tab-header>div{display:flex;flex-wrap:nowrap}.time-range-tab--card .time-range-tab-header>div,.time-range-tab--vertical-card .time-range-tab-header>div,.time-range-tab--border-card .time-range-tab-header>div{margin-bottom:-1px}.time-range-tab-header-nav{position:relative}.time-range-tab--top .time-range-tab-header-nav{overflow-x:auto;overflow-y:visible}.time-range-tab--left .time-range-tab-header-nav,.time-range-tab--right .time-range-tab-header-nav{overflow-x:visible;overflow-y:auto}.time-range-tab--card .time-range-tab-header-nav,.time-range-tab--border-card .time-range-tab-header-nav,.time-range-tab--vertical-card .time-range-tab-header-nav{border-left:1px solid #dcdee5}.time-range-tab-header-nav::-webkit-scrollbar{display:none;width:0;height:0}.time-range-tab-header-next,.time-range-tab-header-prev{position:absolute;top:1px;bottom:1px;width:15px;background:#fff;content:""}.time-range-tab-header-prev{left:1px}.time-range-tab-header-next{right:1px}.time-range-tab-header-operation .time-range-tab-header-item{padding:0 12px}.time-range-tab-header-setting{justify-self:flex-end;margin-left:auto;white-space:nowrap}.time-range-tab-header-item{display:flex;white-space:nowrap;cursor:pointer;justify-content:center;align-items:center}.time-range-tab--top .time-range-tab-header-item{padding:0 20px}.time-range-tab--left .time-range-tab-header-item,.time-range-tab--right .time-range-tab-header-item{padding:0 12px}.time-range-tab--left .time-range-tab-header-item{text-align:right}.time-range-tab--card .time-range-tab-header-item,.time-range-tab--vertical-card .time-range-tab-header-item{border-top:1px solid #dcdee5}.time-range-tab--card .time-range-tab-header-item,.time-range-tab--border-card .time-range-tab-header-item,.time-range-tab--vertical-card .time-range-tab-header-item{border-right:1px solid #dcdee5}.time-range-tab--card-tab .time-range-tab-header-item{position:relative}.time-range-tab--card-tab .time-range-tab-header-item:not(:first-of-type):before,.time-range-tab--card-tab .time-range-tab-header-item:last-of-type:after{position:absolute;top:50%;left:0;display:block;width:1px;height:16px;margin-top:-8px;background:#c4c6cc;content:""}.time-range-tab--card-tab .time-range-tab-header-item:last-of-type:after{right:0;left:initial}.time-range-tab--card-grid .time-range-tab-header-item{height:40px;margin-right:8px;line-height:40px;background:#eaebf0;border-radius:4px 4px 0 0}.time-range-tab-header-operation .time-range-tab-header-item{padding-right:12px;padding-left:12px}.time-range-tab-header-item:hover{color:#3a84ff}.time-range-tab-header-item:hover .time-range-tab-header--close{display:block;margin-left:5px;color:#ea3636}.time-range-tab-header--active{color:#3a84ff}.time-range-tab--card .time-range-tab-header--active,.time-range-tab--border-card .time-range-tab-header--active,.time-range-tab--vertical-card .time-range-tab-header--active{background:white;border-bottom-color:#fff}.time-range-tab--card-tab .time-range-tab-header--active,.time-range-tab--vertical-tab .time-range-tab-header--active{background:#fff}.time-range-tab--card-tab .time-range-tab-header--active{border-radius:4px 4px 0 0}.time-range-tab--card-tab .time-range-tab-header--active:after,.time-range-tab--card-tab .time-range-tab-header--active:before,.time-range-tab--card-tab .time-range-tab-header--active+.time-range-tab-header-item:before{display:none!important}.time-range-tab--card-grid .time-range-tab-header--active{background:#fff}.time-range-tab-header--close{display:none;font-size:16px;color:#c4c6cc}.time-range-tab-header--disabled{cursor:not-allowed}.time-range-tab-header--disabled,.time-range-tab-header--disabled:hover{color:#aaa}.time-range-tab-header-active-bar{position:absolute;width:0;height:0;background:#3a84ff;transition:all ease-in .3s}.time-range-tab-content{flex:1;padding:10px}.time-range-tab--border-card .time-range-tab-content,.time-range-tab--vertical-card .time-range-tab-content{border:solid #dcdee5;border-width:0 1px 1px}.time-range-tab--card-grid .time-range-tab-content{background:#fff;border-radius:0 4px 4px;box-shadow:0 2px 4px #1919290d}.time-range-tab-panel{height:100%}.common-panel-tab{display:flex;align-items:center}.common-panel-tab .time-range-tab-header{line-height:20px!important;border-bottom:0!important}.common-panel-tab .time-range-tab-header .time-range-tab-header-item{padding:0 0 4px;margin-right:28px}.common-panel-tab .time-range-tab-header--active{font-weight:700;color:#63656e}.common-panel-tab .time-range-tab-content{display:none;width:0;height:0}.common-panel-tab .delete-all{margin-left:auto}.common-panel-tab .delete-all:hover{color:#3a84ff;cursor:pointer}.common-submit{flex:0 0 64px;width:64px;margin-left:8px}.common-favorite{display:flex;flex:0 0 32px;align-items:center;justify-content:center;width:32px;height:32px;margin-left:8px;cursor:pointer;background:#f5f7fa;border-radius:2px}.common-favorite:hover svg path{fill:#3a84ff}.time-range-checkbox-group{display:inline-flex;letter-spacing:normal}.time-range-checkbox{display:inline-flex;justify-self:center;align-items:center;font-size:14px;letter-spacing:normal;color:#63656e;cursor:pointer;-webkit-user-select:none;user-select:none}.time-range-checkbox~.time-range-checkbox{margin-left:30px}.time-range-checkbox.is-checked .time-range-checkbox-input{background:#3a84ff;border-color:#3a84ff;transition:all .1s}.time-range-checkbox.is-checked .time-range-checkbox-input.small:after{width:3px;height:6px}.time-range-checkbox.is-checked .time-range-checkbox-input:after{position:absolute;top:50%;left:50%;width:4px;height:8px;border:2px solid #fff;border-top:0;border-left:0;content:"";transform:translate(-50%,-60%) scaleY(1) rotate(45deg);transform-origin:center}.time-range-checkbox.is-indeterminated .time-range-checkbox-input{background:#3a84ff;border-color:#3a84ff;transition:all .1s}.time-range-checkbox.is-indeterminated .time-range-checkbox-input.small:after{width:6px;height:2px}.time-range-checkbox.is-indeterminated .time-range-checkbox-input:after{position:absolute;top:50%;left:50%;width:8px;height:2px;background:#fff;border:none;border-radius:2px;content:"";transform:translate(-50%,-50%)}.time-range-checkbox.is-disabled{color:#c4c6cc;cursor:not-allowed}.time-range-checkbox.is-disabled .time-range-checkbox-input{background:#fafbfd;border-color:#dcdee5}.time-range-checkbox.is-disabled .time-range-checkbox-input:after{background:#dcdee5}.time-range-checkbox.is-disabled.is-checked .time-range-checkbox-input{background:#a3c5fd;border-color:#a3c5fd}.time-range-checkbox.is-disabled.is-checked .time-range-checkbox-input:after{background:#a3c5fd}.time-range-checkbox-input{position:relative;display:inline-block;width:16px;height:16px;vertical-align:middle;border:1px solid #979ba5;border-radius:2px}.time-range-checkbox-input.small{width:14px;height:14px}.time-range-checkbox-original{position:absolute;top:0;left:0;z-index:-1;width:0;height:0}.time-range-checkbox-label{display:inline-block;margin-left:6px;vertical-align:middle}.date-panel{display:flex;flex-direction:column;width:220px;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #dcdee5;box-shadow:0 2px 6px #0000001a}.date-panel-title{display:flex;flex:0 0 40px;align-items:center;height:40px;padding:0 12px;color:#63656e;border-bottom:1px solid #dcdee5}.date-panel-title .title-check{margin-left:auto}.date-panel-title .title-check .time-range-checkbox{pointer-events:none}.date-panel-main{display:flex;flex:1;flex-direction:column;padding:8px 0 12px}.date-panel-main .date-header{display:flex;align-items:center;width:100%;height:24px}.date-panel-main .date-header-center{display:flex;flex:1;align-items:center;justify-content:center;height:100%;font-size:14px;font-weight:700}.date-panel-main .date-header-center .date-split{width:5px;height:2px;margin:0 10px;background-color:#63656e}.date-panel-main .date-header-right,.date-panel-main .date-header-left{display:flex;align-items:center;height:100%;padding:0 6px;font-size:16px}.date-panel-main .date-header-right .hand-icon,.date-panel-main .date-header-left .hand-icon{display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#979ba5}.date-panel-main .date-header-right .hand-icon svg,.date-panel-main .date-header-left .hand-icon svg{width:20px!important;height:20px!important;font-weight:700}.date-panel-main .date-header-right .hand-icon:hover,.date-panel-main .date-header-left .hand-icon:hover{color:#3a84ff;cursor:pointer}.date-panel-main .date-header-right .hand-icon:hover svg,.date-panel-main .date-header-left .hand-icon:hover svg{fill:#3a84ff}.date-panel-main .date-header-right{margin-left:auto}.date-panel-main .date-content{display:flex;flex-direction:column}.date-panel-main .date-content .date-grid{display:flex;align-items:center;width:100%;padding:0 12px;margin:0}.date-panel-main .date-content .date-grid-item{display:flex;flex:0 0 14.285%;align-items:center;justify-content:center;width:14.285%;min-width:28px;height:24px}.date-panel-main .date-content .date-grid-item:not(.not-click):hover{cursor:pointer;background-color:#f0f1f5}.date-panel-main .date-content .date-grid-item.is-today{color:#3a84ff;border:1px solid #a3c5fd;border-radius:2px}.date-panel-main .date-content .date-grid-item.is-last-month{color:#c4c6cc;background-color:#f0f1f5}.date-panel-main .date-content .date-grid-item.is-next-month{color:#c4c6cc}.date-panel-main .date-content .date-grid-item.is-disabled{color:#c4c6cc!important;cursor:not-allowed!important;background-color:#f0f1f5!important}.date-panel-main .date-content .date-grid-item.is-selected{color:#fff!important;background-color:#3a84ff!important;border-radius:2px}.date-wrapper{display:flex;flex-direction:column}.date-wrapper .date-input{display:flex;align-items:center;width:100%;min-height:56px}.date-wrapper .date-input .date-picker{display:flex;align-items:center;width:100%;min-width:360px;height:32px;background:#fff;border:1px solid #c4c6cc;border-radius:2px}.date-wrapper .date-input .date-picker-icon{display:flex;align-items:center;justify-content:center;margin-right:6px;margin-left:8px}.date-wrapper .date-input .date-picker-start,.date-wrapper .date-input .date-picker-end{width:160px;height:24px;padding:0 4px;font-size:12px;color:#63656e;border:none;border-radius:2px}.date-wrapper .date-input .date-picker-start:focus,.date-wrapper .date-input .date-picker-end:focus{background:#e1ecff;border:none;outline:none;box-shadow:none}.date-wrapper .date-input .date-picker-split{display:flex;align-items:center;justify-content:center;padding:0 8px;color:#979ba5}.date-wrapper .date-input .date-picker-clear{display:none!important;flex:0 0 32px;align-items:center;justify-content:center;width:32px;height:32px;font-size:14px;color:#c4c6cc}.date-wrapper .date-input .date-picker-clear:hover{color:#63656e;cursor:pointer}.date-wrapper .date-input .date-picker:hover .date-picker-clear{display:flex!important}.date-wrapper .show-format{display:flex;align-items:center;width:100%;min-width:100%;margin-top:-8px;margin-bottom:12px;color:#979ba5}.date-wrapper .show-format .format-button{margin-left:8px}.date-format-wrapper{display:flex;flex-direction:column;width:520px;padding:12px 15px}.date-format-wrapper .content-title{margin-bottom:12px;font-weight:700;line-height:20px}.date-format-wrapper .content-table{display:flex;flex-direction:column;width:100%;border-collapse:collapse;background-color:#fff;border:1px solid #eaeefb;border-top:0;border-left:0}.date-format-wrapper .content-table th,.date-format-wrapper .content-table td{height:42px;padding:0 16px;line-height:42px;color:#63656e;text-align:left;border:1px solid #eaeefb;border-right:0;border-bottom:0}.date-format-wrapper .content-table thead,.date-format-wrapper .content-table tr{display:flex;align-items:center;width:100%}.date-format-wrapper .content-table thead th,.date-format-wrapper .content-table tr th{flex:1;background-color:#fafbfd}.date-format-wrapper .content-table tbody{display:block;width:calc(100% + 4px);max-height:300px;overflow:auto}.date-format-wrapper .content-table tbody td{display:flex;flex:1;align-items:center}.clearfix-style:after{display:block;height:0;clear:both;font-size:0;content:"";visibility:hidden}.time-range-popper{display:none;padding:7px 14px;font-size:12px;color:#fff;background:#333;border-radius:4px}.time-range-popper.light{color:#63656e;background:#fff;box-shadow:#dcdee5 0 0 6px}.time-range-popper .time-range-popper-arrow,.time-range-popper .time-range-popper-arrow:before{position:absolute;width:8px;height:8px;background:inherit}.time-range-popper .time-range-popper-arrow{visibility:hidden}.time-range-popper .time-range-popper-arrow:before{content:"";visibility:visible;transform:rotate(45deg)}.time-range-popper[data-show]{display:block}.time-range-popper[data-popper-placement^=top]>.time-range-popper-arrow{bottom:-4px}.time-range-popper[data-popper-placement^=bottom]>.time-range-popper-arrow{top:-4px}.time-range-popper[data-popper-placement^=left]>.time-range-popper-arrow{right:-4px}.time-range-popper[data-popper-placement^=right]>.time-range-popper-arrow{left:-4px}.time-range-textarea{--textarea-line-height: 20px;display:inline-flex;width:100%;overflow:hidden;font-size:12px;line-height:var(--textarea-line-height);color:#63656e;background-color:#fff;border:1px solid #c4c6cc;border-radius:2px;box-sizing:border-box;transition:all .3s;flex-direction:column}.time-range-textarea ::placeholder{font-size:12px;color:#c4c6cc}.time-range-textarea.resizable{resize:both}.time-range-textarea ::-webkit-scrollbar{-webkit-appearance:none;width:3px}.time-range-textarea ::-webkit-scrollbar-thumb{border-radius:4px;background-color:#dcdee5}.time-range-textarea.is-disabled,.time-range-textarea.is-readonly{background-color:#fafbfd;border-color:#dcdee5}.time-range-textarea.is-disabled .time-range-input--prefix-area,.time-range-textarea.is-readonly .time-range-input--prefix-area,.time-range-textarea.is-disabled .time-range-input--suffix-area,.time-range-textarea.is-readonly .time-range-input--suffix-area,.time-range-textarea.is-disabled .time-range-input--suffix-icon,.time-range-textarea.is-readonly .time-range-input--suffix-icon{cursor:not-allowed;background-color:#fafbfd}.time-range-textarea.is-disabled input,.time-range-textarea.is-readonly input,.time-range-textarea.is-disabled textarea,.time-range-textarea.is-readonly textarea{cursor:not-allowed;background-color:#fafbfd;opacity:1}.time-range-textarea.is-readonly input,.time-range-textarea.is-readonly textarea{cursor:auto}.time-range-textarea>textarea{width:100%;padding:5px 10px;line-height:1.5;text-align:left;border:0;border-radius:2px;outline:none;resize:none}.time-range-textarea--max-length{padding-right:10px;margin:0 0 0 auto;font-size:12px;text-align:right;transform:scale(.8);justify-content:flex-end}.time-range-textarea--max-length.is-over-limit{color:#ea3636}.time-range-textarea--max-length span{color:#979ba5}.time-range-textarea.is-focused:not(.is-readonly){border-color:#3a84ff;outline:0;box-shadow:0 0 3px #a3c5fd}.time-range-input{display:inline-flex;align-items:stretch;width:100%;height:32px;font-size:12px;border:1px solid #c4c6cc;border-radius:2px;transition:all .3s}.time-range-input ::placeholder{font-size:12px;color:#c4c6cc}.time-range-input.is-disabled,.time-range-input.is-readonly{background-color:#fafbfd;border-color:#dcdee5}.time-range-input.is-disabled .time-range-input--prefix-area,.time-range-input.is-readonly .time-range-input--prefix-area,.time-range-input.is-disabled .time-range-input--suffix-area,.time-range-input.is-readonly .time-range-input--suffix-area,.time-range-input.is-disabled .time-range-input--suffix-icon,.time-range-input.is-readonly .time-range-input--suffix-icon{cursor:not-allowed;background-color:#fafbfd}.time-range-input.is-disabled input,.time-range-input.is-readonly input,.time-range-input.is-disabled textarea,.time-range-input.is-readonly textarea{cursor:not-allowed;background-color:#fafbfd;opacity:1}.time-range-input.is-readonly input,.time-range-input.is-readonly textarea{cursor:auto}.time-range-input:hover:not(.is-disabled){border-color:#979ba5}.time-range-input:hover:not(.is-disabled) .show-clear-only-hover{display:flex}.time-range-input.is-simplicity{background-color:transparent;border-color:transparent;border-bottom-color:#c4c6cc}.time-range-input.is-simplicity:hover:not(.is-disabled){background-color:#f5f7fa;border-color:transparent;border-bottom-color:#c4c6cc;box-shadow:none}.time-range-input.is-simplicity:hover:not(.is-disabled) .time-range-input--text,.time-range-input.is-simplicity:hover:not(.is-disabled) .time-range-input--suffix-icon{background-color:#f5f7fa}.time-range-input--suffix-icon{display:flex;height:100%;padding-right:10px;font-size:14px;color:#c4c6cc;background-color:#fff;align-items:center;align-self:center;flex-shrink:0;cursor:pointer}.time-range-input--suffix-icon:hover{color:#313238}.time-range-input--suffix-icon.show-clear-only-hover{display:none}.time-range-input--clear-icon{cursor:pointer;flex-shrink:0}.time-range-input--clear-icon:hover{color:#979ba5}.time-range-input--large{height:40px;font-size:14px}.time-range-input--large ::placeholder{font-size:14px;color:#c4c6cc}.time-range-input--large .time-range-input--max-length{font-size:16px}.time-range-input--large .time-range-input--number-control span:first-child{margin-bottom:4px}.time-range-input--small{height:26px;font-size:12px}.time-range-input--small .time-range-input--max-length,.time-range-input--default,.time-range-input--default .time-range-input--max-length{font-size:12px}.time-range-input.is-focused:not(.is-readonly){border-color:#3a84ff;outline:0;box-shadow:0 0 3px #a3c5fd}.time-range-input.is-focused:not(.is-readonly).is-simplicity{border-color:transparent;border-bottom-color:#3a84ff;box-shadow:none}.time-range-input.is-focused:not(.is-readonly).is-simplicity .time-range-input--text,.time-range-input.is-focused:not(.is-readonly).is-simplicity .time-range-input--suffix-icon{background-color:#f5f7fa}.time-range-input--prefix-area,.time-range-input--suffix-area{display:flex;padding:0 10px;color:#63656e;background-color:#f5f7fa;border-right:1px solid #c4c6cc;align-items:center}.time-range-input--suffix-area{border:0;border-left:1px solid #c4c6cc}.time-range-input--max-length{align-self:center;padding-right:10px;font-size:12px;transform:scale(.8)}.time-range-input--max-length.is-over-limit{color:#ea3636}.time-range-input--max-length span{color:#979ba5}.time-range-input--text{width:100%;padding:0 10px;overflow:hidden;line-height:1;color:#63656e;text-overflow:ellipsis;white-space:nowrap;background-color:#fff;background-image:none;border:none;border-radius:2px;outline:none;box-sizing:border-box;transition:all .3s;flex:1}.time-range-input--text[type=search]::-webkit-search-decoration,.time-range-input--text[type=search]::-webkit-search-cancel-button,.time-range-input--text[type=search]::-webkit-search-results-button,.time-range-input--text[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}.time-range-input--text [type=search]::-ms-clear{display:none;width:0;height:0}.time-range-input--text [type=search]::-ms-reveal{display:none;width:0;height:0}.time-range-input--text[type=number]::-webkit-inner-spin-button,.time-range-input--text[type=number]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.time-range-input--number-control{display:flex;width:26px;height:100%;padding:4px 0;font-size:0;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center}.time-range-input--number-control span{display:flex;overflow:hidden;line-height:1;color:#979ba5;text-align:center;cursor:pointer;background-color:#f5f7fa;flex:1;align-items:center}.time-range-input--number-control span.is-disabled{color:#c4c6cc;cursor:not-allowed}.time-range-input--number-control svg{font-size:14px}.time-range-input--number-control span:first-child{transform:rotate(180deg)}.time-range-input--number-control span:not(.is-disabled):hover{background-color:#eaebf0}@keyframes loading-scale-animate{0%{transform:scale(1)}to{transform:scale(.6)}}@keyframes fade{to{background-color:transparent}}.time-range-transition .time-range-fade-enter-active,.time-range-transition .time-range-fade-leave-active{transition:all .3s cubic-bezier(.55,0,.1,1)}.time-range-transition .time-range-fade-enter,.time-range-transition .time-range-fade-leave-to{opacity:0}.time-range-select .mr5{margin-right:5px}.time-range-select .ml5{margin-left:5px}.time-range-select ul{padding:0;margin:0;font-weight:400;list-style:none}.time-range-select.large .time-range-select-content-wrapper{font-size:14px}.time-range-select.is-focus.normal .time-range-select-trigger .time-range-select-tag.time-range-select-tag--default{border-color:#3a84ff;box-shadow:0 0 3px #a3c5fd}.time-range-select.is-focus .time-range-input--default{border-color:#3a84ff;outline:0;box-shadow:0 0 3px #a3c5fd}.time-range-select.is-focus .time-range-input--default.is-simplicity{border-color:transparent;border-bottom-color:#3a84ff;box-shadow:none}.time-range-select.is-focus .time-range-input--default.is-simplicity .time-range-input--text{background-color:#f5f7fa}.time-range-select.popover-show .time-range-select-trigger .angle-up{transform:rotate(0)}.time-range-select.is-disabled .time-range-input--text{cursor:not-allowed;background-color:#fafbfd}.time-range-select .time-range-input.is-focused{border-color:#3a84ff;outline:0;box-shadow:0 0 3px #a3c5fd}.time-range-select .time-range-input.is-focused.is-simplicity{border-color:transparent;border-bottom-color:#3a84ff;box-shadow:none}.time-range-select .time-range-input--text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:24px;cursor:pointer;background-color:#fff}.time-range-select .time-range-select-trigger{position:relative}.time-range-select .time-range-select-trigger .time-range-tag-input .time-range-tag-input-trigger .clear-icon{margin-right:0}.time-range-select .time-range-select-trigger .time-range-select-tag{width:100%;height:32px;padding:0 28px 0 10px;line-height:normal;color:#63656e;text-align:left;vertical-align:middle;cursor:pointer;background-color:#fff;border:1px solid #c4c6cc;border-radius:2px;outline:none;box-sizing:border-box;transition:all .1s;resize:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;width:auto;align-items:center}.time-range-select .time-range-select-trigger .time-range-select-tag::placeholder{color:#c4c6cc}.time-range-select .time-range-select-trigger .time-range-select-tag.has-prefix{padding-left:0}.time-range-select .time-range-select-trigger .time-range-select-tag.collapse-tag .time-range-select-tag-wrapper{height:30px}.time-range-select .time-range-select-trigger .time-range-select-tag:not(.collapse-tag){position:relative;z-index:1;height:auto;min-height:32px;flex-wrap:wrap}.time-range-select .time-range-select-trigger .time-range-select-tag-wrapper{display:flex;align-items:center;flex-wrap:wrap;overflow:hidden}.time-range-select .time-range-select-trigger .time-range-select-tag:not(.is-disabled):hover{border-color:#979ba5}.time-range-select .time-range-select-trigger .time-range-select-tag.is-disabled{cursor:not-allowed;background-color:#fafbfd;border-color:#dcdee5}.time-range-select .time-range-select-trigger .time-range-select-tag.is-disabled input,.time-range-select .time-range-select-trigger .time-range-select-tag.is-disabled .time-range-tag{cursor:not-allowed}.time-range-select .time-range-select-trigger .time-range-select-tag.is-disabled .time-range-tag:hover{background-color:#f0f1f5}.time-range-select .time-range-select-trigger .time-range-select-tag.is-disabled .time-range-tag .time-range-tag-close{cursor:not-allowed}.time-range-select .time-range-select-trigger .time-range-select-tag.is-disabled .is-disabled{padding-left:0}.time-range-select .time-range-select-trigger .time-range-select-tag-input{width:100%;height:32px;line-height:normal;color:#63656e;text-align:left;vertical-align:middle;cursor:pointer;background-color:#fff;border:1px solid #c4c6cc;border-radius:2px;outline:none;box-sizing:border-box;transition:all .1s;resize:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:1%;height:22px;padding:0;margin:2px 5px 4px 0;background-color:transparent;border:none;flex-grow:1}.time-range-select .time-range-select-trigger .time-range-select-tag-input::placeholder{color:#c4c6cc}.time-range-select .time-range-select-trigger .time-range-select-tag .time-range-tag{max-width:190px;padding:0 4px}.time-range-select .time-range-select-trigger .angle-up{right:4px;transform:rotate(180deg);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;width:20px;height:20px;font-size:20px;color:#979ba5;position:absolute;top:0;display:inline-flex;height:100%;align-items:center;justify-content:center}.time-range-select .time-range-select-trigger .clear-icon{right:4px;cursor:pointer;transition:all .1s;display:flex;width:20px;height:20px;font-size:14px;color:#c4c6cc;position:absolute;top:0;display:inline-flex;height:100%;align-items:center;justify-content:center}.time-range-select .time-range-select-trigger .clear-icon:hover{color:#979ba5}.time-range-select .time-range-select-trigger .spinner{right:6px;position:absolute;top:0;display:inline-flex;height:100%;align-items:center;justify-content:center}.time-range-select--prefix-area{display:flex;height:100%;padding:0 10px;margin-right:10px;color:#63656e;background-color:#f5f7fa;border-right:1px solid #c4c6cc;align-items:center}.time-range-popover.time-range-pop2-content.time-range-select-popover{padding:0;border:1px solid #dcdee5;border-radius:2px;box-shadow:0 2px 6px #0000001a}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-empty{display:flex;align-items:center;justify-content:center;height:56px;color:#63656e}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-empty .spinner{display:flex;width:14px;height:14px;margin-right:4px;font-size:14px;color:#c4c6cc;align-items:center;justify-content:center}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-empty span{margin-left:4px;line-height:18px}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-dropdown{overflow:auto}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-dropdown::-webkit-scrollbar{width:4px;height:4px}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-dropdown::-webkit-scrollbar-thumb{background:#dde4eb;border-radius:20px;box-shadow:inset 0 0 6px #cccccc4d}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-extension{display:flex;height:40px;background-color:#fafbfd;align-items:center;border-top:1px solid #dcdee5;border-radius:0 0 2px 2px}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-options{padding:4px 0}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-option{position:relative;display:flex;height:32px;padding:0 12px;line-height:32px;color:#63656e;text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-option .time-range-select-selected-icon{position:absolute;top:5px;right:10px}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-option .time-range-select-checkbox{margin-right:6px;pointer-events:none}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-option-item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-option.is-hover{background-color:#f5f7fa}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-option:hover{color:#63656e;background-color:#f5f7fa}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-option.is-selected:not(.is-checkbox){color:#3a84ff;background-color:#e1ecff}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-option.is-disabled{color:#c4c6cc;cursor:not-allowed;background-color:transparent}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-option.is-multiple{padding-right:32px}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-option.is-multiple.is-selected{background-color:#fff}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-option.is-multiple.is-hover,.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-option.is-multiple:hover{background-color:#f5f7fa}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-options-loading{display:flex;align-items:center;justify-content:center}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-options-loading span{margin-left:4px;line-height:18px}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-option-group-label{height:32px;padding:0 8px;line-height:32px;color:#979ba5;text-align:left}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-option-group-label.collapsible{cursor:pointer}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-option-group.collapsible .time-range-select-option{padding-left:40px}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-option-group.disabled .default-group-label{color:#c4c6cc;cursor:not-allowed}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-option-group .default-group-label{display:flex;-webkit-user-select:none;user-select:none;align-items:center}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-option-group .default-group-label-icon{display:flex;width:12px;height:12px;margin-right:8px;transition:all .1s;align-items:center;justify-content:center}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-option-group .default-group-label-icon.collapse{transform:rotate(-90deg)}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-option-group .time-range-select-option{padding-left:24px}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-search-wrapper{display:flex;margin:4px 8px 0;border-bottom:1px solid #eaebf0;align-items:center}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-search-wrapper .icon-search{margin-left:2px;color:#979ba5}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-search-wrapper .time-range-select-search-input{width:100%;height:32px;line-height:normal;color:#63656e;text-align:left;vertical-align:middle;cursor:pointer;background-color:#fff;border:1px solid #c4c6cc;border-radius:2px;outline:none;box-sizing:border-box;transition:all .1s;resize:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 8px;cursor:text;border:none}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-search-wrapper .time-range-select-search-input::placeholder{color:#c4c6cc}.natural-picker{display:flex;align-items:center;min-height:56px}.natural-picker .natural-date{width:256px}.natural-picker .natural-unit{width:140px;margin-left:8px}.natural-custom-option{display:flex;align-items:center;width:100%;min-width:250px;height:100%;padding:0 12px;margin:0 -12px}.natural-custom-option .time-range-input{background-color:#fff}.recent-picker{display:flex;align-items:center;min-height:56px}.recent-picker .recent-input{border-top-right-radius:0;border-bottom-right-radius:0}.recent-picker .recent-input.is-focused{z-index:2}.recent-picker .recent-unit{width:164px}.recent-picker .recent-unit .time-range-input{margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}.recent-picker .recent-unit .time-range-input--text{border-radius:0}.timezone-picker{width:100%}.timezone-picker-option{display:flex;align-items:center;width:100%;color:#63656e}.timezone-picker-option .option-name{flex:1}.timezone-picker-option .option-country{display:flex;width:100%;margin-left:6px;color:#999}.timezone-picker-option .option-utc{display:inline-flex;align-items:center;justify-content:center;height:20px;padding:0 8px;background:#f0f1f5;border-radius:2px}.timezone-picker-option.is-selected{color:#3a84ff}.timezone-picker-option.is-selected .option-country{color:#699df4}.timezone-picker-option.is-selected .option-utc{color:#fff;background-color:#699df4}.panel-wrapper{width:510px;padding:12px 16px 0;background:#fff;border:1px solid #dcdee5;border-radius:2px;box-shadow:0 2px 6px #0000001a}.panel-wrapper .common-date-list{height:136px;max-height:136px;padding:0 0 4px;margin:12px -10px 0 0;overflow:auto}.panel-wrapper .common-date-list .list-item{display:inline-flex;align-items:center;min-width:calc(33.33% - 8px);height:28px;padding:0 8px;margin-right:8px;margin-bottom:8px;color:#313238;cursor:pointer;background:#f5f7fa;border-radius:2px}.panel-wrapper .common-date-list .list-item.is-recent-item{min-width:inherit;height:24px;padding:0 6px;color:#63656e}.panel-wrapper .common-date-list .list-item.is-selected,.panel-wrapper .common-date-list .list-item:hover{color:#3a84ff;background:#e1ecff}.panel-wrapper .date-pick-tab{padding-top:12px;border-top:1px solid #eaebf0}.panel-wrapper .date-pick-tab .time-range-tab-header-item{margin-right:20px!important}.panel-wrapper .time-zone-panel{display:flex;align-items:center;height:45px;padding:0 16px;margin:0 -16px;color:#313238;background:#fafbfd;border-top:1px solid #dcdee5}.panel-wrapper .time-zone-panel .time-zone{display:flex;align-items:center;margin:0 8px}.panel-wrapper .time-zone-panel .time-zone-area{display:flex;align-items:center;margin-left:8px;color:#979ba5}.panel-wrapper .time-zone-panel .time-zone-tag{display:flex;align-items:center;justify-content:center;width:79px;height:20px;color:#63656e;border:1px solid #dcdee5;border-radius:2px}.panel-wrapper .time-zone-panel .time-zone-btn{margin-left:auto}.panel-wrapper .time-zone-picker{margin:8px 0}.panel-wrapper .common-wrapper{display:flex;flex-direction:column;height:139px;max-height:139px;overflow:auto}.panel-wrapper .common-wrapper .empty-content{height:100px;max-height:100px}.panel-wrapper .common-wrapper .empty-tips{display:flex;align-items:center;justify-content:center}.__bk_date_picker__{box-sizing:border-box;display:inline-flex;align-items:center;height:32px;padding:0 4px;font-size:12px;color:#63656e;border:1px solid #c4c6cc;border-radius:2px}.__bk_date_picker__ div::-webkit-scrollbar,.__bk_date_picker__ ul::-webkit-scrollbar,.__bk_date_picker__ section::-webkit-scrollbar,.__bk_date_picker__ tbody::-webkit-scrollbar,.__bk_date_picker__ article::-webkit-scrollbar{width:4px;height:4px}.__bk_date_picker__ div::-webkit-scrollbar-thumb,.__bk_date_picker__ ul::-webkit-scrollbar-thumb,.__bk_date_picker__ section::-webkit-scrollbar-thumb,.__bk_date_picker__ tbody::-webkit-scrollbar-thumb,.__bk_date_picker__ article::-webkit-scrollbar-thumb{background:#ddd;border-radius:20px;box-shadow:inset 0 0 6px #cccccc4d}.__bk_date_picker__ .date-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:20px;font-weight:700;color:#989ca7;background:#f5f7fa;border-radius:2px}.__bk_date_picker__ .date-icon-left,.__bk_date_picker__ .date-icon-right{display:inline-flex}.__bk_date_picker__ .date-icon-left svg,.__bk_date_picker__ .date-icon-right svg{width:20px!important;height:20px!important}.__bk_date_picker__ .date-icon:hover{cursor:pointer;background-color:#f0f1f5}.__bk_date_picker__.is-simplicity{border-color:transparent}.__bk_date_picker__.is-simplicity .date-icon{background-color:transparent}.__bk_date_picker__.is-simplicity .date-icon:hover{cursor:pointer;background-color:#f0f1f5}.__bk_date_picker__.is-disabled{color:#c4c6cc;cursor:not-allowed}.__bk_date_picker__.is-disabled .date-icon{color:#c4c6cc;pointer-events:none}.__bk_date_picker__.is-disabled .date-content{pointer-events:none;cursor:not-allowed}.__bk_date_picker__ .date-content{display:flex;align-items:center;height:24px;padding:0 6px;margin:0 4px;-webkit-user-select:none;user-select:none;border-radius:2px}.__bk_date_picker__ .date-content-icon{margin-right:4px}.__bk_date_picker__ .date-content-utc{display:flex;align-items:center;margin-left:4px;font-weight:700;color:#ff9c01}.__bk_date_picker__ .date-content:hover{cursor:pointer;background:#f5f7fa}.__bk-date-picker-popover__{padding:0!important;margin:0!important;color:#63656e!important}.__bk-date-picker-popover__ div::-webkit-scrollbar,.__bk-date-picker-popover__ ul::-webkit-scrollbar,.__bk-date-picker-popover__ section::-webkit-scrollbar,.__bk-date-picker-popover__ tbody::-webkit-scrollbar,.__bk-date-picker-popover__ article::-webkit-scrollbar{width:4px;height:4px}.__bk-date-picker-popover__ div::-webkit-scrollbar-thumb,.__bk-date-picker-popover__ ul::-webkit-scrollbar-thumb,.__bk-date-picker-popover__ section::-webkit-scrollbar-thumb,.__bk-date-picker-popover__ tbody::-webkit-scrollbar-thumb,.__bk-date-picker-popover__ article::-webkit-scrollbar-thumb{background:#ddd;border-radius:20px;box-shadow:inset 0 0 6px #cccccc4d}.__bk-date-picker-popover__ ul{padding:0;margin:0}.__bk-date-picker-popover__ ul li{list-style:none}.__bk-date-picker-popover__ .time-range-select-search-wrapper .icon-search:before{content:""!important}.__bk-date-picker-popover__ .time-range-pop-confirm{margin:20px 16px 16px!important}.__date-tooltips__{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:156px;line-height:20px}.__date-tooltips__ div::-webkit-scrollbar,.__date-tooltips__ ul::-webkit-scrollbar,.__date-tooltips__ section::-webkit-scrollbar,.__date-tooltips__ tbody::-webkit-scrollbar,.__date-tooltips__ article::-webkit-scrollbar{width:4px;height:4px}.__date-tooltips__ div::-webkit-scrollbar-thumb,.__date-tooltips__ ul::-webkit-scrollbar-thumb,.__date-tooltips__ section::-webkit-scrollbar-thumb,.__date-tooltips__ tbody::-webkit-scrollbar-thumb,.__date-tooltips__ article::-webkit-scrollbar-thumb{background:#ddd;border-radius:20px;box-shadow:inset 0 0 6px #cccccc4d}.__date-tooltips__ .date-tooltips-timezone{display:flex;align-items:center;justify-content:center;width:100%;margin-top:4px;color:#ff9c01}.__date-tooltips__ .date-tooltips-diff{display:flex;align-items:center;justify-content:center;padding:0 4px;margin-top:4px;color:#fff;background:rgba(255,255,255,.12);border-radius:2px}
package/dist/vue2-full.es.js CHANGED
@@ -26408,6 +26408,7 @@ const GS = { class: "natural-picker" }, US = ["onClick"], FS = "__", KS = /* @__
26408
26408
  "input-search": !1,
26409
26409
  "model-value": l(v.value),
26410
26410
  "no-match-text": he(we)("无匹配数据"),
26411
+ "popover-min-width": 130,
26411
26412
  "popover-options": { boundary: "parent", extCls: "__bk-date-picker-popover__" },
26412
26413
  prefix: he(we)("自然日期"),
26413
26414
  "search-placeholder": he(we)("请输入"),
@@ -26429,7 +26430,7 @@ const GS = { class: "natural-picker" }, US = ["onClick"], FS = "__", KS = /* @__
26429
26430
  Ee("div", {
26430
26431
  onClick: _[1] || (_[1] = uv(() => {
26431
26432
  }, ["prevent", "stop"])),
26432
- style: { width: "100%", padding: "0 12px", margin: "0 -12px" }
26433
+ class: "natural-custom-option"
26433
26434
  }, [
26434
26435
  u.value === L.id ? (He(), mn(he(Id), {
26435
26436
  key: 0,
@@ -26446,7 +26447,7 @@ const GS = { class: "natural-picker" }, US = ["onClick"], FS = "__", KS = /* @__
26446
26447
  ref_key: "inputRef",
26447
26448
  ref: n,
26448
26449
  size: "small",
26449
- style: { width: "100%" },
26450
+ style: { width: "150px" },
26450
26451
  type: "number",
26451
26452
  modelValue: f.value,
26452
26453
  "onUpdate:modelValue": _[0] || (_[0] = (j) => f.value = j)
package/dist/vue2-light.css CHANGED
@@ -1 +1 @@
1
- .time-range-popover.time-range-pop2-content{position:absolute;display:none;padding:7px 14px;font-size:12px;color:#fff;background:#26323d;border-radius:4px;box-sizing:border-box}.time-range-popover.time-range-pop2-content .time-range-pop2-arrow{position:absolute;z-index:-1;width:8px;height:8px;background:#333;transform:rotate(45deg)}.time-range-popover.time-range-pop2-content[data-theme^=light]{color:#26323d;background-color:#fff;box-shadow:0 0 6px #dcdee5}.time-range-popover.time-range-pop2-content[data-theme^=light] .time-range-pop2-arrow{background-color:#fff}.scroll-bar-style::-webkit-scrollbar{width:4px;height:4px}.scroll-bar-style::-webkit-scrollbar-thumb{background:#ddd;border-radius:20px;box-shadow:inset 0 0 6px #cccccc4d}html,body{padding:0;margin:0}*{box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;box-sizing:content-box}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button;-moz-appearance:button;appearance:button}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{padding:0;box-sizing:border-box}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}::-ms-clear,::-ms-reveal{display:none}input[type=text]::-ms-clear{display:none}input[type=text]::-ms-reveal{display:none}input[type=search]{box-sizing:content-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid #c0c0c0}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}.bk-scroll-y{overflow-y:auto}.bk-scroll-y::-webkit-scrollbar{width:4px;height:4px}.bk-scroll-y::-webkit-scrollbar-thumb{background:#ddd;border-radius:20px;box-shadow:inset 0 0 6px #cccccc4d}.bk-scroll-x{overflow-x:auto}.bk-scroll-x::-webkit-scrollbar{width:4px;height:4px}.bk-scroll-x::-webkit-scrollbar-thumb{background:#ddd;border-radius:20px;box-shadow:inset 0 0 6px #cccccc4d}.time-range-button{display:inline-flex;height:32px;padding:5px 12px;font-size:14px;color:#63656e;text-decoration:none;white-space:nowrap;cursor:pointer;background-color:#fff;border:1px solid #c4c6cc;border-radius:2px;outline:none;box-sizing:border-box;transition:background-color ease .3s;-webkit-appearance:none;-moz-appearance:none;appearance:none;align-items:center;justify-content:center}.time-range-button.time-range-button-primary{background-color:#3a84ff;color:#fff;border-color:#3a84ff}.time-range-button.time-range-button-primary:hover{background-color:#5594fa;border-color:#5594fa}.time-range-button.time-range-button-primary:active{background-color:#2c77f4;border-color:#2c77f4;color:#fff}.time-range-button.time-range-button-primary.is-outline{color:#3a84ff;border-color:#3a84ff;background-color:#fff}.time-range-button.time-range-button-primary.is-outline:hover{background-color:#5594fa;border-color:#5594fa;color:#fff}.time-range-button.time-range-button-primary.is-outline:active{background-color:#2c77f4;border-color:#2c77f4;color:#fff}.time-range-button.time-range-button-primary.is-text{color:#3a84ff;background-color:transparent;border:none}.time-range-button.time-range-button-primary.is-text:not(.is-disabled):hover{color:#5594fa}.time-range-button.time-range-button-primary.is-disabled{color:#dcdee5;cursor:not-allowed}.time-range-button.time-range-button-primary.is-disabled:not(.is-text){background-color:#dcdee5;color:#fff;border-color:#dcdee5}.time-range-button.time-range-button-hover-primary:hover{background-color:#5594fa;border-color:#5594fa;color:#fff}.time-range-button.time-range-button-warning{background-color:#ff9c01;color:#fff;border-color:#ff9c01}.time-range-button.time-range-button-warning:hover{background-color:#ffb848;border-color:#ffb848}.time-range-button.time-range-button-warning:active{background-color:#eb9000;border-color:#eb9000;color:#fff}.time-range-button.time-range-button-warning.is-outline{color:#ff9c01;border-color:#ff9c01;background-color:#fff}.time-range-button.time-range-button-warning.is-outline:hover{background-color:#ffb848;border-color:#ffb848;color:#fff}.time-range-button.time-range-button-warning.is-outline:active{background-color:#eb9000;border-color:#eb9000;color:#fff}.time-range-button.time-range-button-warning.is-text{color:#ff9c01;background-color:transparent;border:none}.time-range-button.time-range-button-warning.is-text:not(.is-disabled):hover{color:#ffb848}.time-range-button.time-range-button-warning.is-disabled{color:#dcdee5;cursor:not-allowed}.time-range-button.time-range-button-warning.is-disabled:not(.is-text){background-color:#dcdee5;color:#fff;border-color:#dcdee5}.time-range-button.time-range-button-hover-warning:hover{background-color:#ffb848;border-color:#ffb848;color:#fff}.time-range-button.time-range-button-success{background-color:#2dcb56;color:#fff;border-color:#2dcb56}.time-range-button.time-range-button-success:hover{background-color:#45e35f;border-color:#45e35f}.time-range-button.time-range-button-success:active{background-color:#1ab943;border-color:#1ab943;color:#fff}.time-range-button.time-range-button-success.is-outline{color:#2dcb56;border-color:#2dcb56;background-color:#fff}.time-range-button.time-range-button-success.is-outline:hover{background-color:#45e35f;border-color:#45e35f;color:#fff}.time-range-button.time-range-button-success.is-outline:active{background-color:#1ab943;border-color:#1ab943;color:#fff}.time-range-button.time-range-button-success.is-text{color:#2dcb56;background-color:transparent;border:none}.time-range-button.time-range-button-success.is-text:not(.is-disabled):hover{color:#45e35f}.time-range-button.time-range-button-success.is-disabled{color:#dcdee5;cursor:not-allowed}.time-range-button.time-range-button-success.is-disabled:not(.is-text){background-color:#dcdee5;color:#fff;border-color:#dcdee5}.time-range-button.time-range-button-hover-success:hover{background-color:#45e35f;border-color:#45e35f;color:#fff}.time-range-button.time-range-button-danger{background-color:#ea3636;color:#fff;border-color:#ea3636}.time-range-button.time-range-button-danger:hover{background-color:#ff5656;border-color:#ff5656}.time-range-button.time-range-button-danger:active{background-color:#db2626;border-color:#db2626;color:#fff}.time-range-button.time-range-button-danger.is-outline{color:#ea3636;border-color:#ea3636;background-color:#fff}.time-range-button.time-range-button-danger.is-outline:hover{background-color:#ff5656;border-color:#ff5656;color:#fff}.time-range-button.time-range-button-danger.is-outline:active{background-color:#db2626;border-color:#db2626;color:#fff}.time-range-button.time-range-button-danger.is-text{color:#ea3636;background-color:transparent;border:none}.time-range-button.time-range-button-danger.is-text:not(.is-disabled):hover{color:#ff5656}.time-range-button.time-range-button-danger.is-disabled{color:#dcdee5;cursor:not-allowed}.time-range-button.time-range-button-danger.is-disabled:not(.is-text){background-color:#dcdee5;color:#fff;border-color:#dcdee5}.time-range-button.time-range-button-hover-danger:hover{background-color:#ff5656;border-color:#ff5656;color:#fff}.time-range-button.time-range-button-small{height:26px;padding:3px 12px;font-size:12px}.time-range-button.time-range-button-large{height:38px;padding:8px 20px;font-size:16px}.time-range-button .time-range-button-text{display:inline-flex;align-items:center;line-height:1}.time-range-button.is-loading{position:relative}.time-range-button.is-loading .time-range-button-loading:not(:last-child){position:absolute}.time-range-button.is-loading .time-range-button-text{visibility:hidden}.time-range-button:hover{border-color:#979ba5}.time-range-button:active{color:#3a84ff;border-color:#3a84ff}.time-range-button.is-text{height:auto;padding:0;font-size:inherit;color:#63656e;text-decoration:none;cursor:pointer;background-color:transparent;border:none;outline:none}.time-range-button.is-disabled{color:#dcdee5;cursor:not-allowed;border-color:#dcdee5}.time-range-button-group{display:inline-block;font-size:0}.time-range-button-group.time-range-button-group-small .time-range-button{height:26px;padding:3px 12px;font-size:12px}.time-range-button-group.time-range-button-group-large .time-range-button{height:38px;padding:8px 20px;font-size:16px}.time-range-button-group .time-range-button{height:32px;margin:0 0 0 -1px;border-radius:0}.time-range-button-group .time-range-button:not(.is-disabled){color:#63656e;background-color:#fff;border-color:#c4c6cc}.time-range-button-group .time-range-button.is-disabled{color:#c4c6cc}.time-range-button-group .time-range-button:first-child{border-radius:2px 0 0 2px}.time-range-button-group .time-range-button:last-child{border-radius:0 2px 2px 0}.time-range-button-group .time-range-button:only-child{border-radius:2px}.time-range-button-group .time-range-button:hover:not(.is-disabled),.time-range-button-group .time-range-button.is-selected:not(.is-disabled){position:relative;z-index:1;color:#3a84ff;background-color:#fff;border-color:#3a84ff}.time-range-button-group .time-range-button.is-selected:not(.is-disabled){background-color:#e1ecff}.time-range-button-group .time-range-button.is-selected.is-disabled{background-color:#f0f1f5}.time-range-exception{position:relative;display:flex;width:100%;align-items:center;flex-direction:column;text-align:center}.time-range-exception-img{display:flex;align-items:center;justify-content:center}.time-range-exception-img .exception-image{display:block;height:100%;object-fit:contain}.time-range-exception-title{color:#313238}.time-range-exception-description{color:#63656e}.time-range-exception-page .time-range-exception-img{width:480px;height:240px}.time-range-exception-page .time-range-exception-title{margin-top:18px;font-size:24px;line-height:32px}.time-range-exception-page .time-range-exception-description{margin-top:16px;font-size:14px;line-height:22px}.time-range-exception-page .time-range-exception-footer{margin-top:24px}.time-range-exception-part .time-range-exception-img{width:120px;height:100px}.time-range-exception-part .time-range-exception-title{margin-top:8px;font-size:14px;line-height:22px}.time-range-exception-part .time-range-exception-description{margin-top:8px;font-size:12px;line-height:20px}.time-range-exception-part .time-range-exception-footer{margin-top:8px}.time-range-popover.time-range-pop-confirm-box{padding:16px 24px}.time-range-pop-confirm-title{font-size:14px;color:#313238;padding-bottom:12px}.time-range-pop-confirm-icon{color:#ff5656;margin-right:4px}.time-range-pop-confirm-content{font-size:12px;color:#63656e;padding:0 0 20px}.time-range-pop-confirm-simple{font-size:14px}.time-range-pop-confirm-footer{display:flex;justify-content:flex-end;align-items:center}.time-range-pop-confirm-footer .time-range-button{margin-left:8px}.time-range-tab{position:relative;display:flex}.time-range-tab--top{flex-direction:column}.time-range-tab--right{flex-direction:row-reverse}.time-range-tab-header{position:relative;display:flex;color:#63656e}.time-range-tab--left .time-range-tab-header{border-right:1px solid #dcdee5}.time-range-tab--right .time-range-tab-header{border-left:1px solid #dcdee5}.time-range-tab--vertical-tab .time-range-tab-header{border:0}.time-range-tab--left .time-range-tab-header,.time-range-tab--right .time-range-tab-header{flex-direction:column}.time-range-tab--left .time-range-tab-header>div,.time-range-tab--right .time-range-tab-header>div{flex-direction:column}.time-range-tab--card-tab .time-range-tab-header,.time-range-tab--vertical-tab .time-range-tab-header{background:#F0F1F5}.time-range-tab--card-tab .time-range-tab-header{border-radius:4px 4px 0}.time-range-tab--card .time-range-tab-header,.time-range-tab--vertical-card .time-range-tab-header{border-bottom:1px solid #dcdee5}.time-range-tab--border-card .time-range-tab-header{border:solid #dcdee5;border-width:1px 1px 1px 0}.time-range-tab--border-card .time-range-tab-header{background:#FAFBFD}.time-range-tab--unborder-card .time-range-tab-header{border-bottom:1px solid #dcdee5}.time-range-tab-header>div{display:flex;flex-wrap:nowrap}.time-range-tab--card .time-range-tab-header>div,.time-range-tab--vertical-card .time-range-tab-header>div,.time-range-tab--border-card .time-range-tab-header>div{margin-bottom:-1px}.time-range-tab-header-nav{position:relative}.time-range-tab--top .time-range-tab-header-nav{overflow-x:auto;overflow-y:visible}.time-range-tab--left .time-range-tab-header-nav,.time-range-tab--right .time-range-tab-header-nav{overflow-x:visible;overflow-y:auto}.time-range-tab--card .time-range-tab-header-nav,.time-range-tab--border-card .time-range-tab-header-nav,.time-range-tab--vertical-card .time-range-tab-header-nav{border-left:1px solid #dcdee5}.time-range-tab-header-nav::-webkit-scrollbar{display:none;width:0;height:0}.time-range-tab-header-next,.time-range-tab-header-prev{position:absolute;top:1px;bottom:1px;width:15px;background:#fff;content:""}.time-range-tab-header-prev{left:1px}.time-range-tab-header-next{right:1px}.time-range-tab-header-operation .time-range-tab-header-item{padding:0 12px}.time-range-tab-header-setting{justify-self:flex-end;margin-left:auto;white-space:nowrap}.time-range-tab-header-item{display:flex;white-space:nowrap;cursor:pointer;justify-content:center;align-items:center}.time-range-tab--top .time-range-tab-header-item{padding:0 20px}.time-range-tab--left .time-range-tab-header-item,.time-range-tab--right .time-range-tab-header-item{padding:0 12px}.time-range-tab--left .time-range-tab-header-item{text-align:right}.time-range-tab--card .time-range-tab-header-item,.time-range-tab--vertical-card .time-range-tab-header-item{border-top:1px solid #dcdee5}.time-range-tab--card .time-range-tab-header-item,.time-range-tab--border-card .time-range-tab-header-item,.time-range-tab--vertical-card .time-range-tab-header-item{border-right:1px solid #dcdee5}.time-range-tab--card-tab .time-range-tab-header-item{position:relative}.time-range-tab--card-tab .time-range-tab-header-item:not(:first-of-type):before,.time-range-tab--card-tab .time-range-tab-header-item:last-of-type:after{position:absolute;top:50%;left:0;display:block;width:1px;height:16px;margin-top:-8px;background:#c4c6cc;content:""}.time-range-tab--card-tab .time-range-tab-header-item:last-of-type:after{right:0;left:initial}.time-range-tab--card-grid .time-range-tab-header-item{height:40px;margin-right:8px;line-height:40px;background:#eaebf0;border-radius:4px 4px 0 0}.time-range-tab-header-operation .time-range-tab-header-item{padding-right:12px;padding-left:12px}.time-range-tab-header-item:hover{color:#3a84ff}.time-range-tab-header-item:hover .time-range-tab-header--close{display:block;margin-left:5px;color:#ea3636}.time-range-tab-header--active{color:#3a84ff}.time-range-tab--card .time-range-tab-header--active,.time-range-tab--border-card .time-range-tab-header--active,.time-range-tab--vertical-card .time-range-tab-header--active{background:white;border-bottom-color:#fff}.time-range-tab--card-tab .time-range-tab-header--active,.time-range-tab--vertical-tab .time-range-tab-header--active{background:#fff}.time-range-tab--card-tab .time-range-tab-header--active{border-radius:4px 4px 0 0}.time-range-tab--card-tab .time-range-tab-header--active:after,.time-range-tab--card-tab .time-range-tab-header--active:before,.time-range-tab--card-tab .time-range-tab-header--active+.time-range-tab-header-item:before{display:none!important}.time-range-tab--card-grid .time-range-tab-header--active{background:#fff}.time-range-tab-header--close{display:none;font-size:16px;color:#c4c6cc}.time-range-tab-header--disabled{cursor:not-allowed}.time-range-tab-header--disabled,.time-range-tab-header--disabled:hover{color:#aaa}.time-range-tab-header-active-bar{position:absolute;width:0;height:0;background:#3a84ff;transition:all ease-in .3s}.time-range-tab-content{flex:1;padding:10px}.time-range-tab--border-card .time-range-tab-content,.time-range-tab--vertical-card .time-range-tab-content{border:solid #dcdee5;border-width:0 1px 1px}.time-range-tab--card-grid .time-range-tab-content{background:#fff;border-radius:0 4px 4px;box-shadow:0 2px 4px #1919290d}.time-range-tab-panel{height:100%}.common-panel-tab{display:flex;align-items:center}.common-panel-tab .time-range-tab-header{line-height:20px!important;border-bottom:0!important}.common-panel-tab .time-range-tab-header .time-range-tab-header-item{padding:0 0 4px;margin-right:28px}.common-panel-tab .time-range-tab-header--active{font-weight:700;color:#63656e}.common-panel-tab .time-range-tab-content{display:none;width:0;height:0}.common-panel-tab .delete-all{margin-left:auto}.common-panel-tab .delete-all:hover{color:#3a84ff;cursor:pointer}.common-submit{flex:0 0 64px;width:64px;margin-left:8px}.common-favorite{display:flex;flex:0 0 32px;align-items:center;justify-content:center;width:32px;height:32px;margin-left:8px;cursor:pointer;background:#f5f7fa;border-radius:2px}.common-favorite:hover svg path{fill:#3a84ff}.time-range-checkbox-group{display:inline-flex;letter-spacing:normal}.time-range-checkbox{display:inline-flex;justify-self:center;align-items:center;font-size:14px;letter-spacing:normal;color:#63656e;cursor:pointer;-webkit-user-select:none;user-select:none}.time-range-checkbox~.time-range-checkbox{margin-left:30px}.time-range-checkbox.is-checked .time-range-checkbox-input{background:#3a84ff;border-color:#3a84ff;transition:all .1s}.time-range-checkbox.is-checked .time-range-checkbox-input.small:after{width:3px;height:6px}.time-range-checkbox.is-checked .time-range-checkbox-input:after{position:absolute;top:50%;left:50%;width:4px;height:8px;border:2px solid #fff;border-top:0;border-left:0;content:"";transform:translate(-50%,-60%) scaleY(1) rotate(45deg);transform-origin:center}.time-range-checkbox.is-indeterminated .time-range-checkbox-input{background:#3a84ff;border-color:#3a84ff;transition:all .1s}.time-range-checkbox.is-indeterminated .time-range-checkbox-input.small:after{width:6px;height:2px}.time-range-checkbox.is-indeterminated .time-range-checkbox-input:after{position:absolute;top:50%;left:50%;width:8px;height:2px;background:#fff;border:none;border-radius:2px;content:"";transform:translate(-50%,-50%)}.time-range-checkbox.is-disabled{color:#c4c6cc;cursor:not-allowed}.time-range-checkbox.is-disabled .time-range-checkbox-input{background:#fafbfd;border-color:#dcdee5}.time-range-checkbox.is-disabled .time-range-checkbox-input:after{background:#dcdee5}.time-range-checkbox.is-disabled.is-checked .time-range-checkbox-input{background:#a3c5fd;border-color:#a3c5fd}.time-range-checkbox.is-disabled.is-checked .time-range-checkbox-input:after{background:#a3c5fd}.time-range-checkbox-input{position:relative;display:inline-block;width:16px;height:16px;vertical-align:middle;border:1px solid #979ba5;border-radius:2px}.time-range-checkbox-input.small{width:14px;height:14px}.time-range-checkbox-original{position:absolute;top:0;left:0;z-index:-1;width:0;height:0}.time-range-checkbox-label{display:inline-block;margin-left:6px;vertical-align:middle}.date-panel{display:flex;flex-direction:column;width:220px;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #dcdee5;box-shadow:0 2px 6px #0000001a}.date-panel-title{display:flex;flex:0 0 40px;align-items:center;height:40px;padding:0 12px;color:#63656e;border-bottom:1px solid #dcdee5}.date-panel-title .title-check{margin-left:auto}.date-panel-title .title-check .time-range-checkbox{pointer-events:none}.date-panel-main{display:flex;flex:1;flex-direction:column;padding:8px 0 12px}.date-panel-main .date-header{display:flex;align-items:center;width:100%;height:24px}.date-panel-main .date-header-center{display:flex;flex:1;align-items:center;justify-content:center;height:100%;font-size:14px;font-weight:700}.date-panel-main .date-header-center .date-split{width:5px;height:2px;margin:0 10px;background-color:#63656e}.date-panel-main .date-header-right,.date-panel-main .date-header-left{display:flex;align-items:center;height:100%;padding:0 6px;font-size:16px}.date-panel-main .date-header-right .hand-icon,.date-panel-main .date-header-left .hand-icon{display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#979ba5}.date-panel-main .date-header-right .hand-icon svg,.date-panel-main .date-header-left .hand-icon svg{width:20px!important;height:20px!important;font-weight:700}.date-panel-main .date-header-right .hand-icon:hover,.date-panel-main .date-header-left .hand-icon:hover{color:#3a84ff;cursor:pointer}.date-panel-main .date-header-right .hand-icon:hover svg,.date-panel-main .date-header-left .hand-icon:hover svg{fill:#3a84ff}.date-panel-main .date-header-right{margin-left:auto}.date-panel-main .date-content{display:flex;flex-direction:column}.date-panel-main .date-content .date-grid{display:flex;align-items:center;width:100%;padding:0 12px;margin:0}.date-panel-main .date-content .date-grid-item{display:flex;flex:0 0 14.285%;align-items:center;justify-content:center;width:14.285%;min-width:28px;height:24px}.date-panel-main .date-content .date-grid-item:not(.not-click):hover{cursor:pointer;background-color:#f0f1f5}.date-panel-main .date-content .date-grid-item.is-today{color:#3a84ff;border:1px solid #a3c5fd;border-radius:2px}.date-panel-main .date-content .date-grid-item.is-last-month{color:#c4c6cc;background-color:#f0f1f5}.date-panel-main .date-content .date-grid-item.is-next-month{color:#c4c6cc}.date-panel-main .date-content .date-grid-item.is-disabled{color:#c4c6cc!important;cursor:not-allowed!important;background-color:#f0f1f5!important}.date-panel-main .date-content .date-grid-item.is-selected{color:#fff!important;background-color:#3a84ff!important;border-radius:2px}.date-wrapper{display:flex;flex-direction:column}.date-wrapper .date-input{display:flex;align-items:center;width:100%;min-height:56px}.date-wrapper .date-input .date-picker{display:flex;align-items:center;width:100%;min-width:360px;height:32px;background:#fff;border:1px solid #c4c6cc;border-radius:2px}.date-wrapper .date-input .date-picker-icon{display:flex;align-items:center;justify-content:center;margin-right:6px;margin-left:8px}.date-wrapper .date-input .date-picker-start,.date-wrapper .date-input .date-picker-end{width:160px;height:24px;padding:0 4px;font-size:12px;color:#63656e;border:none;border-radius:2px}.date-wrapper .date-input .date-picker-start:focus,.date-wrapper .date-input .date-picker-end:focus{background:#e1ecff;border:none;outline:none;box-shadow:none}.date-wrapper .date-input .date-picker-split{display:flex;align-items:center;justify-content:center;padding:0 8px;color:#979ba5}.date-wrapper .date-input .date-picker-clear{display:none!important;flex:0 0 32px;align-items:center;justify-content:center;width:32px;height:32px;font-size:14px;color:#c4c6cc}.date-wrapper .date-input .date-picker-clear:hover{color:#63656e;cursor:pointer}.date-wrapper .date-input .date-picker:hover .date-picker-clear{display:flex!important}.date-wrapper .show-format{display:flex;align-items:center;width:100%;min-width:100%;margin-top:-8px;margin-bottom:12px;color:#979ba5}.date-wrapper .show-format .format-button{margin-left:8px}.date-format-wrapper{display:flex;flex-direction:column;width:520px;padding:12px 15px}.date-format-wrapper .content-title{margin-bottom:12px;font-weight:700;line-height:20px}.date-format-wrapper .content-table{display:flex;flex-direction:column;width:100%;border-collapse:collapse;background-color:#fff;border:1px solid #eaeefb;border-top:0;border-left:0}.date-format-wrapper .content-table th,.date-format-wrapper .content-table td{height:42px;padding:0 16px;line-height:42px;color:#63656e;text-align:left;border:1px solid #eaeefb;border-right:0;border-bottom:0}.date-format-wrapper .content-table thead,.date-format-wrapper .content-table tr{display:flex;align-items:center;width:100%}.date-format-wrapper .content-table thead th,.date-format-wrapper .content-table tr th{flex:1;background-color:#fafbfd}.date-format-wrapper .content-table tbody{display:block;width:calc(100% + 4px);max-height:300px;overflow:auto}.date-format-wrapper .content-table tbody td{display:flex;flex:1;align-items:center}.clearfix-style:after{display:block;height:0;clear:both;font-size:0;content:"";visibility:hidden}.time-range-popper{display:none;padding:7px 14px;font-size:12px;color:#fff;background:#333;border-radius:4px}.time-range-popper.light{color:#63656e;background:#fff;box-shadow:#dcdee5 0 0 6px}.time-range-popper .time-range-popper-arrow,.time-range-popper .time-range-popper-arrow:before{position:absolute;width:8px;height:8px;background:inherit}.time-range-popper .time-range-popper-arrow{visibility:hidden}.time-range-popper .time-range-popper-arrow:before{content:"";visibility:visible;transform:rotate(45deg)}.time-range-popper[data-show]{display:block}.time-range-popper[data-popper-placement^=top]>.time-range-popper-arrow{bottom:-4px}.time-range-popper[data-popper-placement^=bottom]>.time-range-popper-arrow{top:-4px}.time-range-popper[data-popper-placement^=left]>.time-range-popper-arrow{right:-4px}.time-range-popper[data-popper-placement^=right]>.time-range-popper-arrow{left:-4px}.time-range-textarea{--textarea-line-height: 20px;display:inline-flex;width:100%;overflow:hidden;font-size:12px;line-height:var(--textarea-line-height);color:#63656e;background-color:#fff;border:1px solid #c4c6cc;border-radius:2px;box-sizing:border-box;transition:all .3s;flex-direction:column}.time-range-textarea ::placeholder{font-size:12px;color:#c4c6cc}.time-range-textarea.resizable{resize:both}.time-range-textarea ::-webkit-scrollbar{-webkit-appearance:none;width:3px}.time-range-textarea ::-webkit-scrollbar-thumb{border-radius:4px;background-color:#dcdee5}.time-range-textarea.is-disabled,.time-range-textarea.is-readonly{background-color:#fafbfd;border-color:#dcdee5}.time-range-textarea.is-disabled .time-range-input--prefix-area,.time-range-textarea.is-readonly .time-range-input--prefix-area,.time-range-textarea.is-disabled .time-range-input--suffix-area,.time-range-textarea.is-readonly .time-range-input--suffix-area,.time-range-textarea.is-disabled .time-range-input--suffix-icon,.time-range-textarea.is-readonly .time-range-input--suffix-icon{cursor:not-allowed;background-color:#fafbfd}.time-range-textarea.is-disabled input,.time-range-textarea.is-readonly input,.time-range-textarea.is-disabled textarea,.time-range-textarea.is-readonly textarea{cursor:not-allowed;background-color:#fafbfd;opacity:1}.time-range-textarea.is-readonly input,.time-range-textarea.is-readonly textarea{cursor:auto}.time-range-textarea>textarea{width:100%;padding:5px 10px;line-height:1.5;text-align:left;border:0;border-radius:2px;outline:none;resize:none}.time-range-textarea--max-length{padding-right:10px;margin:0 0 0 auto;font-size:12px;text-align:right;transform:scale(.8);justify-content:flex-end}.time-range-textarea--max-length.is-over-limit{color:#ea3636}.time-range-textarea--max-length span{color:#979ba5}.time-range-textarea.is-focused:not(.is-readonly){border-color:#3a84ff;outline:0;box-shadow:0 0 3px #a3c5fd}.time-range-input{display:inline-flex;align-items:stretch;width:100%;height:32px;font-size:12px;border:1px solid #c4c6cc;border-radius:2px;transition:all .3s}.time-range-input ::placeholder{font-size:12px;color:#c4c6cc}.time-range-input.is-disabled,.time-range-input.is-readonly{background-color:#fafbfd;border-color:#dcdee5}.time-range-input.is-disabled .time-range-input--prefix-area,.time-range-input.is-readonly .time-range-input--prefix-area,.time-range-input.is-disabled .time-range-input--suffix-area,.time-range-input.is-readonly .time-range-input--suffix-area,.time-range-input.is-disabled .time-range-input--suffix-icon,.time-range-input.is-readonly .time-range-input--suffix-icon{cursor:not-allowed;background-color:#fafbfd}.time-range-input.is-disabled input,.time-range-input.is-readonly input,.time-range-input.is-disabled textarea,.time-range-input.is-readonly textarea{cursor:not-allowed;background-color:#fafbfd;opacity:1}.time-range-input.is-readonly input,.time-range-input.is-readonly textarea{cursor:auto}.time-range-input:hover:not(.is-disabled){border-color:#979ba5}.time-range-input:hover:not(.is-disabled) .show-clear-only-hover{display:flex}.time-range-input.is-simplicity{background-color:transparent;border-color:transparent;border-bottom-color:#c4c6cc}.time-range-input.is-simplicity:hover:not(.is-disabled){background-color:#f5f7fa;border-color:transparent;border-bottom-color:#c4c6cc;box-shadow:none}.time-range-input.is-simplicity:hover:not(.is-disabled) .time-range-input--text,.time-range-input.is-simplicity:hover:not(.is-disabled) .time-range-input--suffix-icon{background-color:#f5f7fa}.time-range-input--suffix-icon{display:flex;height:100%;padding-right:10px;font-size:14px;color:#c4c6cc;background-color:#fff;align-items:center;align-self:center;flex-shrink:0;cursor:pointer}.time-range-input--suffix-icon:hover{color:#313238}.time-range-input--suffix-icon.show-clear-only-hover{display:none}.time-range-input--clear-icon{cursor:pointer;flex-shrink:0}.time-range-input--clear-icon:hover{color:#979ba5}.time-range-input--large{height:40px;font-size:14px}.time-range-input--large ::placeholder{font-size:14px;color:#c4c6cc}.time-range-input--large .time-range-input--max-length{font-size:16px}.time-range-input--large .time-range-input--number-control span:first-child{margin-bottom:4px}.time-range-input--small{height:26px;font-size:12px}.time-range-input--small .time-range-input--max-length,.time-range-input--default,.time-range-input--default .time-range-input--max-length{font-size:12px}.time-range-input.is-focused:not(.is-readonly){border-color:#3a84ff;outline:0;box-shadow:0 0 3px #a3c5fd}.time-range-input.is-focused:not(.is-readonly).is-simplicity{border-color:transparent;border-bottom-color:#3a84ff;box-shadow:none}.time-range-input.is-focused:not(.is-readonly).is-simplicity .time-range-input--text,.time-range-input.is-focused:not(.is-readonly).is-simplicity .time-range-input--suffix-icon{background-color:#f5f7fa}.time-range-input--prefix-area,.time-range-input--suffix-area{display:flex;padding:0 10px;color:#63656e;background-color:#f5f7fa;border-right:1px solid #c4c6cc;align-items:center}.time-range-input--suffix-area{border:0;border-left:1px solid #c4c6cc}.time-range-input--max-length{align-self:center;padding-right:10px;font-size:12px;transform:scale(.8)}.time-range-input--max-length.is-over-limit{color:#ea3636}.time-range-input--max-length span{color:#979ba5}.time-range-input--text{width:100%;padding:0 10px;overflow:hidden;line-height:1;color:#63656e;text-overflow:ellipsis;white-space:nowrap;background-color:#fff;background-image:none;border:none;border-radius:2px;outline:none;box-sizing:border-box;transition:all .3s;flex:1}.time-range-input--text[type=search]::-webkit-search-decoration,.time-range-input--text[type=search]::-webkit-search-cancel-button,.time-range-input--text[type=search]::-webkit-search-results-button,.time-range-input--text[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}.time-range-input--text [type=search]::-ms-clear{display:none;width:0;height:0}.time-range-input--text [type=search]::-ms-reveal{display:none;width:0;height:0}.time-range-input--text[type=number]::-webkit-inner-spin-button,.time-range-input--text[type=number]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.time-range-input--number-control{display:flex;width:26px;height:100%;padding:4px 0;font-size:0;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center}.time-range-input--number-control span{display:flex;overflow:hidden;line-height:1;color:#979ba5;text-align:center;cursor:pointer;background-color:#f5f7fa;flex:1;align-items:center}.time-range-input--number-control span.is-disabled{color:#c4c6cc;cursor:not-allowed}.time-range-input--number-control svg{font-size:14px}.time-range-input--number-control span:first-child{transform:rotate(180deg)}.time-range-input--number-control span:not(.is-disabled):hover{background-color:#eaebf0}@keyframes loading-scale-animate{0%{transform:scale(1)}to{transform:scale(.6)}}@keyframes fade{to{background-color:transparent}}.time-range-transition .time-range-fade-enter-active,.time-range-transition .time-range-fade-leave-active{transition:all .3s cubic-bezier(.55,0,.1,1)}.time-range-transition .time-range-fade-enter,.time-range-transition .time-range-fade-leave-to{opacity:0}.time-range-select .mr5{margin-right:5px}.time-range-select .ml5{margin-left:5px}.time-range-select ul{padding:0;margin:0;font-weight:400;list-style:none}.time-range-select.large .time-range-select-content-wrapper{font-size:14px}.time-range-select.is-focus.normal .time-range-select-trigger .time-range-select-tag.time-range-select-tag--default{border-color:#3a84ff;box-shadow:0 0 3px #a3c5fd}.time-range-select.is-focus .time-range-input--default{border-color:#3a84ff;outline:0;box-shadow:0 0 3px #a3c5fd}.time-range-select.is-focus .time-range-input--default.is-simplicity{border-color:transparent;border-bottom-color:#3a84ff;box-shadow:none}.time-range-select.is-focus .time-range-input--default.is-simplicity .time-range-input--text{background-color:#f5f7fa}.time-range-select.popover-show .time-range-select-trigger .angle-up{transform:rotate(0)}.time-range-select.is-disabled .time-range-input--text{cursor:not-allowed;background-color:#fafbfd}.time-range-select .time-range-input.is-focused{border-color:#3a84ff;outline:0;box-shadow:0 0 3px #a3c5fd}.time-range-select .time-range-input.is-focused.is-simplicity{border-color:transparent;border-bottom-color:#3a84ff;box-shadow:none}.time-range-select .time-range-input--text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:24px;cursor:pointer;background-color:#fff}.time-range-select .time-range-select-trigger{position:relative}.time-range-select .time-range-select-trigger .time-range-tag-input .time-range-tag-input-trigger .clear-icon{margin-right:0}.time-range-select .time-range-select-trigger .time-range-select-tag{width:100%;height:32px;padding:0 28px 0 10px;line-height:normal;color:#63656e;text-align:left;vertical-align:middle;cursor:pointer;background-color:#fff;border:1px solid #c4c6cc;border-radius:2px;outline:none;box-sizing:border-box;transition:all .1s;resize:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;width:auto;align-items:center}.time-range-select .time-range-select-trigger .time-range-select-tag::placeholder{color:#c4c6cc}.time-range-select .time-range-select-trigger .time-range-select-tag.has-prefix{padding-left:0}.time-range-select .time-range-select-trigger .time-range-select-tag.collapse-tag .time-range-select-tag-wrapper{height:30px}.time-range-select .time-range-select-trigger .time-range-select-tag:not(.collapse-tag){position:relative;z-index:1;height:auto;min-height:32px;flex-wrap:wrap}.time-range-select .time-range-select-trigger .time-range-select-tag-wrapper{display:flex;align-items:center;flex-wrap:wrap;overflow:hidden}.time-range-select .time-range-select-trigger .time-range-select-tag:not(.is-disabled):hover{border-color:#979ba5}.time-range-select .time-range-select-trigger .time-range-select-tag.is-disabled{cursor:not-allowed;background-color:#fafbfd;border-color:#dcdee5}.time-range-select .time-range-select-trigger .time-range-select-tag.is-disabled input,.time-range-select .time-range-select-trigger .time-range-select-tag.is-disabled .time-range-tag{cursor:not-allowed}.time-range-select .time-range-select-trigger .time-range-select-tag.is-disabled .time-range-tag:hover{background-color:#f0f1f5}.time-range-select .time-range-select-trigger .time-range-select-tag.is-disabled .time-range-tag .time-range-tag-close{cursor:not-allowed}.time-range-select .time-range-select-trigger .time-range-select-tag.is-disabled .is-disabled{padding-left:0}.time-range-select .time-range-select-trigger .time-range-select-tag-input{width:100%;height:32px;line-height:normal;color:#63656e;text-align:left;vertical-align:middle;cursor:pointer;background-color:#fff;border:1px solid #c4c6cc;border-radius:2px;outline:none;box-sizing:border-box;transition:all .1s;resize:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:1%;height:22px;padding:0;margin:2px 5px 4px 0;background-color:transparent;border:none;flex-grow:1}.time-range-select .time-range-select-trigger .time-range-select-tag-input::placeholder{color:#c4c6cc}.time-range-select .time-range-select-trigger .time-range-select-tag .time-range-tag{max-width:190px;padding:0 4px}.time-range-select .time-range-select-trigger .angle-up{right:4px;transform:rotate(180deg);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;width:20px;height:20px;font-size:20px;color:#979ba5;position:absolute;top:0;display:inline-flex;height:100%;align-items:center;justify-content:center}.time-range-select .time-range-select-trigger .clear-icon{right:4px;cursor:pointer;transition:all .1s;display:flex;width:20px;height:20px;font-size:14px;color:#c4c6cc;position:absolute;top:0;display:inline-flex;height:100%;align-items:center;justify-content:center}.time-range-select .time-range-select-trigger .clear-icon:hover{color:#979ba5}.time-range-select .time-range-select-trigger .spinner{right:6px;position:absolute;top:0;display:inline-flex;height:100%;align-items:center;justify-content:center}.time-range-select--prefix-area{display:flex;height:100%;padding:0 10px;margin-right:10px;color:#63656e;background-color:#f5f7fa;border-right:1px solid #c4c6cc;align-items:center}.time-range-popover.time-range-pop2-content.time-range-select-popover{padding:0;border:1px solid #dcdee5;border-radius:2px;box-shadow:0 2px 6px #0000001a}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-empty{display:flex;align-items:center;justify-content:center;height:56px;color:#63656e}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-empty .spinner{display:flex;width:14px;height:14px;margin-right:4px;font-size:14px;color:#c4c6cc;align-items:center;justify-content:center}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-empty span{margin-left:4px;line-height:18px}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-dropdown{overflow:auto}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-dropdown::-webkit-scrollbar{width:4px;height:4px}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-dropdown::-webkit-scrollbar-thumb{background:#dde4eb;border-radius:20px;box-shadow:inset 0 0 6px #cccccc4d}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-extension{display:flex;height:40px;background-color:#fafbfd;align-items:center;border-top:1px solid #dcdee5;border-radius:0 0 2px 2px}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-options{padding:4px 0}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-option{position:relative;display:flex;height:32px;padding:0 12px;line-height:32px;color:#63656e;text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-option .time-range-select-selected-icon{position:absolute;top:5px;right:10px}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-option .time-range-select-checkbox{margin-right:6px;pointer-events:none}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-option-item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-option.is-hover{background-color:#f5f7fa}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-option:hover{color:#63656e;background-color:#f5f7fa}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-option.is-selected:not(.is-checkbox){color:#3a84ff;background-color:#e1ecff}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-option.is-disabled{color:#c4c6cc;cursor:not-allowed;background-color:transparent}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-option.is-multiple{padding-right:32px}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-option.is-multiple.is-selected{background-color:#fff}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-option.is-multiple.is-hover,.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-option.is-multiple:hover{background-color:#f5f7fa}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-options-loading{display:flex;align-items:center;justify-content:center}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-options-loading span{margin-left:4px;line-height:18px}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-option-group-label{height:32px;padding:0 8px;line-height:32px;color:#979ba5;text-align:left}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-option-group-label.collapsible{cursor:pointer}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-option-group.collapsible .time-range-select-option{padding-left:40px}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-option-group.disabled .default-group-label{color:#c4c6cc;cursor:not-allowed}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-option-group .default-group-label{display:flex;-webkit-user-select:none;user-select:none;align-items:center}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-option-group .default-group-label-icon{display:flex;width:12px;height:12px;margin-right:8px;transition:all .1s;align-items:center;justify-content:center}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-option-group .default-group-label-icon.collapse{transform:rotate(-90deg)}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-option-group .time-range-select-option{padding-left:24px}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-search-wrapper{display:flex;margin:4px 8px 0;border-bottom:1px solid #eaebf0;align-items:center}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-search-wrapper .icon-search{margin-left:2px;color:#979ba5}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-search-wrapper .time-range-select-search-input{width:100%;height:32px;line-height:normal;color:#63656e;text-align:left;vertical-align:middle;cursor:pointer;background-color:#fff;border:1px solid #c4c6cc;border-radius:2px;outline:none;box-sizing:border-box;transition:all .1s;resize:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 8px;cursor:text;border:none}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-search-wrapper .time-range-select-search-input::placeholder{color:#c4c6cc}.natural-picker{display:flex;align-items:center;min-height:56px}.natural-picker .natural-date{width:256px}.natural-picker .natural-unit{width:140px;margin-left:8px}.recent-picker{display:flex;align-items:center;min-height:56px}.recent-picker .recent-input{border-top-right-radius:0;border-bottom-right-radius:0}.recent-picker .recent-input.is-focused{z-index:2}.recent-picker .recent-unit{width:164px}.recent-picker .recent-unit .time-range-input{margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}.recent-picker .recent-unit .time-range-input--text{border-radius:0}.timezone-picker{width:100%}.timezone-picker-option{display:flex;align-items:center;width:100%;color:#63656e}.timezone-picker-option .option-name{flex:1}.timezone-picker-option .option-country{display:flex;width:100%;margin-left:6px;color:#999}.timezone-picker-option .option-utc{display:inline-flex;align-items:center;justify-content:center;height:20px;padding:0 8px;background:#f0f1f5;border-radius:2px}.timezone-picker-option.is-selected{color:#3a84ff}.timezone-picker-option.is-selected .option-country{color:#699df4}.timezone-picker-option.is-selected .option-utc{color:#fff;background-color:#699df4}.panel-wrapper{width:510px;padding:12px 16px 0;background:#fff;border:1px solid #dcdee5;border-radius:2px;box-shadow:0 2px 6px #0000001a}.panel-wrapper .common-date-list{height:136px;max-height:136px;padding:0 0 4px;margin:12px -10px 0 0;overflow:auto}.panel-wrapper .common-date-list .list-item{display:inline-flex;align-items:center;min-width:calc(33.33% - 8px);height:28px;padding:0 8px;margin-right:8px;margin-bottom:8px;color:#313238;cursor:pointer;background:#f5f7fa;border-radius:2px}.panel-wrapper .common-date-list .list-item.is-recent-item{min-width:inherit;height:24px;padding:0 6px;color:#63656e}.panel-wrapper .common-date-list .list-item.is-selected,.panel-wrapper .common-date-list .list-item:hover{color:#3a84ff;background:#e1ecff}.panel-wrapper .date-pick-tab{padding-top:12px;border-top:1px solid #eaebf0}.panel-wrapper .date-pick-tab .time-range-tab-header-item{margin-right:20px!important}.panel-wrapper .time-zone-panel{display:flex;align-items:center;height:45px;padding:0 16px;margin:0 -16px;color:#313238;background:#fafbfd;border-top:1px solid #dcdee5}.panel-wrapper .time-zone-panel .time-zone{display:flex;align-items:center;margin:0 8px}.panel-wrapper .time-zone-panel .time-zone-area{display:flex;align-items:center;margin-left:8px;color:#979ba5}.panel-wrapper .time-zone-panel .time-zone-tag{display:flex;align-items:center;justify-content:center;width:79px;height:20px;color:#63656e;border:1px solid #dcdee5;border-radius:2px}.panel-wrapper .time-zone-panel .time-zone-btn{margin-left:auto}.panel-wrapper .time-zone-picker{margin:8px 0}.panel-wrapper .common-wrapper{display:flex;flex-direction:column;height:139px;max-height:139px;overflow:auto}.panel-wrapper .common-wrapper .empty-content{height:100px;max-height:100px}.panel-wrapper .common-wrapper .empty-tips{display:flex;align-items:center;justify-content:center}.__bk_date_picker__{box-sizing:border-box;display:inline-flex;align-items:center;height:32px;padding:0 4px;font-size:12px;color:#63656e;border:1px solid #c4c6cc;border-radius:2px}.__bk_date_picker__ div::-webkit-scrollbar,.__bk_date_picker__ ul::-webkit-scrollbar,.__bk_date_picker__ section::-webkit-scrollbar,.__bk_date_picker__ tbody::-webkit-scrollbar,.__bk_date_picker__ article::-webkit-scrollbar{width:4px;height:4px}.__bk_date_picker__ div::-webkit-scrollbar-thumb,.__bk_date_picker__ ul::-webkit-scrollbar-thumb,.__bk_date_picker__ section::-webkit-scrollbar-thumb,.__bk_date_picker__ tbody::-webkit-scrollbar-thumb,.__bk_date_picker__ article::-webkit-scrollbar-thumb{background:#ddd;border-radius:20px;box-shadow:inset 0 0 6px #cccccc4d}.__bk_date_picker__ .date-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:20px;font-weight:700;color:#989ca7;background:#f5f7fa;border-radius:2px}.__bk_date_picker__ .date-icon-left,.__bk_date_picker__ .date-icon-right{display:inline-flex}.__bk_date_picker__ .date-icon-left svg,.__bk_date_picker__ .date-icon-right svg{width:20px!important;height:20px!important}.__bk_date_picker__ .date-icon:hover{cursor:pointer;background-color:#f0f1f5}.__bk_date_picker__.is-simplicity{border-color:transparent}.__bk_date_picker__.is-simplicity .date-icon{background-color:transparent}.__bk_date_picker__.is-simplicity .date-icon:hover{cursor:pointer;background-color:#f0f1f5}.__bk_date_picker__.is-disabled{color:#c4c6cc;cursor:not-allowed}.__bk_date_picker__.is-disabled .date-icon{color:#c4c6cc;pointer-events:none}.__bk_date_picker__.is-disabled .date-content{pointer-events:none;cursor:not-allowed}.__bk_date_picker__ .date-content{display:flex;align-items:center;height:24px;padding:0 6px;margin:0 4px;-webkit-user-select:none;user-select:none;border-radius:2px}.__bk_date_picker__ .date-content-icon{margin-right:4px}.__bk_date_picker__ .date-content-utc{display:flex;align-items:center;margin-left:4px;font-weight:700;color:#ff9c01}.__bk_date_picker__ .date-content:hover{cursor:pointer;background:#f5f7fa}.__bk-date-picker-popover__{padding:0!important;margin:0!important;color:#63656e!important}.__bk-date-picker-popover__ div::-webkit-scrollbar,.__bk-date-picker-popover__ ul::-webkit-scrollbar,.__bk-date-picker-popover__ section::-webkit-scrollbar,.__bk-date-picker-popover__ tbody::-webkit-scrollbar,.__bk-date-picker-popover__ article::-webkit-scrollbar{width:4px;height:4px}.__bk-date-picker-popover__ div::-webkit-scrollbar-thumb,.__bk-date-picker-popover__ ul::-webkit-scrollbar-thumb,.__bk-date-picker-popover__ section::-webkit-scrollbar-thumb,.__bk-date-picker-popover__ tbody::-webkit-scrollbar-thumb,.__bk-date-picker-popover__ article::-webkit-scrollbar-thumb{background:#ddd;border-radius:20px;box-shadow:inset 0 0 6px #cccccc4d}.__bk-date-picker-popover__ ul{padding:0;margin:0}.__bk-date-picker-popover__ ul li{list-style:none}.__bk-date-picker-popover__ .time-range-select-search-wrapper .icon-search:before{content:""!important}.__bk-date-picker-popover__ .time-range-pop-confirm{margin:20px 16px 16px!important}.__date-tooltips__{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:156px;line-height:20px}.__date-tooltips__ div::-webkit-scrollbar,.__date-tooltips__ ul::-webkit-scrollbar,.__date-tooltips__ section::-webkit-scrollbar,.__date-tooltips__ tbody::-webkit-scrollbar,.__date-tooltips__ article::-webkit-scrollbar{width:4px;height:4px}.__date-tooltips__ div::-webkit-scrollbar-thumb,.__date-tooltips__ ul::-webkit-scrollbar-thumb,.__date-tooltips__ section::-webkit-scrollbar-thumb,.__date-tooltips__ tbody::-webkit-scrollbar-thumb,.__date-tooltips__ article::-webkit-scrollbar-thumb{background:#ddd;border-radius:20px;box-shadow:inset 0 0 6px #cccccc4d}.__date-tooltips__ .date-tooltips-timezone{display:flex;align-items:center;justify-content:center;width:100%;margin-top:4px;color:#ff9c01}.__date-tooltips__ .date-tooltips-diff{display:flex;align-items:center;justify-content:center;padding:0 4px;margin-top:4px;color:#fff;background:rgba(255,255,255,.12);border-radius:2px}
1
+ .time-range-popover.time-range-pop2-content{position:absolute;display:none;padding:7px 14px;font-size:12px;color:#fff;background:#26323d;border-radius:4px;box-sizing:border-box}.time-range-popover.time-range-pop2-content .time-range-pop2-arrow{position:absolute;z-index:-1;width:8px;height:8px;background:#333;transform:rotate(45deg)}.time-range-popover.time-range-pop2-content[data-theme^=light]{color:#26323d;background-color:#fff;box-shadow:0 0 6px #dcdee5}.time-range-popover.time-range-pop2-content[data-theme^=light] .time-range-pop2-arrow{background-color:#fff}.scroll-bar-style::-webkit-scrollbar{width:4px;height:4px}.scroll-bar-style::-webkit-scrollbar-thumb{background:#ddd;border-radius:20px;box-shadow:inset 0 0 6px #cccccc4d}html,body{padding:0;margin:0}*{box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;box-sizing:content-box}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button;-moz-appearance:button;appearance:button}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{padding:0;box-sizing:border-box}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}::-ms-clear,::-ms-reveal{display:none}input[type=text]::-ms-clear{display:none}input[type=text]::-ms-reveal{display:none}input[type=search]{box-sizing:content-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid #c0c0c0}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}.bk-scroll-y{overflow-y:auto}.bk-scroll-y::-webkit-scrollbar{width:4px;height:4px}.bk-scroll-y::-webkit-scrollbar-thumb{background:#ddd;border-radius:20px;box-shadow:inset 0 0 6px #cccccc4d}.bk-scroll-x{overflow-x:auto}.bk-scroll-x::-webkit-scrollbar{width:4px;height:4px}.bk-scroll-x::-webkit-scrollbar-thumb{background:#ddd;border-radius:20px;box-shadow:inset 0 0 6px #cccccc4d}.time-range-button{display:inline-flex;height:32px;padding:5px 12px;font-size:14px;color:#63656e;text-decoration:none;white-space:nowrap;cursor:pointer;background-color:#fff;border:1px solid #c4c6cc;border-radius:2px;outline:none;box-sizing:border-box;transition:background-color ease .3s;-webkit-appearance:none;-moz-appearance:none;appearance:none;align-items:center;justify-content:center}.time-range-button.time-range-button-primary{background-color:#3a84ff;color:#fff;border-color:#3a84ff}.time-range-button.time-range-button-primary:hover{background-color:#5594fa;border-color:#5594fa}.time-range-button.time-range-button-primary:active{background-color:#2c77f4;border-color:#2c77f4;color:#fff}.time-range-button.time-range-button-primary.is-outline{color:#3a84ff;border-color:#3a84ff;background-color:#fff}.time-range-button.time-range-button-primary.is-outline:hover{background-color:#5594fa;border-color:#5594fa;color:#fff}.time-range-button.time-range-button-primary.is-outline:active{background-color:#2c77f4;border-color:#2c77f4;color:#fff}.time-range-button.time-range-button-primary.is-text{color:#3a84ff;background-color:transparent;border:none}.time-range-button.time-range-button-primary.is-text:not(.is-disabled):hover{color:#5594fa}.time-range-button.time-range-button-primary.is-disabled{color:#dcdee5;cursor:not-allowed}.time-range-button.time-range-button-primary.is-disabled:not(.is-text){background-color:#dcdee5;color:#fff;border-color:#dcdee5}.time-range-button.time-range-button-hover-primary:hover{background-color:#5594fa;border-color:#5594fa;color:#fff}.time-range-button.time-range-button-warning{background-color:#ff9c01;color:#fff;border-color:#ff9c01}.time-range-button.time-range-button-warning:hover{background-color:#ffb848;border-color:#ffb848}.time-range-button.time-range-button-warning:active{background-color:#eb9000;border-color:#eb9000;color:#fff}.time-range-button.time-range-button-warning.is-outline{color:#ff9c01;border-color:#ff9c01;background-color:#fff}.time-range-button.time-range-button-warning.is-outline:hover{background-color:#ffb848;border-color:#ffb848;color:#fff}.time-range-button.time-range-button-warning.is-outline:active{background-color:#eb9000;border-color:#eb9000;color:#fff}.time-range-button.time-range-button-warning.is-text{color:#ff9c01;background-color:transparent;border:none}.time-range-button.time-range-button-warning.is-text:not(.is-disabled):hover{color:#ffb848}.time-range-button.time-range-button-warning.is-disabled{color:#dcdee5;cursor:not-allowed}.time-range-button.time-range-button-warning.is-disabled:not(.is-text){background-color:#dcdee5;color:#fff;border-color:#dcdee5}.time-range-button.time-range-button-hover-warning:hover{background-color:#ffb848;border-color:#ffb848;color:#fff}.time-range-button.time-range-button-success{background-color:#2dcb56;color:#fff;border-color:#2dcb56}.time-range-button.time-range-button-success:hover{background-color:#45e35f;border-color:#45e35f}.time-range-button.time-range-button-success:active{background-color:#1ab943;border-color:#1ab943;color:#fff}.time-range-button.time-range-button-success.is-outline{color:#2dcb56;border-color:#2dcb56;background-color:#fff}.time-range-button.time-range-button-success.is-outline:hover{background-color:#45e35f;border-color:#45e35f;color:#fff}.time-range-button.time-range-button-success.is-outline:active{background-color:#1ab943;border-color:#1ab943;color:#fff}.time-range-button.time-range-button-success.is-text{color:#2dcb56;background-color:transparent;border:none}.time-range-button.time-range-button-success.is-text:not(.is-disabled):hover{color:#45e35f}.time-range-button.time-range-button-success.is-disabled{color:#dcdee5;cursor:not-allowed}.time-range-button.time-range-button-success.is-disabled:not(.is-text){background-color:#dcdee5;color:#fff;border-color:#dcdee5}.time-range-button.time-range-button-hover-success:hover{background-color:#45e35f;border-color:#45e35f;color:#fff}.time-range-button.time-range-button-danger{background-color:#ea3636;color:#fff;border-color:#ea3636}.time-range-button.time-range-button-danger:hover{background-color:#ff5656;border-color:#ff5656}.time-range-button.time-range-button-danger:active{background-color:#db2626;border-color:#db2626;color:#fff}.time-range-button.time-range-button-danger.is-outline{color:#ea3636;border-color:#ea3636;background-color:#fff}.time-range-button.time-range-button-danger.is-outline:hover{background-color:#ff5656;border-color:#ff5656;color:#fff}.time-range-button.time-range-button-danger.is-outline:active{background-color:#db2626;border-color:#db2626;color:#fff}.time-range-button.time-range-button-danger.is-text{color:#ea3636;background-color:transparent;border:none}.time-range-button.time-range-button-danger.is-text:not(.is-disabled):hover{color:#ff5656}.time-range-button.time-range-button-danger.is-disabled{color:#dcdee5;cursor:not-allowed}.time-range-button.time-range-button-danger.is-disabled:not(.is-text){background-color:#dcdee5;color:#fff;border-color:#dcdee5}.time-range-button.time-range-button-hover-danger:hover{background-color:#ff5656;border-color:#ff5656;color:#fff}.time-range-button.time-range-button-small{height:26px;padding:3px 12px;font-size:12px}.time-range-button.time-range-button-large{height:38px;padding:8px 20px;font-size:16px}.time-range-button .time-range-button-text{display:inline-flex;align-items:center;line-height:1}.time-range-button.is-loading{position:relative}.time-range-button.is-loading .time-range-button-loading:not(:last-child){position:absolute}.time-range-button.is-loading .time-range-button-text{visibility:hidden}.time-range-button:hover{border-color:#979ba5}.time-range-button:active{color:#3a84ff;border-color:#3a84ff}.time-range-button.is-text{height:auto;padding:0;font-size:inherit;color:#63656e;text-decoration:none;cursor:pointer;background-color:transparent;border:none;outline:none}.time-range-button.is-disabled{color:#dcdee5;cursor:not-allowed;border-color:#dcdee5}.time-range-button-group{display:inline-block;font-size:0}.time-range-button-group.time-range-button-group-small .time-range-button{height:26px;padding:3px 12px;font-size:12px}.time-range-button-group.time-range-button-group-large .time-range-button{height:38px;padding:8px 20px;font-size:16px}.time-range-button-group .time-range-button{height:32px;margin:0 0 0 -1px;border-radius:0}.time-range-button-group .time-range-button:not(.is-disabled){color:#63656e;background-color:#fff;border-color:#c4c6cc}.time-range-button-group .time-range-button.is-disabled{color:#c4c6cc}.time-range-button-group .time-range-button:first-child{border-radius:2px 0 0 2px}.time-range-button-group .time-range-button:last-child{border-radius:0 2px 2px 0}.time-range-button-group .time-range-button:only-child{border-radius:2px}.time-range-button-group .time-range-button:hover:not(.is-disabled),.time-range-button-group .time-range-button.is-selected:not(.is-disabled){position:relative;z-index:1;color:#3a84ff;background-color:#fff;border-color:#3a84ff}.time-range-button-group .time-range-button.is-selected:not(.is-disabled){background-color:#e1ecff}.time-range-button-group .time-range-button.is-selected.is-disabled{background-color:#f0f1f5}.time-range-exception{position:relative;display:flex;width:100%;align-items:center;flex-direction:column;text-align:center}.time-range-exception-img{display:flex;align-items:center;justify-content:center}.time-range-exception-img .exception-image{display:block;height:100%;object-fit:contain}.time-range-exception-title{color:#313238}.time-range-exception-description{color:#63656e}.time-range-exception-page .time-range-exception-img{width:480px;height:240px}.time-range-exception-page .time-range-exception-title{margin-top:18px;font-size:24px;line-height:32px}.time-range-exception-page .time-range-exception-description{margin-top:16px;font-size:14px;line-height:22px}.time-range-exception-page .time-range-exception-footer{margin-top:24px}.time-range-exception-part .time-range-exception-img{width:120px;height:100px}.time-range-exception-part .time-range-exception-title{margin-top:8px;font-size:14px;line-height:22px}.time-range-exception-part .time-range-exception-description{margin-top:8px;font-size:12px;line-height:20px}.time-range-exception-part .time-range-exception-footer{margin-top:8px}.time-range-popover.time-range-pop-confirm-box{padding:16px 24px}.time-range-pop-confirm-title{font-size:14px;color:#313238;padding-bottom:12px}.time-range-pop-confirm-icon{color:#ff5656;margin-right:4px}.time-range-pop-confirm-content{font-size:12px;color:#63656e;padding:0 0 20px}.time-range-pop-confirm-simple{font-size:14px}.time-range-pop-confirm-footer{display:flex;justify-content:flex-end;align-items:center}.time-range-pop-confirm-footer .time-range-button{margin-left:8px}.time-range-tab{position:relative;display:flex}.time-range-tab--top{flex-direction:column}.time-range-tab--right{flex-direction:row-reverse}.time-range-tab-header{position:relative;display:flex;color:#63656e}.time-range-tab--left .time-range-tab-header{border-right:1px solid #dcdee5}.time-range-tab--right .time-range-tab-header{border-left:1px solid #dcdee5}.time-range-tab--vertical-tab .time-range-tab-header{border:0}.time-range-tab--left .time-range-tab-header,.time-range-tab--right .time-range-tab-header{flex-direction:column}.time-range-tab--left .time-range-tab-header>div,.time-range-tab--right .time-range-tab-header>div{flex-direction:column}.time-range-tab--card-tab .time-range-tab-header,.time-range-tab--vertical-tab .time-range-tab-header{background:#F0F1F5}.time-range-tab--card-tab .time-range-tab-header{border-radius:4px 4px 0}.time-range-tab--card .time-range-tab-header,.time-range-tab--vertical-card .time-range-tab-header{border-bottom:1px solid #dcdee5}.time-range-tab--border-card .time-range-tab-header{border:solid #dcdee5;border-width:1px 1px 1px 0}.time-range-tab--border-card .time-range-tab-header{background:#FAFBFD}.time-range-tab--unborder-card .time-range-tab-header{border-bottom:1px solid #dcdee5}.time-range-tab-header>div{display:flex;flex-wrap:nowrap}.time-range-tab--card .time-range-tab-header>div,.time-range-tab--vertical-card .time-range-tab-header>div,.time-range-tab--border-card .time-range-tab-header>div{margin-bottom:-1px}.time-range-tab-header-nav{position:relative}.time-range-tab--top .time-range-tab-header-nav{overflow-x:auto;overflow-y:visible}.time-range-tab--left .time-range-tab-header-nav,.time-range-tab--right .time-range-tab-header-nav{overflow-x:visible;overflow-y:auto}.time-range-tab--card .time-range-tab-header-nav,.time-range-tab--border-card .time-range-tab-header-nav,.time-range-tab--vertical-card .time-range-tab-header-nav{border-left:1px solid #dcdee5}.time-range-tab-header-nav::-webkit-scrollbar{display:none;width:0;height:0}.time-range-tab-header-next,.time-range-tab-header-prev{position:absolute;top:1px;bottom:1px;width:15px;background:#fff;content:""}.time-range-tab-header-prev{left:1px}.time-range-tab-header-next{right:1px}.time-range-tab-header-operation .time-range-tab-header-item{padding:0 12px}.time-range-tab-header-setting{justify-self:flex-end;margin-left:auto;white-space:nowrap}.time-range-tab-header-item{display:flex;white-space:nowrap;cursor:pointer;justify-content:center;align-items:center}.time-range-tab--top .time-range-tab-header-item{padding:0 20px}.time-range-tab--left .time-range-tab-header-item,.time-range-tab--right .time-range-tab-header-item{padding:0 12px}.time-range-tab--left .time-range-tab-header-item{text-align:right}.time-range-tab--card .time-range-tab-header-item,.time-range-tab--vertical-card .time-range-tab-header-item{border-top:1px solid #dcdee5}.time-range-tab--card .time-range-tab-header-item,.time-range-tab--border-card .time-range-tab-header-item,.time-range-tab--vertical-card .time-range-tab-header-item{border-right:1px solid #dcdee5}.time-range-tab--card-tab .time-range-tab-header-item{position:relative}.time-range-tab--card-tab .time-range-tab-header-item:not(:first-of-type):before,.time-range-tab--card-tab .time-range-tab-header-item:last-of-type:after{position:absolute;top:50%;left:0;display:block;width:1px;height:16px;margin-top:-8px;background:#c4c6cc;content:""}.time-range-tab--card-tab .time-range-tab-header-item:last-of-type:after{right:0;left:initial}.time-range-tab--card-grid .time-range-tab-header-item{height:40px;margin-right:8px;line-height:40px;background:#eaebf0;border-radius:4px 4px 0 0}.time-range-tab-header-operation .time-range-tab-header-item{padding-right:12px;padding-left:12px}.time-range-tab-header-item:hover{color:#3a84ff}.time-range-tab-header-item:hover .time-range-tab-header--close{display:block;margin-left:5px;color:#ea3636}.time-range-tab-header--active{color:#3a84ff}.time-range-tab--card .time-range-tab-header--active,.time-range-tab--border-card .time-range-tab-header--active,.time-range-tab--vertical-card .time-range-tab-header--active{background:white;border-bottom-color:#fff}.time-range-tab--card-tab .time-range-tab-header--active,.time-range-tab--vertical-tab .time-range-tab-header--active{background:#fff}.time-range-tab--card-tab .time-range-tab-header--active{border-radius:4px 4px 0 0}.time-range-tab--card-tab .time-range-tab-header--active:after,.time-range-tab--card-tab .time-range-tab-header--active:before,.time-range-tab--card-tab .time-range-tab-header--active+.time-range-tab-header-item:before{display:none!important}.time-range-tab--card-grid .time-range-tab-header--active{background:#fff}.time-range-tab-header--close{display:none;font-size:16px;color:#c4c6cc}.time-range-tab-header--disabled{cursor:not-allowed}.time-range-tab-header--disabled,.time-range-tab-header--disabled:hover{color:#aaa}.time-range-tab-header-active-bar{position:absolute;width:0;height:0;background:#3a84ff;transition:all ease-in .3s}.time-range-tab-content{flex:1;padding:10px}.time-range-tab--border-card .time-range-tab-content,.time-range-tab--vertical-card .time-range-tab-content{border:solid #dcdee5;border-width:0 1px 1px}.time-range-tab--card-grid .time-range-tab-content{background:#fff;border-radius:0 4px 4px;box-shadow:0 2px 4px #1919290d}.time-range-tab-panel{height:100%}.common-panel-tab{display:flex;align-items:center}.common-panel-tab .time-range-tab-header{line-height:20px!important;border-bottom:0!important}.common-panel-tab .time-range-tab-header .time-range-tab-header-item{padding:0 0 4px;margin-right:28px}.common-panel-tab .time-range-tab-header--active{font-weight:700;color:#63656e}.common-panel-tab .time-range-tab-content{display:none;width:0;height:0}.common-panel-tab .delete-all{margin-left:auto}.common-panel-tab .delete-all:hover{color:#3a84ff;cursor:pointer}.common-submit{flex:0 0 64px;width:64px;margin-left:8px}.common-favorite{display:flex;flex:0 0 32px;align-items:center;justify-content:center;width:32px;height:32px;margin-left:8px;cursor:pointer;background:#f5f7fa;border-radius:2px}.common-favorite:hover svg path{fill:#3a84ff}.time-range-checkbox-group{display:inline-flex;letter-spacing:normal}.time-range-checkbox{display:inline-flex;justify-self:center;align-items:center;font-size:14px;letter-spacing:normal;color:#63656e;cursor:pointer;-webkit-user-select:none;user-select:none}.time-range-checkbox~.time-range-checkbox{margin-left:30px}.time-range-checkbox.is-checked .time-range-checkbox-input{background:#3a84ff;border-color:#3a84ff;transition:all .1s}.time-range-checkbox.is-checked .time-range-checkbox-input.small:after{width:3px;height:6px}.time-range-checkbox.is-checked .time-range-checkbox-input:after{position:absolute;top:50%;left:50%;width:4px;height:8px;border:2px solid #fff;border-top:0;border-left:0;content:"";transform:translate(-50%,-60%) scaleY(1) rotate(45deg);transform-origin:center}.time-range-checkbox.is-indeterminated .time-range-checkbox-input{background:#3a84ff;border-color:#3a84ff;transition:all .1s}.time-range-checkbox.is-indeterminated .time-range-checkbox-input.small:after{width:6px;height:2px}.time-range-checkbox.is-indeterminated .time-range-checkbox-input:after{position:absolute;top:50%;left:50%;width:8px;height:2px;background:#fff;border:none;border-radius:2px;content:"";transform:translate(-50%,-50%)}.time-range-checkbox.is-disabled{color:#c4c6cc;cursor:not-allowed}.time-range-checkbox.is-disabled .time-range-checkbox-input{background:#fafbfd;border-color:#dcdee5}.time-range-checkbox.is-disabled .time-range-checkbox-input:after{background:#dcdee5}.time-range-checkbox.is-disabled.is-checked .time-range-checkbox-input{background:#a3c5fd;border-color:#a3c5fd}.time-range-checkbox.is-disabled.is-checked .time-range-checkbox-input:after{background:#a3c5fd}.time-range-checkbox-input{position:relative;display:inline-block;width:16px;height:16px;vertical-align:middle;border:1px solid #979ba5;border-radius:2px}.time-range-checkbox-input.small{width:14px;height:14px}.time-range-checkbox-original{position:absolute;top:0;left:0;z-index:-1;width:0;height:0}.time-range-checkbox-label{display:inline-block;margin-left:6px;vertical-align:middle}.date-panel{display:flex;flex-direction:column;width:220px;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #dcdee5;box-shadow:0 2px 6px #0000001a}.date-panel-title{display:flex;flex:0 0 40px;align-items:center;height:40px;padding:0 12px;color:#63656e;border-bottom:1px solid #dcdee5}.date-panel-title .title-check{margin-left:auto}.date-panel-title .title-check .time-range-checkbox{pointer-events:none}.date-panel-main{display:flex;flex:1;flex-direction:column;padding:8px 0 12px}.date-panel-main .date-header{display:flex;align-items:center;width:100%;height:24px}.date-panel-main .date-header-center{display:flex;flex:1;align-items:center;justify-content:center;height:100%;font-size:14px;font-weight:700}.date-panel-main .date-header-center .date-split{width:5px;height:2px;margin:0 10px;background-color:#63656e}.date-panel-main .date-header-right,.date-panel-main .date-header-left{display:flex;align-items:center;height:100%;padding:0 6px;font-size:16px}.date-panel-main .date-header-right .hand-icon,.date-panel-main .date-header-left .hand-icon{display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#979ba5}.date-panel-main .date-header-right .hand-icon svg,.date-panel-main .date-header-left .hand-icon svg{width:20px!important;height:20px!important;font-weight:700}.date-panel-main .date-header-right .hand-icon:hover,.date-panel-main .date-header-left .hand-icon:hover{color:#3a84ff;cursor:pointer}.date-panel-main .date-header-right .hand-icon:hover svg,.date-panel-main .date-header-left .hand-icon:hover svg{fill:#3a84ff}.date-panel-main .date-header-right{margin-left:auto}.date-panel-main .date-content{display:flex;flex-direction:column}.date-panel-main .date-content .date-grid{display:flex;align-items:center;width:100%;padding:0 12px;margin:0}.date-panel-main .date-content .date-grid-item{display:flex;flex:0 0 14.285%;align-items:center;justify-content:center;width:14.285%;min-width:28px;height:24px}.date-panel-main .date-content .date-grid-item:not(.not-click):hover{cursor:pointer;background-color:#f0f1f5}.date-panel-main .date-content .date-grid-item.is-today{color:#3a84ff;border:1px solid #a3c5fd;border-radius:2px}.date-panel-main .date-content .date-grid-item.is-last-month{color:#c4c6cc;background-color:#f0f1f5}.date-panel-main .date-content .date-grid-item.is-next-month{color:#c4c6cc}.date-panel-main .date-content .date-grid-item.is-disabled{color:#c4c6cc!important;cursor:not-allowed!important;background-color:#f0f1f5!important}.date-panel-main .date-content .date-grid-item.is-selected{color:#fff!important;background-color:#3a84ff!important;border-radius:2px}.date-wrapper{display:flex;flex-direction:column}.date-wrapper .date-input{display:flex;align-items:center;width:100%;min-height:56px}.date-wrapper .date-input .date-picker{display:flex;align-items:center;width:100%;min-width:360px;height:32px;background:#fff;border:1px solid #c4c6cc;border-radius:2px}.date-wrapper .date-input .date-picker-icon{display:flex;align-items:center;justify-content:center;margin-right:6px;margin-left:8px}.date-wrapper .date-input .date-picker-start,.date-wrapper .date-input .date-picker-end{width:160px;height:24px;padding:0 4px;font-size:12px;color:#63656e;border:none;border-radius:2px}.date-wrapper .date-input .date-picker-start:focus,.date-wrapper .date-input .date-picker-end:focus{background:#e1ecff;border:none;outline:none;box-shadow:none}.date-wrapper .date-input .date-picker-split{display:flex;align-items:center;justify-content:center;padding:0 8px;color:#979ba5}.date-wrapper .date-input .date-picker-clear{display:none!important;flex:0 0 32px;align-items:center;justify-content:center;width:32px;height:32px;font-size:14px;color:#c4c6cc}.date-wrapper .date-input .date-picker-clear:hover{color:#63656e;cursor:pointer}.date-wrapper .date-input .date-picker:hover .date-picker-clear{display:flex!important}.date-wrapper .show-format{display:flex;align-items:center;width:100%;min-width:100%;margin-top:-8px;margin-bottom:12px;color:#979ba5}.date-wrapper .show-format .format-button{margin-left:8px}.date-format-wrapper{display:flex;flex-direction:column;width:520px;padding:12px 15px}.date-format-wrapper .content-title{margin-bottom:12px;font-weight:700;line-height:20px}.date-format-wrapper .content-table{display:flex;flex-direction:column;width:100%;border-collapse:collapse;background-color:#fff;border:1px solid #eaeefb;border-top:0;border-left:0}.date-format-wrapper .content-table th,.date-format-wrapper .content-table td{height:42px;padding:0 16px;line-height:42px;color:#63656e;text-align:left;border:1px solid #eaeefb;border-right:0;border-bottom:0}.date-format-wrapper .content-table thead,.date-format-wrapper .content-table tr{display:flex;align-items:center;width:100%}.date-format-wrapper .content-table thead th,.date-format-wrapper .content-table tr th{flex:1;background-color:#fafbfd}.date-format-wrapper .content-table tbody{display:block;width:calc(100% + 4px);max-height:300px;overflow:auto}.date-format-wrapper .content-table tbody td{display:flex;flex:1;align-items:center}.clearfix-style:after{display:block;height:0;clear:both;font-size:0;content:"";visibility:hidden}.time-range-popper{display:none;padding:7px 14px;font-size:12px;color:#fff;background:#333;border-radius:4px}.time-range-popper.light{color:#63656e;background:#fff;box-shadow:#dcdee5 0 0 6px}.time-range-popper .time-range-popper-arrow,.time-range-popper .time-range-popper-arrow:before{position:absolute;width:8px;height:8px;background:inherit}.time-range-popper .time-range-popper-arrow{visibility:hidden}.time-range-popper .time-range-popper-arrow:before{content:"";visibility:visible;transform:rotate(45deg)}.time-range-popper[data-show]{display:block}.time-range-popper[data-popper-placement^=top]>.time-range-popper-arrow{bottom:-4px}.time-range-popper[data-popper-placement^=bottom]>.time-range-popper-arrow{top:-4px}.time-range-popper[data-popper-placement^=left]>.time-range-popper-arrow{right:-4px}.time-range-popper[data-popper-placement^=right]>.time-range-popper-arrow{left:-4px}.time-range-textarea{--textarea-line-height: 20px;display:inline-flex;width:100%;overflow:hidden;font-size:12px;line-height:var(--textarea-line-height);color:#63656e;background-color:#fff;border:1px solid #c4c6cc;border-radius:2px;box-sizing:border-box;transition:all .3s;flex-direction:column}.time-range-textarea ::placeholder{font-size:12px;color:#c4c6cc}.time-range-textarea.resizable{resize:both}.time-range-textarea ::-webkit-scrollbar{-webkit-appearance:none;width:3px}.time-range-textarea ::-webkit-scrollbar-thumb{border-radius:4px;background-color:#dcdee5}.time-range-textarea.is-disabled,.time-range-textarea.is-readonly{background-color:#fafbfd;border-color:#dcdee5}.time-range-textarea.is-disabled .time-range-input--prefix-area,.time-range-textarea.is-readonly .time-range-input--prefix-area,.time-range-textarea.is-disabled .time-range-input--suffix-area,.time-range-textarea.is-readonly .time-range-input--suffix-area,.time-range-textarea.is-disabled .time-range-input--suffix-icon,.time-range-textarea.is-readonly .time-range-input--suffix-icon{cursor:not-allowed;background-color:#fafbfd}.time-range-textarea.is-disabled input,.time-range-textarea.is-readonly input,.time-range-textarea.is-disabled textarea,.time-range-textarea.is-readonly textarea{cursor:not-allowed;background-color:#fafbfd;opacity:1}.time-range-textarea.is-readonly input,.time-range-textarea.is-readonly textarea{cursor:auto}.time-range-textarea>textarea{width:100%;padding:5px 10px;line-height:1.5;text-align:left;border:0;border-radius:2px;outline:none;resize:none}.time-range-textarea--max-length{padding-right:10px;margin:0 0 0 auto;font-size:12px;text-align:right;transform:scale(.8);justify-content:flex-end}.time-range-textarea--max-length.is-over-limit{color:#ea3636}.time-range-textarea--max-length span{color:#979ba5}.time-range-textarea.is-focused:not(.is-readonly){border-color:#3a84ff;outline:0;box-shadow:0 0 3px #a3c5fd}.time-range-input{display:inline-flex;align-items:stretch;width:100%;height:32px;font-size:12px;border:1px solid #c4c6cc;border-radius:2px;transition:all .3s}.time-range-input ::placeholder{font-size:12px;color:#c4c6cc}.time-range-input.is-disabled,.time-range-input.is-readonly{background-color:#fafbfd;border-color:#dcdee5}.time-range-input.is-disabled .time-range-input--prefix-area,.time-range-input.is-readonly .time-range-input--prefix-area,.time-range-input.is-disabled .time-range-input--suffix-area,.time-range-input.is-readonly .time-range-input--suffix-area,.time-range-input.is-disabled .time-range-input--suffix-icon,.time-range-input.is-readonly .time-range-input--suffix-icon{cursor:not-allowed;background-color:#fafbfd}.time-range-input.is-disabled input,.time-range-input.is-readonly input,.time-range-input.is-disabled textarea,.time-range-input.is-readonly textarea{cursor:not-allowed;background-color:#fafbfd;opacity:1}.time-range-input.is-readonly input,.time-range-input.is-readonly textarea{cursor:auto}.time-range-input:hover:not(.is-disabled){border-color:#979ba5}.time-range-input:hover:not(.is-disabled) .show-clear-only-hover{display:flex}.time-range-input.is-simplicity{background-color:transparent;border-color:transparent;border-bottom-color:#c4c6cc}.time-range-input.is-simplicity:hover:not(.is-disabled){background-color:#f5f7fa;border-color:transparent;border-bottom-color:#c4c6cc;box-shadow:none}.time-range-input.is-simplicity:hover:not(.is-disabled) .time-range-input--text,.time-range-input.is-simplicity:hover:not(.is-disabled) .time-range-input--suffix-icon{background-color:#f5f7fa}.time-range-input--suffix-icon{display:flex;height:100%;padding-right:10px;font-size:14px;color:#c4c6cc;background-color:#fff;align-items:center;align-self:center;flex-shrink:0;cursor:pointer}.time-range-input--suffix-icon:hover{color:#313238}.time-range-input--suffix-icon.show-clear-only-hover{display:none}.time-range-input--clear-icon{cursor:pointer;flex-shrink:0}.time-range-input--clear-icon:hover{color:#979ba5}.time-range-input--large{height:40px;font-size:14px}.time-range-input--large ::placeholder{font-size:14px;color:#c4c6cc}.time-range-input--large .time-range-input--max-length{font-size:16px}.time-range-input--large .time-range-input--number-control span:first-child{margin-bottom:4px}.time-range-input--small{height:26px;font-size:12px}.time-range-input--small .time-range-input--max-length,.time-range-input--default,.time-range-input--default .time-range-input--max-length{font-size:12px}.time-range-input.is-focused:not(.is-readonly){border-color:#3a84ff;outline:0;box-shadow:0 0 3px #a3c5fd}.time-range-input.is-focused:not(.is-readonly).is-simplicity{border-color:transparent;border-bottom-color:#3a84ff;box-shadow:none}.time-range-input.is-focused:not(.is-readonly).is-simplicity .time-range-input--text,.time-range-input.is-focused:not(.is-readonly).is-simplicity .time-range-input--suffix-icon{background-color:#f5f7fa}.time-range-input--prefix-area,.time-range-input--suffix-area{display:flex;padding:0 10px;color:#63656e;background-color:#f5f7fa;border-right:1px solid #c4c6cc;align-items:center}.time-range-input--suffix-area{border:0;border-left:1px solid #c4c6cc}.time-range-input--max-length{align-self:center;padding-right:10px;font-size:12px;transform:scale(.8)}.time-range-input--max-length.is-over-limit{color:#ea3636}.time-range-input--max-length span{color:#979ba5}.time-range-input--text{width:100%;padding:0 10px;overflow:hidden;line-height:1;color:#63656e;text-overflow:ellipsis;white-space:nowrap;background-color:#fff;background-image:none;border:none;border-radius:2px;outline:none;box-sizing:border-box;transition:all .3s;flex:1}.time-range-input--text[type=search]::-webkit-search-decoration,.time-range-input--text[type=search]::-webkit-search-cancel-button,.time-range-input--text[type=search]::-webkit-search-results-button,.time-range-input--text[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}.time-range-input--text [type=search]::-ms-clear{display:none;width:0;height:0}.time-range-input--text [type=search]::-ms-reveal{display:none;width:0;height:0}.time-range-input--text[type=number]::-webkit-inner-spin-button,.time-range-input--text[type=number]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.time-range-input--number-control{display:flex;width:26px;height:100%;padding:4px 0;font-size:0;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center}.time-range-input--number-control span{display:flex;overflow:hidden;line-height:1;color:#979ba5;text-align:center;cursor:pointer;background-color:#f5f7fa;flex:1;align-items:center}.time-range-input--number-control span.is-disabled{color:#c4c6cc;cursor:not-allowed}.time-range-input--number-control svg{font-size:14px}.time-range-input--number-control span:first-child{transform:rotate(180deg)}.time-range-input--number-control span:not(.is-disabled):hover{background-color:#eaebf0}@keyframes loading-scale-animate{0%{transform:scale(1)}to{transform:scale(.6)}}@keyframes fade{to{background-color:transparent}}.time-range-transition .time-range-fade-enter-active,.time-range-transition .time-range-fade-leave-active{transition:all .3s cubic-bezier(.55,0,.1,1)}.time-range-transition .time-range-fade-enter,.time-range-transition .time-range-fade-leave-to{opacity:0}.time-range-select .mr5{margin-right:5px}.time-range-select .ml5{margin-left:5px}.time-range-select ul{padding:0;margin:0;font-weight:400;list-style:none}.time-range-select.large .time-range-select-content-wrapper{font-size:14px}.time-range-select.is-focus.normal .time-range-select-trigger .time-range-select-tag.time-range-select-tag--default{border-color:#3a84ff;box-shadow:0 0 3px #a3c5fd}.time-range-select.is-focus .time-range-input--default{border-color:#3a84ff;outline:0;box-shadow:0 0 3px #a3c5fd}.time-range-select.is-focus .time-range-input--default.is-simplicity{border-color:transparent;border-bottom-color:#3a84ff;box-shadow:none}.time-range-select.is-focus .time-range-input--default.is-simplicity .time-range-input--text{background-color:#f5f7fa}.time-range-select.popover-show .time-range-select-trigger .angle-up{transform:rotate(0)}.time-range-select.is-disabled .time-range-input--text{cursor:not-allowed;background-color:#fafbfd}.time-range-select .time-range-input.is-focused{border-color:#3a84ff;outline:0;box-shadow:0 0 3px #a3c5fd}.time-range-select .time-range-input.is-focused.is-simplicity{border-color:transparent;border-bottom-color:#3a84ff;box-shadow:none}.time-range-select .time-range-input--text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:24px;cursor:pointer;background-color:#fff}.time-range-select .time-range-select-trigger{position:relative}.time-range-select .time-range-select-trigger .time-range-tag-input .time-range-tag-input-trigger .clear-icon{margin-right:0}.time-range-select .time-range-select-trigger .time-range-select-tag{width:100%;height:32px;padding:0 28px 0 10px;line-height:normal;color:#63656e;text-align:left;vertical-align:middle;cursor:pointer;background-color:#fff;border:1px solid #c4c6cc;border-radius:2px;outline:none;box-sizing:border-box;transition:all .1s;resize:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;width:auto;align-items:center}.time-range-select .time-range-select-trigger .time-range-select-tag::placeholder{color:#c4c6cc}.time-range-select .time-range-select-trigger .time-range-select-tag.has-prefix{padding-left:0}.time-range-select .time-range-select-trigger .time-range-select-tag.collapse-tag .time-range-select-tag-wrapper{height:30px}.time-range-select .time-range-select-trigger .time-range-select-tag:not(.collapse-tag){position:relative;z-index:1;height:auto;min-height:32px;flex-wrap:wrap}.time-range-select .time-range-select-trigger .time-range-select-tag-wrapper{display:flex;align-items:center;flex-wrap:wrap;overflow:hidden}.time-range-select .time-range-select-trigger .time-range-select-tag:not(.is-disabled):hover{border-color:#979ba5}.time-range-select .time-range-select-trigger .time-range-select-tag.is-disabled{cursor:not-allowed;background-color:#fafbfd;border-color:#dcdee5}.time-range-select .time-range-select-trigger .time-range-select-tag.is-disabled input,.time-range-select .time-range-select-trigger .time-range-select-tag.is-disabled .time-range-tag{cursor:not-allowed}.time-range-select .time-range-select-trigger .time-range-select-tag.is-disabled .time-range-tag:hover{background-color:#f0f1f5}.time-range-select .time-range-select-trigger .time-range-select-tag.is-disabled .time-range-tag .time-range-tag-close{cursor:not-allowed}.time-range-select .time-range-select-trigger .time-range-select-tag.is-disabled .is-disabled{padding-left:0}.time-range-select .time-range-select-trigger .time-range-select-tag-input{width:100%;height:32px;line-height:normal;color:#63656e;text-align:left;vertical-align:middle;cursor:pointer;background-color:#fff;border:1px solid #c4c6cc;border-radius:2px;outline:none;box-sizing:border-box;transition:all .1s;resize:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:1%;height:22px;padding:0;margin:2px 5px 4px 0;background-color:transparent;border:none;flex-grow:1}.time-range-select .time-range-select-trigger .time-range-select-tag-input::placeholder{color:#c4c6cc}.time-range-select .time-range-select-trigger .time-range-select-tag .time-range-tag{max-width:190px;padding:0 4px}.time-range-select .time-range-select-trigger .angle-up{right:4px;transform:rotate(180deg);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;width:20px;height:20px;font-size:20px;color:#979ba5;position:absolute;top:0;display:inline-flex;height:100%;align-items:center;justify-content:center}.time-range-select .time-range-select-trigger .clear-icon{right:4px;cursor:pointer;transition:all .1s;display:flex;width:20px;height:20px;font-size:14px;color:#c4c6cc;position:absolute;top:0;display:inline-flex;height:100%;align-items:center;justify-content:center}.time-range-select .time-range-select-trigger .clear-icon:hover{color:#979ba5}.time-range-select .time-range-select-trigger .spinner{right:6px;position:absolute;top:0;display:inline-flex;height:100%;align-items:center;justify-content:center}.time-range-select--prefix-area{display:flex;height:100%;padding:0 10px;margin-right:10px;color:#63656e;background-color:#f5f7fa;border-right:1px solid #c4c6cc;align-items:center}.time-range-popover.time-range-pop2-content.time-range-select-popover{padding:0;border:1px solid #dcdee5;border-radius:2px;box-shadow:0 2px 6px #0000001a}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-empty{display:flex;align-items:center;justify-content:center;height:56px;color:#63656e}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-empty .spinner{display:flex;width:14px;height:14px;margin-right:4px;font-size:14px;color:#c4c6cc;align-items:center;justify-content:center}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-empty span{margin-left:4px;line-height:18px}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-dropdown{overflow:auto}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-dropdown::-webkit-scrollbar{width:4px;height:4px}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-dropdown::-webkit-scrollbar-thumb{background:#dde4eb;border-radius:20px;box-shadow:inset 0 0 6px #cccccc4d}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-extension{display:flex;height:40px;background-color:#fafbfd;align-items:center;border-top:1px solid #dcdee5;border-radius:0 0 2px 2px}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-options{padding:4px 0}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-option{position:relative;display:flex;height:32px;padding:0 12px;line-height:32px;color:#63656e;text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-option .time-range-select-selected-icon{position:absolute;top:5px;right:10px}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-option .time-range-select-checkbox{margin-right:6px;pointer-events:none}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-option-item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-option.is-hover{background-color:#f5f7fa}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-option:hover{color:#63656e;background-color:#f5f7fa}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-option.is-selected:not(.is-checkbox){color:#3a84ff;background-color:#e1ecff}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-option.is-disabled{color:#c4c6cc;cursor:not-allowed;background-color:transparent}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-option.is-multiple{padding-right:32px}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-option.is-multiple.is-selected{background-color:#fff}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-option.is-multiple.is-hover,.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-option.is-multiple:hover{background-color:#f5f7fa}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-options-loading{display:flex;align-items:center;justify-content:center}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-options-loading span{margin-left:4px;line-height:18px}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-option-group-label{height:32px;padding:0 8px;line-height:32px;color:#979ba5;text-align:left}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-option-group-label.collapsible{cursor:pointer}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-option-group.collapsible .time-range-select-option{padding-left:40px}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-option-group.disabled .default-group-label{color:#c4c6cc;cursor:not-allowed}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-option-group .default-group-label{display:flex;-webkit-user-select:none;user-select:none;align-items:center}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-option-group .default-group-label-icon{display:flex;width:12px;height:12px;margin-right:8px;transition:all .1s;align-items:center;justify-content:center}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-option-group .default-group-label-icon.collapse{transform:rotate(-90deg)}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-option-group .time-range-select-option{padding-left:24px}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-search-wrapper{display:flex;margin:4px 8px 0;border-bottom:1px solid #eaebf0;align-items:center}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-search-wrapper .icon-search{margin-left:2px;color:#979ba5}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-search-wrapper .time-range-select-search-input{width:100%;height:32px;line-height:normal;color:#63656e;text-align:left;vertical-align:middle;cursor:pointer;background-color:#fff;border:1px solid #c4c6cc;border-radius:2px;outline:none;box-sizing:border-box;transition:all .1s;resize:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 8px;cursor:text;border:none}.time-range-popover.time-range-pop2-content.time-range-select-popover .time-range-select-content-wrapper .time-range-select-search-wrapper .time-range-select-search-input::placeholder{color:#c4c6cc}.natural-picker{display:flex;align-items:center;min-height:56px}.natural-picker .natural-date{width:256px}.natural-picker .natural-unit{width:140px;margin-left:8px}.natural-custom-option{display:flex;align-items:center;width:100%;min-width:250px;height:100%;padding:0 12px;margin:0 -12px}.natural-custom-option .time-range-input{background-color:#fff}.recent-picker{display:flex;align-items:center;min-height:56px}.recent-picker .recent-input{border-top-right-radius:0;border-bottom-right-radius:0}.recent-picker .recent-input.is-focused{z-index:2}.recent-picker .recent-unit{width:164px}.recent-picker .recent-unit .time-range-input{margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}.recent-picker .recent-unit .time-range-input--text{border-radius:0}.timezone-picker{width:100%}.timezone-picker-option{display:flex;align-items:center;width:100%;color:#63656e}.timezone-picker-option .option-name{flex:1}.timezone-picker-option .option-country{display:flex;width:100%;margin-left:6px;color:#999}.timezone-picker-option .option-utc{display:inline-flex;align-items:center;justify-content:center;height:20px;padding:0 8px;background:#f0f1f5;border-radius:2px}.timezone-picker-option.is-selected{color:#3a84ff}.timezone-picker-option.is-selected .option-country{color:#699df4}.timezone-picker-option.is-selected .option-utc{color:#fff;background-color:#699df4}.panel-wrapper{width:510px;padding:12px 16px 0;background:#fff;border:1px solid #dcdee5;border-radius:2px;box-shadow:0 2px 6px #0000001a}.panel-wrapper .common-date-list{height:136px;max-height:136px;padding:0 0 4px;margin:12px -10px 0 0;overflow:auto}.panel-wrapper .common-date-list .list-item{display:inline-flex;align-items:center;min-width:calc(33.33% - 8px);height:28px;padding:0 8px;margin-right:8px;margin-bottom:8px;color:#313238;cursor:pointer;background:#f5f7fa;border-radius:2px}.panel-wrapper .common-date-list .list-item.is-recent-item{min-width:inherit;height:24px;padding:0 6px;color:#63656e}.panel-wrapper .common-date-list .list-item.is-selected,.panel-wrapper .common-date-list .list-item:hover{color:#3a84ff;background:#e1ecff}.panel-wrapper .date-pick-tab{padding-top:12px;border-top:1px solid #eaebf0}.panel-wrapper .date-pick-tab .time-range-tab-header-item{margin-right:20px!important}.panel-wrapper .time-zone-panel{display:flex;align-items:center;height:45px;padding:0 16px;margin:0 -16px;color:#313238;background:#fafbfd;border-top:1px solid #dcdee5}.panel-wrapper .time-zone-panel .time-zone{display:flex;align-items:center;margin:0 8px}.panel-wrapper .time-zone-panel .time-zone-area{display:flex;align-items:center;margin-left:8px;color:#979ba5}.panel-wrapper .time-zone-panel .time-zone-tag{display:flex;align-items:center;justify-content:center;width:79px;height:20px;color:#63656e;border:1px solid #dcdee5;border-radius:2px}.panel-wrapper .time-zone-panel .time-zone-btn{margin-left:auto}.panel-wrapper .time-zone-picker{margin:8px 0}.panel-wrapper .common-wrapper{display:flex;flex-direction:column;height:139px;max-height:139px;overflow:auto}.panel-wrapper .common-wrapper .empty-content{height:100px;max-height:100px}.panel-wrapper .common-wrapper .empty-tips{display:flex;align-items:center;justify-content:center}.__bk_date_picker__{box-sizing:border-box;display:inline-flex;align-items:center;height:32px;padding:0 4px;font-size:12px;color:#63656e;border:1px solid #c4c6cc;border-radius:2px}.__bk_date_picker__ div::-webkit-scrollbar,.__bk_date_picker__ ul::-webkit-scrollbar,.__bk_date_picker__ section::-webkit-scrollbar,.__bk_date_picker__ tbody::-webkit-scrollbar,.__bk_date_picker__ article::-webkit-scrollbar{width:4px;height:4px}.__bk_date_picker__ div::-webkit-scrollbar-thumb,.__bk_date_picker__ ul::-webkit-scrollbar-thumb,.__bk_date_picker__ section::-webkit-scrollbar-thumb,.__bk_date_picker__ tbody::-webkit-scrollbar-thumb,.__bk_date_picker__ article::-webkit-scrollbar-thumb{background:#ddd;border-radius:20px;box-shadow:inset 0 0 6px #cccccc4d}.__bk_date_picker__ .date-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:20px;font-weight:700;color:#989ca7;background:#f5f7fa;border-radius:2px}.__bk_date_picker__ .date-icon-left,.__bk_date_picker__ .date-icon-right{display:inline-flex}.__bk_date_picker__ .date-icon-left svg,.__bk_date_picker__ .date-icon-right svg{width:20px!important;height:20px!important}.__bk_date_picker__ .date-icon:hover{cursor:pointer;background-color:#f0f1f5}.__bk_date_picker__.is-simplicity{border-color:transparent}.__bk_date_picker__.is-simplicity .date-icon{background-color:transparent}.__bk_date_picker__.is-simplicity .date-icon:hover{cursor:pointer;background-color:#f0f1f5}.__bk_date_picker__.is-disabled{color:#c4c6cc;cursor:not-allowed}.__bk_date_picker__.is-disabled .date-icon{color:#c4c6cc;pointer-events:none}.__bk_date_picker__.is-disabled .date-content{pointer-events:none;cursor:not-allowed}.__bk_date_picker__ .date-content{display:flex;align-items:center;height:24px;padding:0 6px;margin:0 4px;-webkit-user-select:none;user-select:none;border-radius:2px}.__bk_date_picker__ .date-content-icon{margin-right:4px}.__bk_date_picker__ .date-content-utc{display:flex;align-items:center;margin-left:4px;font-weight:700;color:#ff9c01}.__bk_date_picker__ .date-content:hover{cursor:pointer;background:#f5f7fa}.__bk-date-picker-popover__{padding:0!important;margin:0!important;color:#63656e!important}.__bk-date-picker-popover__ div::-webkit-scrollbar,.__bk-date-picker-popover__ ul::-webkit-scrollbar,.__bk-date-picker-popover__ section::-webkit-scrollbar,.__bk-date-picker-popover__ tbody::-webkit-scrollbar,.__bk-date-picker-popover__ article::-webkit-scrollbar{width:4px;height:4px}.__bk-date-picker-popover__ div::-webkit-scrollbar-thumb,.__bk-date-picker-popover__ ul::-webkit-scrollbar-thumb,.__bk-date-picker-popover__ section::-webkit-scrollbar-thumb,.__bk-date-picker-popover__ tbody::-webkit-scrollbar-thumb,.__bk-date-picker-popover__ article::-webkit-scrollbar-thumb{background:#ddd;border-radius:20px;box-shadow:inset 0 0 6px #cccccc4d}.__bk-date-picker-popover__ ul{padding:0;margin:0}.__bk-date-picker-popover__ ul li{list-style:none}.__bk-date-picker-popover__ .time-range-select-search-wrapper .icon-search:before{content:""!important}.__bk-date-picker-popover__ .time-range-pop-confirm{margin:20px 16px 16px!important}.__date-tooltips__{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:156px;line-height:20px}.__date-tooltips__ div::-webkit-scrollbar,.__date-tooltips__ ul::-webkit-scrollbar,.__date-tooltips__ section::-webkit-scrollbar,.__date-tooltips__ tbody::-webkit-scrollbar,.__date-tooltips__ article::-webkit-scrollbar{width:4px;height:4px}.__date-tooltips__ div::-webkit-scrollbar-thumb,.__date-tooltips__ ul::-webkit-scrollbar-thumb,.__date-tooltips__ section::-webkit-scrollbar-thumb,.__date-tooltips__ tbody::-webkit-scrollbar-thumb,.__date-tooltips__ article::-webkit-scrollbar-thumb{background:#ddd;border-radius:20px;box-shadow:inset 0 0 6px #cccccc4d}.__date-tooltips__ .date-tooltips-timezone{display:flex;align-items:center;justify-content:center;width:100%;margin-top:4px;color:#ff9c01}.__date-tooltips__ .date-tooltips-diff{display:flex;align-items:center;justify-content:center;padding:0 4px;margin-top:4px;color:#fff;background:rgba(255,255,255,.12);border-radius:2px}
package/dist/vue2-light.es.js CHANGED
@@ -25786,6 +25786,7 @@ const kS = { class: "natural-picker" }, ES = ["onClick"], AS = "__", zS = /* @__
25786
25786
  "input-search": !1,
25787
25787
  "model-value": l(v.value),
25788
25788
  "no-match-text": pe(ye)("无匹配数据"),
25789
+ "popover-min-width": 130,
25789
25790
  "popover-options": { boundary: "parent", extCls: "__bk-date-picker-popover__" },
25790
25791
  prefix: pe(ye)("自然日期"),
25791
25792
  "search-placeholder": pe(ye)("请输入"),
@@ -25807,7 +25808,7 @@ const kS = { class: "natural-picker" }, ES = ["onClick"], AS = "__", zS = /* @__
25807
25808
  ke("div", {
25808
25809
  onClick: _[1] || (_[1] = pv(() => {
25809
25810
  }, ["prevent", "stop"])),
25810
- style: { width: "100%", padding: "0 12px", margin: "0 -12px" }
25811
+ class: "natural-custom-option"
25811
25812
  }, [
25812
25813
  u.value === T.id ? (Ge(), mn(pe(Mf), {
25813
25814
  key: 0,
@@ -25824,7 +25825,7 @@ const kS = { class: "natural-picker" }, ES = ["onClick"], AS = "__", zS = /* @__
25824
25825
  ref_key: "inputRef",
25825
25826
  ref: n,
25826
25827
  size: "small",
25827
- style: { width: "100%" },
25828
+ style: { width: "150px" },
25828
25829
  type: "number",
25829
25830
  modelValue: d.value,
25830
25831
  "onUpdate:modelValue": _[0] || (_[0] = (x) => d.value = x)
package/dist/vue3-full.css CHANGED
@@ -1 +1 @@
1
- .bk-popover.bk-pop2-content{position:absolute;display:none;padding:7px 14px;font-size:12px;color:#fff;background:#26323d;border-radius:4px;box-sizing:border-box}.bk-popover.bk-pop2-content .bk-pop2-arrow{position:absolute;z-index:-1;width:8px;height:8px;background:#333;transform:rotate(45deg)}.bk-popover.bk-pop2-content[data-theme^=light]{color:#26323d;background-color:#fff;box-shadow:0 0 6px #dcdee5}.bk-popover.bk-pop2-content[data-theme^=light] .bk-pop2-arrow{background-color:#fff}.scroll-bar-style::-webkit-scrollbar{width:4px;height:4px}.scroll-bar-style::-webkit-scrollbar-thumb{background:#ddd;border-radius:20px;box-shadow:inset 0 0 6px #cccccc4d}html,body{padding:0;margin:0}*{box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;box-sizing:content-box}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button;-moz-appearance:button;appearance:button}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{padding:0;box-sizing:border-box}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}::-ms-clear,::-ms-reveal{display:none}input[type=text]::-ms-clear{display:none}input[type=text]::-ms-reveal{display:none}input[type=search]{box-sizing:content-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid #c0c0c0}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}.bk-scroll-y{overflow-y:auto}.bk-scroll-y::-webkit-scrollbar{width:4px;height:4px}.bk-scroll-y::-webkit-scrollbar-thumb{background:#ddd;border-radius:20px;box-shadow:inset 0 0 6px #cccccc4d}.bk-scroll-x{overflow-x:auto}.bk-scroll-x::-webkit-scrollbar{width:4px;height:4px}.bk-scroll-x::-webkit-scrollbar-thumb{background:#ddd;border-radius:20px;box-shadow:inset 0 0 6px #cccccc4d}.bk-button{display:inline-flex;height:32px;padding:5px 12px;font-size:14px;color:#63656e;text-decoration:none;white-space:nowrap;cursor:pointer;background-color:#fff;border:1px solid #c4c6cc;border-radius:2px;outline:none;box-sizing:border-box;transition:background-color ease .3s;-webkit-appearance:none;-moz-appearance:none;appearance:none;align-items:center;justify-content:center}.bk-button.bk-button-primary{background-color:#3a84ff;color:#fff;border-color:#3a84ff}.bk-button.bk-button-primary:hover{background-color:#5594fa;border-color:#5594fa}.bk-button.bk-button-primary:active{background-color:#2c77f4;border-color:#2c77f4;color:#fff}.bk-button.bk-button-primary.is-outline{color:#3a84ff;border-color:#3a84ff;background-color:#fff}.bk-button.bk-button-primary.is-outline:hover{background-color:#5594fa;border-color:#5594fa;color:#fff}.bk-button.bk-button-primary.is-outline:active{background-color:#2c77f4;border-color:#2c77f4;color:#fff}.bk-button.bk-button-primary.is-text{color:#3a84ff;background-color:transparent;border:none}.bk-button.bk-button-primary.is-text:not(.is-disabled):hover{color:#5594fa}.bk-button.bk-button-primary.is-disabled{color:#dcdee5;cursor:not-allowed}.bk-button.bk-button-primary.is-disabled:not(.is-text){background-color:#dcdee5;color:#fff;border-color:#dcdee5}.bk-button.bk-button-hover-primary:hover{background-color:#5594fa;border-color:#5594fa;color:#fff}.bk-button.bk-button-warning{background-color:#ff9c01;color:#fff;border-color:#ff9c01}.bk-button.bk-button-warning:hover{background-color:#ffb848;border-color:#ffb848}.bk-button.bk-button-warning:active{background-color:#eb9000;border-color:#eb9000;color:#fff}.bk-button.bk-button-warning.is-outline{color:#ff9c01;border-color:#ff9c01;background-color:#fff}.bk-button.bk-button-warning.is-outline:hover{background-color:#ffb848;border-color:#ffb848;color:#fff}.bk-button.bk-button-warning.is-outline:active{background-color:#eb9000;border-color:#eb9000;color:#fff}.bk-button.bk-button-warning.is-text{color:#ff9c01;background-color:transparent;border:none}.bk-button.bk-button-warning.is-text:not(.is-disabled):hover{color:#ffb848}.bk-button.bk-button-warning.is-disabled{color:#dcdee5;cursor:not-allowed}.bk-button.bk-button-warning.is-disabled:not(.is-text){background-color:#dcdee5;color:#fff;border-color:#dcdee5}.bk-button.bk-button-hover-warning:hover{background-color:#ffb848;border-color:#ffb848;color:#fff}.bk-button.bk-button-success{background-color:#2dcb56;color:#fff;border-color:#2dcb56}.bk-button.bk-button-success:hover{background-color:#45e35f;border-color:#45e35f}.bk-button.bk-button-success:active{background-color:#1ab943;border-color:#1ab943;color:#fff}.bk-button.bk-button-success.is-outline{color:#2dcb56;border-color:#2dcb56;background-color:#fff}.bk-button.bk-button-success.is-outline:hover{background-color:#45e35f;border-color:#45e35f;color:#fff}.bk-button.bk-button-success.is-outline:active{background-color:#1ab943;border-color:#1ab943;color:#fff}.bk-button.bk-button-success.is-text{color:#2dcb56;background-color:transparent;border:none}.bk-button.bk-button-success.is-text:not(.is-disabled):hover{color:#45e35f}.bk-button.bk-button-success.is-disabled{color:#dcdee5;cursor:not-allowed}.bk-button.bk-button-success.is-disabled:not(.is-text){background-color:#dcdee5;color:#fff;border-color:#dcdee5}.bk-button.bk-button-hover-success:hover{background-color:#45e35f;border-color:#45e35f;color:#fff}.bk-button.bk-button-danger{background-color:#ea3636;color:#fff;border-color:#ea3636}.bk-button.bk-button-danger:hover{background-color:#ff5656;border-color:#ff5656}.bk-button.bk-button-danger:active{background-color:#db2626;border-color:#db2626;color:#fff}.bk-button.bk-button-danger.is-outline{color:#ea3636;border-color:#ea3636;background-color:#fff}.bk-button.bk-button-danger.is-outline:hover{background-color:#ff5656;border-color:#ff5656;color:#fff}.bk-button.bk-button-danger.is-outline:active{background-color:#db2626;border-color:#db2626;color:#fff}.bk-button.bk-button-danger.is-text{color:#ea3636;background-color:transparent;border:none}.bk-button.bk-button-danger.is-text:not(.is-disabled):hover{color:#ff5656}.bk-button.bk-button-danger.is-disabled{color:#dcdee5;cursor:not-allowed}.bk-button.bk-button-danger.is-disabled:not(.is-text){background-color:#dcdee5;color:#fff;border-color:#dcdee5}.bk-button.bk-button-hover-danger:hover{background-color:#ff5656;border-color:#ff5656;color:#fff}.bk-button.bk-button-small{height:26px;padding:3px 12px;font-size:12px}.bk-button.bk-button-large{height:38px;padding:8px 20px;font-size:16px}.bk-button .bk-button-text{display:inline-flex;align-items:center;line-height:1}.bk-button.is-loading{position:relative}.bk-button.is-loading .bk-button-loading:not(:last-child){position:absolute}.bk-button.is-loading .bk-button-text{visibility:hidden}.bk-button:hover{border-color:#979ba5}.bk-button:active{color:#3a84ff;border-color:#3a84ff}.bk-button.is-text{height:auto;padding:0;font-size:inherit;color:#63656e;text-decoration:none;cursor:pointer;background-color:transparent;border:none;outline:none}.bk-button.is-disabled{color:#dcdee5;cursor:not-allowed;border-color:#dcdee5}.bk-button-group{display:inline-block;font-size:0}.bk-button-group.bk-button-group-small .bk-button{height:26px;padding:3px 12px;font-size:12px}.bk-button-group.bk-button-group-large .bk-button{height:38px;padding:8px 20px;font-size:16px}.bk-button-group .bk-button{height:32px;margin:0 0 0 -1px;border-radius:0}.bk-button-group .bk-button:not(.is-disabled){color:#63656e;background-color:#fff;border-color:#c4c6cc}.bk-button-group .bk-button.is-disabled{color:#c4c6cc}.bk-button-group .bk-button:first-child{border-radius:2px 0 0 2px}.bk-button-group .bk-button:last-child{border-radius:0 2px 2px 0}.bk-button-group .bk-button:only-child{border-radius:2px}.bk-button-group .bk-button:hover:not(.is-disabled),.bk-button-group .bk-button.is-selected:not(.is-disabled){position:relative;z-index:1;color:#3a84ff;background-color:#fff;border-color:#3a84ff}.bk-button-group .bk-button.is-selected:not(.is-disabled){background-color:#e1ecff}.bk-button-group .bk-button.is-selected.is-disabled{background-color:#f0f1f5}.bk-exception{position:relative;display:flex;width:100%;align-items:center;flex-direction:column;text-align:center}.bk-exception-img{display:flex;align-items:center;justify-content:center}.bk-exception-img .exception-image{display:block;height:100%;object-fit:contain}.bk-exception-title{color:#313238}.bk-exception-description{color:#63656e}.bk-exception-page .bk-exception-img{width:480px;height:240px}.bk-exception-page .bk-exception-title{margin-top:18px;font-size:24px;line-height:32px}.bk-exception-page .bk-exception-description{margin-top:16px;font-size:14px;line-height:22px}.bk-exception-page .bk-exception-footer{margin-top:24px}.bk-exception-part .bk-exception-img{width:120px;height:100px}.bk-exception-part .bk-exception-title{margin-top:8px;font-size:14px;line-height:22px}.bk-exception-part .bk-exception-description{margin-top:8px;font-size:12px;line-height:20px}.bk-exception-part .bk-exception-footer{margin-top:8px}.bk-popover.bk-pop-confirm-box{padding:16px 24px}.bk-pop-confirm-title{font-size:14px;color:#313238;padding-bottom:12px}.bk-pop-confirm-icon{color:#ff5656;margin-right:4px}.bk-pop-confirm-content{font-size:12px;color:#63656e;padding:0 0 20px}.bk-pop-confirm-simple{font-size:14px}.bk-pop-confirm-footer{display:flex;justify-content:flex-end;align-items:center}.bk-pop-confirm-footer .bk-button{margin-left:8px}.bk-tab{position:relative;display:flex}.bk-tab--top{flex-direction:column}.bk-tab--right{flex-direction:row-reverse}.bk-tab-header{position:relative;display:flex;color:#63656e}.bk-tab--left .bk-tab-header{border-right:1px solid #dcdee5}.bk-tab--right .bk-tab-header{border-left:1px solid #dcdee5}.bk-tab--vertical-tab .bk-tab-header{border:0}.bk-tab--left .bk-tab-header,.bk-tab--right .bk-tab-header{flex-direction:column}.bk-tab--left .bk-tab-header>div,.bk-tab--right .bk-tab-header>div{flex-direction:column}.bk-tab--card-tab .bk-tab-header,.bk-tab--vertical-tab .bk-tab-header{background:#F0F1F5}.bk-tab--card-tab .bk-tab-header{border-radius:4px 4px 0}.bk-tab--card .bk-tab-header,.bk-tab--vertical-card .bk-tab-header{border-bottom:1px solid #dcdee5}.bk-tab--border-card .bk-tab-header{border:solid #dcdee5;border-width:1px 1px 1px 0}.bk-tab--border-card .bk-tab-header{background:#FAFBFD}.bk-tab--unborder-card .bk-tab-header{border-bottom:1px solid #dcdee5}.bk-tab-header>div{display:flex;flex-wrap:nowrap}.bk-tab--card .bk-tab-header>div,.bk-tab--vertical-card .bk-tab-header>div,.bk-tab--border-card .bk-tab-header>div{margin-bottom:-1px}.bk-tab-header-nav{position:relative}.bk-tab--top .bk-tab-header-nav{overflow-x:auto;overflow-y:visible}.bk-tab--left .bk-tab-header-nav,.bk-tab--right .bk-tab-header-nav{overflow-x:visible;overflow-y:auto}.bk-tab--card .bk-tab-header-nav,.bk-tab--border-card .bk-tab-header-nav,.bk-tab--vertical-card .bk-tab-header-nav{border-left:1px solid #dcdee5}.bk-tab-header-nav::-webkit-scrollbar{display:none;width:0;height:0}.bk-tab-header-next,.bk-tab-header-prev{position:absolute;top:1px;bottom:1px;width:15px;background:#fff;content:""}.bk-tab-header-prev{left:1px}.bk-tab-header-next{right:1px}.bk-tab-header-operation .bk-tab-header-item{padding:0 12px}.bk-tab-header-setting{justify-self:flex-end;margin-left:auto;white-space:nowrap}.bk-tab-header-item{display:flex;white-space:nowrap;cursor:pointer;justify-content:center;align-items:center}.bk-tab--top .bk-tab-header-item{padding:0 20px}.bk-tab--left .bk-tab-header-item,.bk-tab--right .bk-tab-header-item{padding:0 12px}.bk-tab--left .bk-tab-header-item{text-align:right}.bk-tab--card .bk-tab-header-item,.bk-tab--vertical-card .bk-tab-header-item{border-top:1px solid #dcdee5}.bk-tab--card .bk-tab-header-item,.bk-tab--border-card .bk-tab-header-item,.bk-tab--vertical-card .bk-tab-header-item{border-right:1px solid #dcdee5}.bk-tab--card-tab .bk-tab-header-item{position:relative}.bk-tab--card-tab .bk-tab-header-item:not(:first-of-type):before,.bk-tab--card-tab .bk-tab-header-item:last-of-type:after{position:absolute;top:50%;left:0;display:block;width:1px;height:16px;margin-top:-8px;background:#c4c6cc;content:""}.bk-tab--card-tab .bk-tab-header-item:last-of-type:after{right:0;left:initial}.bk-tab--card-grid .bk-tab-header-item{height:40px;margin-right:8px;line-height:40px;background:#eaebf0;border-radius:4px 4px 0 0}.bk-tab-header-operation .bk-tab-header-item{padding-right:12px;padding-left:12px}.bk-tab-header-item:hover{color:#3a84ff}.bk-tab-header-item:hover .bk-tab-header--close{display:block;margin-left:5px;color:#ea3636}.bk-tab-header--active{color:#3a84ff}.bk-tab--card .bk-tab-header--active,.bk-tab--border-card .bk-tab-header--active,.bk-tab--vertical-card .bk-tab-header--active{background:white;border-bottom-color:#fff}.bk-tab--card-tab .bk-tab-header--active,.bk-tab--vertical-tab .bk-tab-header--active{background:#fff}.bk-tab--card-tab .bk-tab-header--active{border-radius:4px 4px 0 0}.bk-tab--card-tab .bk-tab-header--active:after,.bk-tab--card-tab .bk-tab-header--active:before,.bk-tab--card-tab .bk-tab-header--active+.bk-tab-header-item:before{display:none!important}.bk-tab--card-grid .bk-tab-header--active{background:#fff}.bk-tab-header--close{display:none;font-size:16px;color:#c4c6cc}.bk-tab-header--disabled{cursor:not-allowed}.bk-tab-header--disabled,.bk-tab-header--disabled:hover{color:#aaa}.bk-tab-header-active-bar{position:absolute;width:0;height:0;background:#3a84ff;transition:all ease-in .3s}.bk-tab-content{flex:1;padding:10px}.bk-tab--border-card .bk-tab-content,.bk-tab--vertical-card .bk-tab-content{border:solid #dcdee5;border-width:0 1px 1px}.bk-tab--card-grid .bk-tab-content{background:#fff;border-radius:0 4px 4px;box-shadow:0 2px 4px #1919290d}.bk-tab-panel{height:100%}.common-panel-tab{display:flex;align-items:center}.common-panel-tab .bk-tab-header{line-height:20px!important;border-bottom:0!important}.common-panel-tab .bk-tab-header .bk-tab-header-item{padding:0 0 4px;margin-right:28px}.common-panel-tab .bk-tab-header--active{font-weight:700;color:#63656e}.common-panel-tab .bk-tab-content{display:none;width:0;height:0}.common-panel-tab .delete-all{margin-left:auto}.common-panel-tab .delete-all:hover{color:#3a84ff;cursor:pointer}.common-submit{flex:0 0 64px;width:64px;margin-left:8px}.common-favorite{display:flex;flex:0 0 32px;align-items:center;justify-content:center;width:32px;height:32px;margin-left:8px;cursor:pointer;background:#f5f7fa;border-radius:2px}.common-favorite:hover svg path{fill:#3a84ff}.bk-checkbox-group{display:inline-flex;letter-spacing:normal}.bk-checkbox{display:inline-flex;justify-self:center;align-items:center;font-size:14px;letter-spacing:normal;color:#63656e;cursor:pointer;-webkit-user-select:none;user-select:none}.bk-checkbox~.bk-checkbox{margin-left:30px}.bk-checkbox.is-checked .bk-checkbox-input{background:#3a84ff;border-color:#3a84ff;transition:all .1s}.bk-checkbox.is-checked .bk-checkbox-input.small:after{width:3px;height:6px}.bk-checkbox.is-checked .bk-checkbox-input:after{position:absolute;top:50%;left:50%;width:4px;height:8px;border:2px solid #fff;border-top:0;border-left:0;content:"";transform:translate(-50%,-60%) scaleY(1) rotate(45deg);transform-origin:center}.bk-checkbox.is-indeterminated .bk-checkbox-input{background:#3a84ff;border-color:#3a84ff;transition:all .1s}.bk-checkbox.is-indeterminated .bk-checkbox-input.small:after{width:6px;height:2px}.bk-checkbox.is-indeterminated .bk-checkbox-input:after{position:absolute;top:50%;left:50%;width:8px;height:2px;background:#fff;border:none;border-radius:2px;content:"";transform:translate(-50%,-50%)}.bk-checkbox.is-disabled{color:#c4c6cc;cursor:not-allowed}.bk-checkbox.is-disabled .bk-checkbox-input{background:#fafbfd;border-color:#dcdee5}.bk-checkbox.is-disabled .bk-checkbox-input:after{background:#dcdee5}.bk-checkbox.is-disabled.is-checked .bk-checkbox-input{background:#a3c5fd;border-color:#a3c5fd}.bk-checkbox.is-disabled.is-checked .bk-checkbox-input:after{background:#a3c5fd}.bk-checkbox-input{position:relative;display:inline-block;width:16px;height:16px;vertical-align:middle;border:1px solid #979ba5;border-radius:2px}.bk-checkbox-input.small{width:14px;height:14px}.bk-checkbox-original{position:absolute;top:0;left:0;z-index:-1;width:0;height:0}.bk-checkbox-label{display:inline-block;margin-left:6px;vertical-align:middle}.date-panel{display:flex;flex-direction:column;width:220px;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #dcdee5;box-shadow:0 2px 6px #0000001a}.date-panel-title{display:flex;flex:0 0 40px;align-items:center;height:40px;padding:0 12px;color:#63656e;border-bottom:1px solid #dcdee5}.date-panel-title .title-check{margin-left:auto}.date-panel-title .title-check .bk-checkbox{pointer-events:none}.date-panel-main{display:flex;flex:1;flex-direction:column;padding:8px 0 12px}.date-panel-main .date-header{display:flex;align-items:center;width:100%;height:24px}.date-panel-main .date-header-center{display:flex;flex:1;align-items:center;justify-content:center;height:100%;font-size:14px;font-weight:700}.date-panel-main .date-header-center .date-split{width:5px;height:2px;margin:0 10px;background-color:#63656e}.date-panel-main .date-header-right,.date-panel-main .date-header-left{display:flex;align-items:center;height:100%;padding:0 6px;font-size:16px}.date-panel-main .date-header-right .hand-icon,.date-panel-main .date-header-left .hand-icon{display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#979ba5}.date-panel-main .date-header-right .hand-icon svg,.date-panel-main .date-header-left .hand-icon svg{width:20px!important;height:20px!important;font-weight:700}.date-panel-main .date-header-right .hand-icon:hover,.date-panel-main .date-header-left .hand-icon:hover{color:#3a84ff;cursor:pointer}.date-panel-main .date-header-right .hand-icon:hover svg,.date-panel-main .date-header-left .hand-icon:hover svg{fill:#3a84ff}.date-panel-main .date-header-right{margin-left:auto}.date-panel-main .date-content{display:flex;flex-direction:column}.date-panel-main .date-content .date-grid{display:flex;align-items:center;width:100%;padding:0 12px;margin:0}.date-panel-main .date-content .date-grid-item{display:flex;flex:0 0 14.285%;align-items:center;justify-content:center;width:14.285%;min-width:28px;height:24px}.date-panel-main .date-content .date-grid-item:not(.not-click):hover{cursor:pointer;background-color:#f0f1f5}.date-panel-main .date-content .date-grid-item.is-today{color:#3a84ff;border:1px solid #a3c5fd;border-radius:2px}.date-panel-main .date-content .date-grid-item.is-last-month{color:#c4c6cc;background-color:#f0f1f5}.date-panel-main .date-content .date-grid-item.is-next-month{color:#c4c6cc}.date-panel-main .date-content .date-grid-item.is-disabled{color:#c4c6cc!important;cursor:not-allowed!important;background-color:#f0f1f5!important}.date-panel-main .date-content .date-grid-item.is-selected{color:#fff!important;background-color:#3a84ff!important;border-radius:2px}.date-wrapper{display:flex;flex-direction:column}.date-wrapper .date-input{display:flex;align-items:center;width:100%;min-height:56px}.date-wrapper .date-input .date-picker{display:flex;align-items:center;width:100%;min-width:360px;height:32px;background:#fff;border:1px solid #c4c6cc;border-radius:2px}.date-wrapper .date-input .date-picker-icon{display:flex;align-items:center;justify-content:center;margin-right:6px;margin-left:8px}.date-wrapper .date-input .date-picker-start,.date-wrapper .date-input .date-picker-end{width:160px;height:24px;padding:0 4px;font-size:12px;color:#63656e;border:none;border-radius:2px}.date-wrapper .date-input .date-picker-start:focus,.date-wrapper .date-input .date-picker-end:focus{background:#e1ecff;border:none;outline:none;box-shadow:none}.date-wrapper .date-input .date-picker-split{display:flex;align-items:center;justify-content:center;padding:0 8px;color:#979ba5}.date-wrapper .date-input .date-picker-clear{display:none!important;flex:0 0 32px;align-items:center;justify-content:center;width:32px;height:32px;font-size:14px;color:#c4c6cc}.date-wrapper .date-input .date-picker-clear:hover{color:#63656e;cursor:pointer}.date-wrapper .date-input .date-picker:hover .date-picker-clear{display:flex!important}.date-wrapper .show-format{display:flex;align-items:center;width:100%;min-width:100%;margin-top:-8px;margin-bottom:12px;color:#979ba5}.date-wrapper .show-format .format-button{margin-left:8px}.date-format-wrapper{display:flex;flex-direction:column;width:520px;padding:12px 15px}.date-format-wrapper .content-title{margin-bottom:12px;font-weight:700;line-height:20px}.date-format-wrapper .content-table{display:flex;flex-direction:column;width:100%;border-collapse:collapse;background-color:#fff;border:1px solid #eaeefb;border-top:0;border-left:0}.date-format-wrapper .content-table th,.date-format-wrapper .content-table td{height:42px;padding:0 16px;line-height:42px;color:#63656e;text-align:left;border:1px solid #eaeefb;border-right:0;border-bottom:0}.date-format-wrapper .content-table thead,.date-format-wrapper .content-table tr{display:flex;align-items:center;width:100%}.date-format-wrapper .content-table thead th,.date-format-wrapper .content-table tr th{flex:1;background-color:#fafbfd}.date-format-wrapper .content-table tbody{display:block;width:calc(100% + 4px);max-height:300px;overflow:auto}.date-format-wrapper .content-table tbody td{display:flex;flex:1;align-items:center}.clearfix-style:after{display:block;height:0;clear:both;font-size:0;content:"";visibility:hidden}.bk-popper{display:none;padding:7px 14px;font-size:12px;color:#fff;background:#333;border-radius:4px}.bk-popper.light{color:#63656e;background:#fff;box-shadow:#dcdee5 0 0 6px}.bk-popper .bk-popper-arrow,.bk-popper .bk-popper-arrow:before{position:absolute;width:8px;height:8px;background:inherit}.bk-popper .bk-popper-arrow{visibility:hidden}.bk-popper .bk-popper-arrow:before{content:"";visibility:visible;transform:rotate(45deg)}.bk-popper[data-show]{display:block}.bk-popper[data-popper-placement^=top]>.bk-popper-arrow{bottom:-4px}.bk-popper[data-popper-placement^=bottom]>.bk-popper-arrow{top:-4px}.bk-popper[data-popper-placement^=left]>.bk-popper-arrow{right:-4px}.bk-popper[data-popper-placement^=right]>.bk-popper-arrow{left:-4px}.bk-textarea{--textarea-line-height: 20px;display:inline-flex;width:100%;overflow:hidden;font-size:12px;line-height:var(--textarea-line-height);color:#63656e;background-color:#fff;border:1px solid #c4c6cc;border-radius:2px;box-sizing:border-box;transition:all .3s;flex-direction:column}.bk-textarea ::placeholder{font-size:12px;color:#c4c6cc}.bk-textarea.resizable{resize:both}.bk-textarea ::-webkit-scrollbar{-webkit-appearance:none;width:3px}.bk-textarea ::-webkit-scrollbar-thumb{border-radius:4px;background-color:#dcdee5}.bk-textarea.is-disabled,.bk-textarea.is-readonly{background-color:#fafbfd;border-color:#dcdee5}.bk-textarea.is-disabled .bk-input--prefix-area,.bk-textarea.is-readonly .bk-input--prefix-area,.bk-textarea.is-disabled .bk-input--suffix-area,.bk-textarea.is-readonly .bk-input--suffix-area,.bk-textarea.is-disabled .bk-input--suffix-icon,.bk-textarea.is-readonly .bk-input--suffix-icon{cursor:not-allowed;background-color:#fafbfd}.bk-textarea.is-disabled input,.bk-textarea.is-readonly input,.bk-textarea.is-disabled textarea,.bk-textarea.is-readonly textarea{cursor:not-allowed;background-color:#fafbfd;opacity:1}.bk-textarea.is-readonly input,.bk-textarea.is-readonly textarea{cursor:auto}.bk-textarea>textarea{width:100%;padding:5px 10px;line-height:1.5;text-align:left;border:0;border-radius:2px;outline:none;resize:none}.bk-textarea--max-length{padding-right:10px;margin:0 0 0 auto;font-size:12px;text-align:right;transform:scale(.8);justify-content:flex-end}.bk-textarea--max-length.is-over-limit{color:#ea3636}.bk-textarea--max-length span{color:#979ba5}.bk-textarea.is-focused:not(.is-readonly){border-color:#3a84ff;outline:0;box-shadow:0 0 3px #a3c5fd}.bk-input{display:inline-flex;align-items:stretch;width:100%;height:32px;font-size:12px;border:1px solid #c4c6cc;border-radius:2px;transition:all .3s}.bk-input ::placeholder{font-size:12px;color:#c4c6cc}.bk-input.is-disabled,.bk-input.is-readonly{background-color:#fafbfd;border-color:#dcdee5}.bk-input.is-disabled .bk-input--prefix-area,.bk-input.is-readonly .bk-input--prefix-area,.bk-input.is-disabled .bk-input--suffix-area,.bk-input.is-readonly .bk-input--suffix-area,.bk-input.is-disabled .bk-input--suffix-icon,.bk-input.is-readonly .bk-input--suffix-icon{cursor:not-allowed;background-color:#fafbfd}.bk-input.is-disabled input,.bk-input.is-readonly input,.bk-input.is-disabled textarea,.bk-input.is-readonly textarea{cursor:not-allowed;background-color:#fafbfd;opacity:1}.bk-input.is-readonly input,.bk-input.is-readonly textarea{cursor:auto}.bk-input:hover:not(.is-disabled){border-color:#979ba5}.bk-input:hover:not(.is-disabled) .show-clear-only-hover{display:flex}.bk-input.is-simplicity{background-color:transparent;border-color:transparent;border-bottom-color:#c4c6cc}.bk-input.is-simplicity:hover:not(.is-disabled){background-color:#f5f7fa;border-color:transparent;border-bottom-color:#c4c6cc;box-shadow:none}.bk-input.is-simplicity:hover:not(.is-disabled) .bk-input--text,.bk-input.is-simplicity:hover:not(.is-disabled) .bk-input--suffix-icon{background-color:#f5f7fa}.bk-input--suffix-icon{display:flex;height:100%;padding-right:10px;font-size:14px;color:#c4c6cc;background-color:#fff;align-items:center;align-self:center;flex-shrink:0;cursor:pointer}.bk-input--suffix-icon:hover{color:#313238}.bk-input--suffix-icon.show-clear-only-hover{display:none}.bk-input--clear-icon{cursor:pointer;flex-shrink:0}.bk-input--clear-icon:hover{color:#979ba5}.bk-input--large{height:40px;font-size:14px}.bk-input--large ::placeholder{font-size:14px;color:#c4c6cc}.bk-input--large .bk-input--max-length{font-size:16px}.bk-input--large .bk-input--number-control span:first-child{margin-bottom:4px}.bk-input--small{height:26px;font-size:12px}.bk-input--small .bk-input--max-length,.bk-input--default,.bk-input--default .bk-input--max-length{font-size:12px}.bk-input.is-focused:not(.is-readonly){border-color:#3a84ff;outline:0;box-shadow:0 0 3px #a3c5fd}.bk-input.is-focused:not(.is-readonly).is-simplicity{border-color:transparent;border-bottom-color:#3a84ff;box-shadow:none}.bk-input.is-focused:not(.is-readonly).is-simplicity .bk-input--text,.bk-input.is-focused:not(.is-readonly).is-simplicity .bk-input--suffix-icon{background-color:#f5f7fa}.bk-input--prefix-area,.bk-input--suffix-area{display:flex;padding:0 10px;color:#63656e;background-color:#f5f7fa;border-right:1px solid #c4c6cc;align-items:center}.bk-input--suffix-area{border:0;border-left:1px solid #c4c6cc}.bk-input--max-length{align-self:center;padding-right:10px;font-size:12px;transform:scale(.8)}.bk-input--max-length.is-over-limit{color:#ea3636}.bk-input--max-length span{color:#979ba5}.bk-input--text{width:100%;padding:0 10px;overflow:hidden;line-height:1;color:#63656e;text-overflow:ellipsis;white-space:nowrap;background-color:#fff;background-image:none;border:none;border-radius:2px;outline:none;box-sizing:border-box;transition:all .3s;flex:1}.bk-input--text[type=search]::-webkit-search-decoration,.bk-input--text[type=search]::-webkit-search-cancel-button,.bk-input--text[type=search]::-webkit-search-results-button,.bk-input--text[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}.bk-input--text [type=search]::-ms-clear{display:none;width:0;height:0}.bk-input--text [type=search]::-ms-reveal{display:none;width:0;height:0}.bk-input--text[type=number]::-webkit-inner-spin-button,.bk-input--text[type=number]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.bk-input--number-control{display:flex;width:26px;height:100%;padding:4px 0;font-size:0;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center}.bk-input--number-control span{display:flex;overflow:hidden;line-height:1;color:#979ba5;text-align:center;cursor:pointer;background-color:#f5f7fa;flex:1;align-items:center}.bk-input--number-control span.is-disabled{color:#c4c6cc;cursor:not-allowed}.bk-input--number-control svg{font-size:14px}.bk-input--number-control span:first-child{transform:rotate(180deg)}.bk-input--number-control span:not(.is-disabled):hover{background-color:#eaebf0}@keyframes loading-scale-animate{0%{transform:scale(1)}to{transform:scale(.6)}}@keyframes fade{to{background-color:transparent}}.bk-transition .bk-fade-enter-active,.bk-transition .bk-fade-leave-active{transition:all .3s cubic-bezier(.55,0,.1,1)}.bk-transition .bk-fade-enter,.bk-transition .bk-fade-leave-to{opacity:0}.bk-select .mr5{margin-right:5px}.bk-select .ml5{margin-left:5px}.bk-select ul{padding:0;margin:0;font-weight:400;list-style:none}.bk-select.large .bk-select-content-wrapper{font-size:14px}.bk-select.is-focus.normal .bk-select-trigger .bk-select-tag.bk-select-tag--default{border-color:#3a84ff;box-shadow:0 0 3px #a3c5fd}.bk-select.is-focus .bk-input--default{border-color:#3a84ff;outline:0;box-shadow:0 0 3px #a3c5fd}.bk-select.is-focus .bk-input--default.is-simplicity{border-color:transparent;border-bottom-color:#3a84ff;box-shadow:none}.bk-select.is-focus .bk-input--default.is-simplicity .bk-input--text{background-color:#f5f7fa}.bk-select.popover-show .bk-select-trigger .angle-up{transform:rotate(0)}.bk-select.is-disabled .bk-input--text{cursor:not-allowed;background-color:#fafbfd}.bk-select .bk-input.is-focused{border-color:#3a84ff;outline:0;box-shadow:0 0 3px #a3c5fd}.bk-select .bk-input.is-focused.is-simplicity{border-color:transparent;border-bottom-color:#3a84ff;box-shadow:none}.bk-select .bk-input--text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:24px;cursor:pointer;background-color:#fff}.bk-select .bk-select-trigger{position:relative}.bk-select .bk-select-trigger .bk-tag-input .bk-tag-input-trigger .clear-icon{margin-right:0}.bk-select .bk-select-trigger .bk-select-tag{width:100%;height:32px;padding:0 28px 0 10px;line-height:normal;color:#63656e;text-align:left;vertical-align:middle;cursor:pointer;background-color:#fff;border:1px solid #c4c6cc;border-radius:2px;outline:none;box-sizing:border-box;transition:all .1s;resize:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;width:auto;align-items:center}.bk-select .bk-select-trigger .bk-select-tag::placeholder{color:#c4c6cc}.bk-select .bk-select-trigger .bk-select-tag.has-prefix{padding-left:0}.bk-select .bk-select-trigger .bk-select-tag.collapse-tag .bk-select-tag-wrapper{height:30px}.bk-select .bk-select-trigger .bk-select-tag:not(.collapse-tag){position:relative;z-index:1;height:auto;min-height:32px;flex-wrap:wrap}.bk-select .bk-select-trigger .bk-select-tag-wrapper{display:flex;align-items:center;flex-wrap:wrap;overflow:hidden}.bk-select .bk-select-trigger .bk-select-tag:not(.is-disabled):hover{border-color:#979ba5}.bk-select .bk-select-trigger .bk-select-tag.is-disabled{cursor:not-allowed;background-color:#fafbfd;border-color:#dcdee5}.bk-select .bk-select-trigger .bk-select-tag.is-disabled input,.bk-select .bk-select-trigger .bk-select-tag.is-disabled .bk-tag{cursor:not-allowed}.bk-select .bk-select-trigger .bk-select-tag.is-disabled .bk-tag:hover{background-color:#f0f1f5}.bk-select .bk-select-trigger .bk-select-tag.is-disabled .bk-tag .bk-tag-close{cursor:not-allowed}.bk-select .bk-select-trigger .bk-select-tag.is-disabled .is-disabled{padding-left:0}.bk-select .bk-select-trigger .bk-select-tag-input{width:100%;height:32px;line-height:normal;color:#63656e;text-align:left;vertical-align:middle;cursor:pointer;background-color:#fff;border:1px solid #c4c6cc;border-radius:2px;outline:none;box-sizing:border-box;transition:all .1s;resize:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:1%;height:22px;padding:0;margin:2px 5px 4px 0;background-color:transparent;border:none;flex-grow:1}.bk-select .bk-select-trigger .bk-select-tag-input::placeholder{color:#c4c6cc}.bk-select .bk-select-trigger .bk-select-tag .bk-tag{max-width:190px;padding:0 4px}.bk-select .bk-select-trigger .angle-up{right:4px;transform:rotate(180deg);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;width:20px;height:20px;font-size:20px;color:#979ba5;position:absolute;top:0;display:inline-flex;height:100%;align-items:center;justify-content:center}.bk-select .bk-select-trigger .clear-icon{right:4px;cursor:pointer;transition:all .1s;display:flex;width:20px;height:20px;font-size:14px;color:#c4c6cc;position:absolute;top:0;display:inline-flex;height:100%;align-items:center;justify-content:center}.bk-select .bk-select-trigger .clear-icon:hover{color:#979ba5}.bk-select .bk-select-trigger .spinner{right:6px;position:absolute;top:0;display:inline-flex;height:100%;align-items:center;justify-content:center}.bk-select--prefix-area{display:flex;height:100%;padding:0 10px;margin-right:10px;color:#63656e;background-color:#f5f7fa;border-right:1px solid #c4c6cc;align-items:center}.bk-popover.bk-pop2-content.bk-select-popover{padding:0;border:1px solid #dcdee5;border-radius:2px;box-shadow:0 2px 6px #0000001a}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-empty{display:flex;align-items:center;justify-content:center;height:56px;color:#63656e}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-empty .spinner{display:flex;width:14px;height:14px;margin-right:4px;font-size:14px;color:#c4c6cc;align-items:center;justify-content:center}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-empty span{margin-left:4px;line-height:18px}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-dropdown{overflow:auto}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-dropdown::-webkit-scrollbar{width:4px;height:4px}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-dropdown::-webkit-scrollbar-thumb{background:#dde4eb;border-radius:20px;box-shadow:inset 0 0 6px #cccccc4d}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-extension{display:flex;height:40px;background-color:#fafbfd;align-items:center;border-top:1px solid #dcdee5;border-radius:0 0 2px 2px}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-options{padding:4px 0}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option{position:relative;display:flex;height:32px;padding:0 12px;line-height:32px;color:#63656e;text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option .bk-select-selected-icon{position:absolute;top:5px;right:10px}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option .bk-select-checkbox{margin-right:6px;pointer-events:none}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option-item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option.is-hover{background-color:#f5f7fa}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option:hover{color:#63656e;background-color:#f5f7fa}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option.is-selected:not(.is-checkbox){color:#3a84ff;background-color:#e1ecff}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option.is-disabled{color:#c4c6cc;cursor:not-allowed;background-color:transparent}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option.is-multiple{padding-right:32px}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option.is-multiple.is-selected{background-color:#fff}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option.is-multiple.is-hover,.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option.is-multiple:hover{background-color:#f5f7fa}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-options-loading{display:flex;align-items:center;justify-content:center}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-options-loading span{margin-left:4px;line-height:18px}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-option-group-label{height:32px;padding:0 8px;line-height:32px;color:#979ba5;text-align:left}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-option-group-label.collapsible{cursor:pointer}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-option-group.collapsible .bk-select-option{padding-left:40px}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-option-group.disabled .default-group-label{color:#c4c6cc;cursor:not-allowed}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-option-group .default-group-label{display:flex;-webkit-user-select:none;user-select:none;align-items:center}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-option-group .default-group-label-icon{display:flex;width:12px;height:12px;margin-right:8px;transition:all .1s;align-items:center;justify-content:center}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-option-group .default-group-label-icon.collapse{transform:rotate(-90deg)}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-option-group .bk-select-option{padding-left:24px}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-search-wrapper{display:flex;margin:4px 8px 0;border-bottom:1px solid #eaebf0;align-items:center}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-search-wrapper .icon-search{margin-left:2px;color:#979ba5}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-search-wrapper .bk-select-search-input{width:100%;height:32px;line-height:normal;color:#63656e;text-align:left;vertical-align:middle;cursor:pointer;background-color:#fff;border:1px solid #c4c6cc;border-radius:2px;outline:none;box-sizing:border-box;transition:all .1s;resize:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 8px;cursor:text;border:none}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-search-wrapper .bk-select-search-input::placeholder{color:#c4c6cc}.natural-picker{display:flex;align-items:center;min-height:56px}.natural-picker .natural-date{width:256px}.natural-picker .natural-unit{width:140px;margin-left:8px}.recent-picker{display:flex;align-items:center;min-height:56px}.recent-picker .recent-input{border-top-right-radius:0;border-bottom-right-radius:0}.recent-picker .recent-input.is-focused{z-index:2}.recent-picker .recent-unit{width:164px}.recent-picker .recent-unit .bk-input{margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}.recent-picker .recent-unit .bk-input--text{border-radius:0}.timezone-picker{width:100%}.timezone-picker-option{display:flex;align-items:center;width:100%;color:#63656e}.timezone-picker-option .option-name{flex:1}.timezone-picker-option .option-country{display:flex;width:100%;margin-left:6px;color:#999}.timezone-picker-option .option-utc{display:inline-flex;align-items:center;justify-content:center;height:20px;padding:0 8px;background:#f0f1f5;border-radius:2px}.timezone-picker-option.is-selected{color:#3a84ff}.timezone-picker-option.is-selected .option-country{color:#699df4}.timezone-picker-option.is-selected .option-utc{color:#fff;background-color:#699df4}.panel-wrapper{width:510px;padding:12px 16px 0;background:#fff;border:1px solid #dcdee5;border-radius:2px;box-shadow:0 2px 6px #0000001a}.panel-wrapper .common-date-list{height:136px;max-height:136px;padding:0 0 4px;margin:12px -10px 0 0;overflow:auto}.panel-wrapper .common-date-list .list-item{display:inline-flex;align-items:center;min-width:calc(33.33% - 8px);height:28px;padding:0 8px;margin-right:8px;margin-bottom:8px;color:#313238;cursor:pointer;background:#f5f7fa;border-radius:2px}.panel-wrapper .common-date-list .list-item.is-recent-item{min-width:inherit;height:24px;padding:0 6px;color:#63656e}.panel-wrapper .common-date-list .list-item.is-selected,.panel-wrapper .common-date-list .list-item:hover{color:#3a84ff;background:#e1ecff}.panel-wrapper .date-pick-tab{padding-top:12px;border-top:1px solid #eaebf0}.panel-wrapper .date-pick-tab .bk-tab-header-item{margin-right:20px!important}.panel-wrapper .time-zone-panel{display:flex;align-items:center;height:45px;padding:0 16px;margin:0 -16px;color:#313238;background:#fafbfd;border-top:1px solid #dcdee5}.panel-wrapper .time-zone-panel .time-zone{display:flex;align-items:center;margin:0 8px}.panel-wrapper .time-zone-panel .time-zone-area{display:flex;align-items:center;margin-left:8px;color:#979ba5}.panel-wrapper .time-zone-panel .time-zone-tag{display:flex;align-items:center;justify-content:center;width:79px;height:20px;color:#63656e;border:1px solid #dcdee5;border-radius:2px}.panel-wrapper .time-zone-panel .time-zone-btn{margin-left:auto}.panel-wrapper .time-zone-picker{margin:8px 0}.panel-wrapper .common-wrapper{display:flex;flex-direction:column;height:139px;max-height:139px;overflow:auto}.panel-wrapper .common-wrapper .empty-content{height:100px;max-height:100px}.panel-wrapper .common-wrapper .empty-tips{display:flex;align-items:center;justify-content:center}.__bk_date_picker__{box-sizing:border-box;display:inline-flex;align-items:center;height:32px;padding:0 4px;font-size:12px;color:#63656e;border:1px solid #c4c6cc;border-radius:2px}.__bk_date_picker__ div::-webkit-scrollbar,.__bk_date_picker__ ul::-webkit-scrollbar,.__bk_date_picker__ section::-webkit-scrollbar,.__bk_date_picker__ tbody::-webkit-scrollbar,.__bk_date_picker__ article::-webkit-scrollbar{width:4px;height:4px}.__bk_date_picker__ div::-webkit-scrollbar-thumb,.__bk_date_picker__ ul::-webkit-scrollbar-thumb,.__bk_date_picker__ section::-webkit-scrollbar-thumb,.__bk_date_picker__ tbody::-webkit-scrollbar-thumb,.__bk_date_picker__ article::-webkit-scrollbar-thumb{background:#ddd;border-radius:20px;box-shadow:inset 0 0 6px #cccccc4d}.__bk_date_picker__ .date-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:20px;font-weight:700;color:#989ca7;background:#f5f7fa;border-radius:2px}.__bk_date_picker__ .date-icon-left,.__bk_date_picker__ .date-icon-right{display:inline-flex}.__bk_date_picker__ .date-icon-left svg,.__bk_date_picker__ .date-icon-right svg{width:20px!important;height:20px!important}.__bk_date_picker__ .date-icon:hover{cursor:pointer;background-color:#f0f1f5}.__bk_date_picker__.is-simplicity{border-color:transparent}.__bk_date_picker__.is-simplicity .date-icon{background-color:transparent}.__bk_date_picker__.is-simplicity .date-icon:hover{cursor:pointer;background-color:#f0f1f5}.__bk_date_picker__.is-disabled{color:#c4c6cc;cursor:not-allowed}.__bk_date_picker__.is-disabled .date-icon{color:#c4c6cc;pointer-events:none}.__bk_date_picker__.is-disabled .date-content{pointer-events:none;cursor:not-allowed}.__bk_date_picker__ .date-content{display:flex;align-items:center;height:24px;padding:0 6px;margin:0 4px;-webkit-user-select:none;user-select:none;border-radius:2px}.__bk_date_picker__ .date-content-icon{margin-right:4px}.__bk_date_picker__ .date-content-utc{display:flex;align-items:center;margin-left:4px;font-weight:700;color:#ff9c01}.__bk_date_picker__ .date-content:hover{cursor:pointer;background:#f5f7fa}.__bk-date-picker-popover__{padding:0!important;margin:0!important;color:#63656e!important}.__bk-date-picker-popover__ div::-webkit-scrollbar,.__bk-date-picker-popover__ ul::-webkit-scrollbar,.__bk-date-picker-popover__ section::-webkit-scrollbar,.__bk-date-picker-popover__ tbody::-webkit-scrollbar,.__bk-date-picker-popover__ article::-webkit-scrollbar{width:4px;height:4px}.__bk-date-picker-popover__ div::-webkit-scrollbar-thumb,.__bk-date-picker-popover__ ul::-webkit-scrollbar-thumb,.__bk-date-picker-popover__ section::-webkit-scrollbar-thumb,.__bk-date-picker-popover__ tbody::-webkit-scrollbar-thumb,.__bk-date-picker-popover__ article::-webkit-scrollbar-thumb{background:#ddd;border-radius:20px;box-shadow:inset 0 0 6px #cccccc4d}.__bk-date-picker-popover__ ul{padding:0;margin:0}.__bk-date-picker-popover__ ul li{list-style:none}.__bk-date-picker-popover__ .bk-select-search-wrapper .icon-search:before{content:""!important}.__bk-date-picker-popover__ .bk-pop-confirm{margin:20px 16px 16px!important}.__date-tooltips__{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:156px;line-height:20px}.__date-tooltips__ div::-webkit-scrollbar,.__date-tooltips__ ul::-webkit-scrollbar,.__date-tooltips__ section::-webkit-scrollbar,.__date-tooltips__ tbody::-webkit-scrollbar,.__date-tooltips__ article::-webkit-scrollbar{width:4px;height:4px}.__date-tooltips__ div::-webkit-scrollbar-thumb,.__date-tooltips__ ul::-webkit-scrollbar-thumb,.__date-tooltips__ section::-webkit-scrollbar-thumb,.__date-tooltips__ tbody::-webkit-scrollbar-thumb,.__date-tooltips__ article::-webkit-scrollbar-thumb{background:#ddd;border-radius:20px;box-shadow:inset 0 0 6px #cccccc4d}.__date-tooltips__ .date-tooltips-timezone{display:flex;align-items:center;justify-content:center;width:100%;margin-top:4px;color:#ff9c01}.__date-tooltips__ .date-tooltips-diff{display:flex;align-items:center;justify-content:center;padding:0 4px;margin-top:4px;color:#fff;background:rgba(255,255,255,.12);border-radius:2px}
1
+ .bk-popover.bk-pop2-content{position:absolute;display:none;padding:7px 14px;font-size:12px;color:#fff;background:#26323d;border-radius:4px;box-sizing:border-box}.bk-popover.bk-pop2-content .bk-pop2-arrow{position:absolute;z-index:-1;width:8px;height:8px;background:#333;transform:rotate(45deg)}.bk-popover.bk-pop2-content[data-theme^=light]{color:#26323d;background-color:#fff;box-shadow:0 0 6px #dcdee5}.bk-popover.bk-pop2-content[data-theme^=light] .bk-pop2-arrow{background-color:#fff}.scroll-bar-style::-webkit-scrollbar{width:4px;height:4px}.scroll-bar-style::-webkit-scrollbar-thumb{background:#ddd;border-radius:20px;box-shadow:inset 0 0 6px #cccccc4d}html,body{padding:0;margin:0}*{box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;box-sizing:content-box}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button;-moz-appearance:button;appearance:button}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{padding:0;box-sizing:border-box}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}::-ms-clear,::-ms-reveal{display:none}input[type=text]::-ms-clear{display:none}input[type=text]::-ms-reveal{display:none}input[type=search]{box-sizing:content-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid #c0c0c0}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}.bk-scroll-y{overflow-y:auto}.bk-scroll-y::-webkit-scrollbar{width:4px;height:4px}.bk-scroll-y::-webkit-scrollbar-thumb{background:#ddd;border-radius:20px;box-shadow:inset 0 0 6px #cccccc4d}.bk-scroll-x{overflow-x:auto}.bk-scroll-x::-webkit-scrollbar{width:4px;height:4px}.bk-scroll-x::-webkit-scrollbar-thumb{background:#ddd;border-radius:20px;box-shadow:inset 0 0 6px #cccccc4d}.bk-button{display:inline-flex;height:32px;padding:5px 12px;font-size:14px;color:#63656e;text-decoration:none;white-space:nowrap;cursor:pointer;background-color:#fff;border:1px solid #c4c6cc;border-radius:2px;outline:none;box-sizing:border-box;transition:background-color ease .3s;-webkit-appearance:none;-moz-appearance:none;appearance:none;align-items:center;justify-content:center}.bk-button.bk-button-primary{background-color:#3a84ff;color:#fff;border-color:#3a84ff}.bk-button.bk-button-primary:hover{background-color:#5594fa;border-color:#5594fa}.bk-button.bk-button-primary:active{background-color:#2c77f4;border-color:#2c77f4;color:#fff}.bk-button.bk-button-primary.is-outline{color:#3a84ff;border-color:#3a84ff;background-color:#fff}.bk-button.bk-button-primary.is-outline:hover{background-color:#5594fa;border-color:#5594fa;color:#fff}.bk-button.bk-button-primary.is-outline:active{background-color:#2c77f4;border-color:#2c77f4;color:#fff}.bk-button.bk-button-primary.is-text{color:#3a84ff;background-color:transparent;border:none}.bk-button.bk-button-primary.is-text:not(.is-disabled):hover{color:#5594fa}.bk-button.bk-button-primary.is-disabled{color:#dcdee5;cursor:not-allowed}.bk-button.bk-button-primary.is-disabled:not(.is-text){background-color:#dcdee5;color:#fff;border-color:#dcdee5}.bk-button.bk-button-hover-primary:hover{background-color:#5594fa;border-color:#5594fa;color:#fff}.bk-button.bk-button-warning{background-color:#ff9c01;color:#fff;border-color:#ff9c01}.bk-button.bk-button-warning:hover{background-color:#ffb848;border-color:#ffb848}.bk-button.bk-button-warning:active{background-color:#eb9000;border-color:#eb9000;color:#fff}.bk-button.bk-button-warning.is-outline{color:#ff9c01;border-color:#ff9c01;background-color:#fff}.bk-button.bk-button-warning.is-outline:hover{background-color:#ffb848;border-color:#ffb848;color:#fff}.bk-button.bk-button-warning.is-outline:active{background-color:#eb9000;border-color:#eb9000;color:#fff}.bk-button.bk-button-warning.is-text{color:#ff9c01;background-color:transparent;border:none}.bk-button.bk-button-warning.is-text:not(.is-disabled):hover{color:#ffb848}.bk-button.bk-button-warning.is-disabled{color:#dcdee5;cursor:not-allowed}.bk-button.bk-button-warning.is-disabled:not(.is-text){background-color:#dcdee5;color:#fff;border-color:#dcdee5}.bk-button.bk-button-hover-warning:hover{background-color:#ffb848;border-color:#ffb848;color:#fff}.bk-button.bk-button-success{background-color:#2dcb56;color:#fff;border-color:#2dcb56}.bk-button.bk-button-success:hover{background-color:#45e35f;border-color:#45e35f}.bk-button.bk-button-success:active{background-color:#1ab943;border-color:#1ab943;color:#fff}.bk-button.bk-button-success.is-outline{color:#2dcb56;border-color:#2dcb56;background-color:#fff}.bk-button.bk-button-success.is-outline:hover{background-color:#45e35f;border-color:#45e35f;color:#fff}.bk-button.bk-button-success.is-outline:active{background-color:#1ab943;border-color:#1ab943;color:#fff}.bk-button.bk-button-success.is-text{color:#2dcb56;background-color:transparent;border:none}.bk-button.bk-button-success.is-text:not(.is-disabled):hover{color:#45e35f}.bk-button.bk-button-success.is-disabled{color:#dcdee5;cursor:not-allowed}.bk-button.bk-button-success.is-disabled:not(.is-text){background-color:#dcdee5;color:#fff;border-color:#dcdee5}.bk-button.bk-button-hover-success:hover{background-color:#45e35f;border-color:#45e35f;color:#fff}.bk-button.bk-button-danger{background-color:#ea3636;color:#fff;border-color:#ea3636}.bk-button.bk-button-danger:hover{background-color:#ff5656;border-color:#ff5656}.bk-button.bk-button-danger:active{background-color:#db2626;border-color:#db2626;color:#fff}.bk-button.bk-button-danger.is-outline{color:#ea3636;border-color:#ea3636;background-color:#fff}.bk-button.bk-button-danger.is-outline:hover{background-color:#ff5656;border-color:#ff5656;color:#fff}.bk-button.bk-button-danger.is-outline:active{background-color:#db2626;border-color:#db2626;color:#fff}.bk-button.bk-button-danger.is-text{color:#ea3636;background-color:transparent;border:none}.bk-button.bk-button-danger.is-text:not(.is-disabled):hover{color:#ff5656}.bk-button.bk-button-danger.is-disabled{color:#dcdee5;cursor:not-allowed}.bk-button.bk-button-danger.is-disabled:not(.is-text){background-color:#dcdee5;color:#fff;border-color:#dcdee5}.bk-button.bk-button-hover-danger:hover{background-color:#ff5656;border-color:#ff5656;color:#fff}.bk-button.bk-button-small{height:26px;padding:3px 12px;font-size:12px}.bk-button.bk-button-large{height:38px;padding:8px 20px;font-size:16px}.bk-button .bk-button-text{display:inline-flex;align-items:center;line-height:1}.bk-button.is-loading{position:relative}.bk-button.is-loading .bk-button-loading:not(:last-child){position:absolute}.bk-button.is-loading .bk-button-text{visibility:hidden}.bk-button:hover{border-color:#979ba5}.bk-button:active{color:#3a84ff;border-color:#3a84ff}.bk-button.is-text{height:auto;padding:0;font-size:inherit;color:#63656e;text-decoration:none;cursor:pointer;background-color:transparent;border:none;outline:none}.bk-button.is-disabled{color:#dcdee5;cursor:not-allowed;border-color:#dcdee5}.bk-button-group{display:inline-block;font-size:0}.bk-button-group.bk-button-group-small .bk-button{height:26px;padding:3px 12px;font-size:12px}.bk-button-group.bk-button-group-large .bk-button{height:38px;padding:8px 20px;font-size:16px}.bk-button-group .bk-button{height:32px;margin:0 0 0 -1px;border-radius:0}.bk-button-group .bk-button:not(.is-disabled){color:#63656e;background-color:#fff;border-color:#c4c6cc}.bk-button-group .bk-button.is-disabled{color:#c4c6cc}.bk-button-group .bk-button:first-child{border-radius:2px 0 0 2px}.bk-button-group .bk-button:last-child{border-radius:0 2px 2px 0}.bk-button-group .bk-button:only-child{border-radius:2px}.bk-button-group .bk-button:hover:not(.is-disabled),.bk-button-group .bk-button.is-selected:not(.is-disabled){position:relative;z-index:1;color:#3a84ff;background-color:#fff;border-color:#3a84ff}.bk-button-group .bk-button.is-selected:not(.is-disabled){background-color:#e1ecff}.bk-button-group .bk-button.is-selected.is-disabled{background-color:#f0f1f5}.bk-exception{position:relative;display:flex;width:100%;align-items:center;flex-direction:column;text-align:center}.bk-exception-img{display:flex;align-items:center;justify-content:center}.bk-exception-img .exception-image{display:block;height:100%;object-fit:contain}.bk-exception-title{color:#313238}.bk-exception-description{color:#63656e}.bk-exception-page .bk-exception-img{width:480px;height:240px}.bk-exception-page .bk-exception-title{margin-top:18px;font-size:24px;line-height:32px}.bk-exception-page .bk-exception-description{margin-top:16px;font-size:14px;line-height:22px}.bk-exception-page .bk-exception-footer{margin-top:24px}.bk-exception-part .bk-exception-img{width:120px;height:100px}.bk-exception-part .bk-exception-title{margin-top:8px;font-size:14px;line-height:22px}.bk-exception-part .bk-exception-description{margin-top:8px;font-size:12px;line-height:20px}.bk-exception-part .bk-exception-footer{margin-top:8px}.bk-popover.bk-pop-confirm-box{padding:16px 24px}.bk-pop-confirm-title{font-size:14px;color:#313238;padding-bottom:12px}.bk-pop-confirm-icon{color:#ff5656;margin-right:4px}.bk-pop-confirm-content{font-size:12px;color:#63656e;padding:0 0 20px}.bk-pop-confirm-simple{font-size:14px}.bk-pop-confirm-footer{display:flex;justify-content:flex-end;align-items:center}.bk-pop-confirm-footer .bk-button{margin-left:8px}.bk-tab{position:relative;display:flex}.bk-tab--top{flex-direction:column}.bk-tab--right{flex-direction:row-reverse}.bk-tab-header{position:relative;display:flex;color:#63656e}.bk-tab--left .bk-tab-header{border-right:1px solid #dcdee5}.bk-tab--right .bk-tab-header{border-left:1px solid #dcdee5}.bk-tab--vertical-tab .bk-tab-header{border:0}.bk-tab--left .bk-tab-header,.bk-tab--right .bk-tab-header{flex-direction:column}.bk-tab--left .bk-tab-header>div,.bk-tab--right .bk-tab-header>div{flex-direction:column}.bk-tab--card-tab .bk-tab-header,.bk-tab--vertical-tab .bk-tab-header{background:#F0F1F5}.bk-tab--card-tab .bk-tab-header{border-radius:4px 4px 0}.bk-tab--card .bk-tab-header,.bk-tab--vertical-card .bk-tab-header{border-bottom:1px solid #dcdee5}.bk-tab--border-card .bk-tab-header{border:solid #dcdee5;border-width:1px 1px 1px 0}.bk-tab--border-card .bk-tab-header{background:#FAFBFD}.bk-tab--unborder-card .bk-tab-header{border-bottom:1px solid #dcdee5}.bk-tab-header>div{display:flex;flex-wrap:nowrap}.bk-tab--card .bk-tab-header>div,.bk-tab--vertical-card .bk-tab-header>div,.bk-tab--border-card .bk-tab-header>div{margin-bottom:-1px}.bk-tab-header-nav{position:relative}.bk-tab--top .bk-tab-header-nav{overflow-x:auto;overflow-y:visible}.bk-tab--left .bk-tab-header-nav,.bk-tab--right .bk-tab-header-nav{overflow-x:visible;overflow-y:auto}.bk-tab--card .bk-tab-header-nav,.bk-tab--border-card .bk-tab-header-nav,.bk-tab--vertical-card .bk-tab-header-nav{border-left:1px solid #dcdee5}.bk-tab-header-nav::-webkit-scrollbar{display:none;width:0;height:0}.bk-tab-header-next,.bk-tab-header-prev{position:absolute;top:1px;bottom:1px;width:15px;background:#fff;content:""}.bk-tab-header-prev{left:1px}.bk-tab-header-next{right:1px}.bk-tab-header-operation .bk-tab-header-item{padding:0 12px}.bk-tab-header-setting{justify-self:flex-end;margin-left:auto;white-space:nowrap}.bk-tab-header-item{display:flex;white-space:nowrap;cursor:pointer;justify-content:center;align-items:center}.bk-tab--top .bk-tab-header-item{padding:0 20px}.bk-tab--left .bk-tab-header-item,.bk-tab--right .bk-tab-header-item{padding:0 12px}.bk-tab--left .bk-tab-header-item{text-align:right}.bk-tab--card .bk-tab-header-item,.bk-tab--vertical-card .bk-tab-header-item{border-top:1px solid #dcdee5}.bk-tab--card .bk-tab-header-item,.bk-tab--border-card .bk-tab-header-item,.bk-tab--vertical-card .bk-tab-header-item{border-right:1px solid #dcdee5}.bk-tab--card-tab .bk-tab-header-item{position:relative}.bk-tab--card-tab .bk-tab-header-item:not(:first-of-type):before,.bk-tab--card-tab .bk-tab-header-item:last-of-type:after{position:absolute;top:50%;left:0;display:block;width:1px;height:16px;margin-top:-8px;background:#c4c6cc;content:""}.bk-tab--card-tab .bk-tab-header-item:last-of-type:after{right:0;left:initial}.bk-tab--card-grid .bk-tab-header-item{height:40px;margin-right:8px;line-height:40px;background:#eaebf0;border-radius:4px 4px 0 0}.bk-tab-header-operation .bk-tab-header-item{padding-right:12px;padding-left:12px}.bk-tab-header-item:hover{color:#3a84ff}.bk-tab-header-item:hover .bk-tab-header--close{display:block;margin-left:5px;color:#ea3636}.bk-tab-header--active{color:#3a84ff}.bk-tab--card .bk-tab-header--active,.bk-tab--border-card .bk-tab-header--active,.bk-tab--vertical-card .bk-tab-header--active{background:white;border-bottom-color:#fff}.bk-tab--card-tab .bk-tab-header--active,.bk-tab--vertical-tab .bk-tab-header--active{background:#fff}.bk-tab--card-tab .bk-tab-header--active{border-radius:4px 4px 0 0}.bk-tab--card-tab .bk-tab-header--active:after,.bk-tab--card-tab .bk-tab-header--active:before,.bk-tab--card-tab .bk-tab-header--active+.bk-tab-header-item:before{display:none!important}.bk-tab--card-grid .bk-tab-header--active{background:#fff}.bk-tab-header--close{display:none;font-size:16px;color:#c4c6cc}.bk-tab-header--disabled{cursor:not-allowed}.bk-tab-header--disabled,.bk-tab-header--disabled:hover{color:#aaa}.bk-tab-header-active-bar{position:absolute;width:0;height:0;background:#3a84ff;transition:all ease-in .3s}.bk-tab-content{flex:1;padding:10px}.bk-tab--border-card .bk-tab-content,.bk-tab--vertical-card .bk-tab-content{border:solid #dcdee5;border-width:0 1px 1px}.bk-tab--card-grid .bk-tab-content{background:#fff;border-radius:0 4px 4px;box-shadow:0 2px 4px #1919290d}.bk-tab-panel{height:100%}.common-panel-tab{display:flex;align-items:center}.common-panel-tab .bk-tab-header{line-height:20px!important;border-bottom:0!important}.common-panel-tab .bk-tab-header .bk-tab-header-item{padding:0 0 4px;margin-right:28px}.common-panel-tab .bk-tab-header--active{font-weight:700;color:#63656e}.common-panel-tab .bk-tab-content{display:none;width:0;height:0}.common-panel-tab .delete-all{margin-left:auto}.common-panel-tab .delete-all:hover{color:#3a84ff;cursor:pointer}.common-submit{flex:0 0 64px;width:64px;margin-left:8px}.common-favorite{display:flex;flex:0 0 32px;align-items:center;justify-content:center;width:32px;height:32px;margin-left:8px;cursor:pointer;background:#f5f7fa;border-radius:2px}.common-favorite:hover svg path{fill:#3a84ff}.bk-checkbox-group{display:inline-flex;letter-spacing:normal}.bk-checkbox{display:inline-flex;justify-self:center;align-items:center;font-size:14px;letter-spacing:normal;color:#63656e;cursor:pointer;-webkit-user-select:none;user-select:none}.bk-checkbox~.bk-checkbox{margin-left:30px}.bk-checkbox.is-checked .bk-checkbox-input{background:#3a84ff;border-color:#3a84ff;transition:all .1s}.bk-checkbox.is-checked .bk-checkbox-input.small:after{width:3px;height:6px}.bk-checkbox.is-checked .bk-checkbox-input:after{position:absolute;top:50%;left:50%;width:4px;height:8px;border:2px solid #fff;border-top:0;border-left:0;content:"";transform:translate(-50%,-60%) scaleY(1) rotate(45deg);transform-origin:center}.bk-checkbox.is-indeterminated .bk-checkbox-input{background:#3a84ff;border-color:#3a84ff;transition:all .1s}.bk-checkbox.is-indeterminated .bk-checkbox-input.small:after{width:6px;height:2px}.bk-checkbox.is-indeterminated .bk-checkbox-input:after{position:absolute;top:50%;left:50%;width:8px;height:2px;background:#fff;border:none;border-radius:2px;content:"";transform:translate(-50%,-50%)}.bk-checkbox.is-disabled{color:#c4c6cc;cursor:not-allowed}.bk-checkbox.is-disabled .bk-checkbox-input{background:#fafbfd;border-color:#dcdee5}.bk-checkbox.is-disabled .bk-checkbox-input:after{background:#dcdee5}.bk-checkbox.is-disabled.is-checked .bk-checkbox-input{background:#a3c5fd;border-color:#a3c5fd}.bk-checkbox.is-disabled.is-checked .bk-checkbox-input:after{background:#a3c5fd}.bk-checkbox-input{position:relative;display:inline-block;width:16px;height:16px;vertical-align:middle;border:1px solid #979ba5;border-radius:2px}.bk-checkbox-input.small{width:14px;height:14px}.bk-checkbox-original{position:absolute;top:0;left:0;z-index:-1;width:0;height:0}.bk-checkbox-label{display:inline-block;margin-left:6px;vertical-align:middle}.date-panel{display:flex;flex-direction:column;width:220px;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #dcdee5;box-shadow:0 2px 6px #0000001a}.date-panel-title{display:flex;flex:0 0 40px;align-items:center;height:40px;padding:0 12px;color:#63656e;border-bottom:1px solid #dcdee5}.date-panel-title .title-check{margin-left:auto}.date-panel-title .title-check .bk-checkbox{pointer-events:none}.date-panel-main{display:flex;flex:1;flex-direction:column;padding:8px 0 12px}.date-panel-main .date-header{display:flex;align-items:center;width:100%;height:24px}.date-panel-main .date-header-center{display:flex;flex:1;align-items:center;justify-content:center;height:100%;font-size:14px;font-weight:700}.date-panel-main .date-header-center .date-split{width:5px;height:2px;margin:0 10px;background-color:#63656e}.date-panel-main .date-header-right,.date-panel-main .date-header-left{display:flex;align-items:center;height:100%;padding:0 6px;font-size:16px}.date-panel-main .date-header-right .hand-icon,.date-panel-main .date-header-left .hand-icon{display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#979ba5}.date-panel-main .date-header-right .hand-icon svg,.date-panel-main .date-header-left .hand-icon svg{width:20px!important;height:20px!important;font-weight:700}.date-panel-main .date-header-right .hand-icon:hover,.date-panel-main .date-header-left .hand-icon:hover{color:#3a84ff;cursor:pointer}.date-panel-main .date-header-right .hand-icon:hover svg,.date-panel-main .date-header-left .hand-icon:hover svg{fill:#3a84ff}.date-panel-main .date-header-right{margin-left:auto}.date-panel-main .date-content{display:flex;flex-direction:column}.date-panel-main .date-content .date-grid{display:flex;align-items:center;width:100%;padding:0 12px;margin:0}.date-panel-main .date-content .date-grid-item{display:flex;flex:0 0 14.285%;align-items:center;justify-content:center;width:14.285%;min-width:28px;height:24px}.date-panel-main .date-content .date-grid-item:not(.not-click):hover{cursor:pointer;background-color:#f0f1f5}.date-panel-main .date-content .date-grid-item.is-today{color:#3a84ff;border:1px solid #a3c5fd;border-radius:2px}.date-panel-main .date-content .date-grid-item.is-last-month{color:#c4c6cc;background-color:#f0f1f5}.date-panel-main .date-content .date-grid-item.is-next-month{color:#c4c6cc}.date-panel-main .date-content .date-grid-item.is-disabled{color:#c4c6cc!important;cursor:not-allowed!important;background-color:#f0f1f5!important}.date-panel-main .date-content .date-grid-item.is-selected{color:#fff!important;background-color:#3a84ff!important;border-radius:2px}.date-wrapper{display:flex;flex-direction:column}.date-wrapper .date-input{display:flex;align-items:center;width:100%;min-height:56px}.date-wrapper .date-input .date-picker{display:flex;align-items:center;width:100%;min-width:360px;height:32px;background:#fff;border:1px solid #c4c6cc;border-radius:2px}.date-wrapper .date-input .date-picker-icon{display:flex;align-items:center;justify-content:center;margin-right:6px;margin-left:8px}.date-wrapper .date-input .date-picker-start,.date-wrapper .date-input .date-picker-end{width:160px;height:24px;padding:0 4px;font-size:12px;color:#63656e;border:none;border-radius:2px}.date-wrapper .date-input .date-picker-start:focus,.date-wrapper .date-input .date-picker-end:focus{background:#e1ecff;border:none;outline:none;box-shadow:none}.date-wrapper .date-input .date-picker-split{display:flex;align-items:center;justify-content:center;padding:0 8px;color:#979ba5}.date-wrapper .date-input .date-picker-clear{display:none!important;flex:0 0 32px;align-items:center;justify-content:center;width:32px;height:32px;font-size:14px;color:#c4c6cc}.date-wrapper .date-input .date-picker-clear:hover{color:#63656e;cursor:pointer}.date-wrapper .date-input .date-picker:hover .date-picker-clear{display:flex!important}.date-wrapper .show-format{display:flex;align-items:center;width:100%;min-width:100%;margin-top:-8px;margin-bottom:12px;color:#979ba5}.date-wrapper .show-format .format-button{margin-left:8px}.date-format-wrapper{display:flex;flex-direction:column;width:520px;padding:12px 15px}.date-format-wrapper .content-title{margin-bottom:12px;font-weight:700;line-height:20px}.date-format-wrapper .content-table{display:flex;flex-direction:column;width:100%;border-collapse:collapse;background-color:#fff;border:1px solid #eaeefb;border-top:0;border-left:0}.date-format-wrapper .content-table th,.date-format-wrapper .content-table td{height:42px;padding:0 16px;line-height:42px;color:#63656e;text-align:left;border:1px solid #eaeefb;border-right:0;border-bottom:0}.date-format-wrapper .content-table thead,.date-format-wrapper .content-table tr{display:flex;align-items:center;width:100%}.date-format-wrapper .content-table thead th,.date-format-wrapper .content-table tr th{flex:1;background-color:#fafbfd}.date-format-wrapper .content-table tbody{display:block;width:calc(100% + 4px);max-height:300px;overflow:auto}.date-format-wrapper .content-table tbody td{display:flex;flex:1;align-items:center}.clearfix-style:after{display:block;height:0;clear:both;font-size:0;content:"";visibility:hidden}.bk-popper{display:none;padding:7px 14px;font-size:12px;color:#fff;background:#333;border-radius:4px}.bk-popper.light{color:#63656e;background:#fff;box-shadow:#dcdee5 0 0 6px}.bk-popper .bk-popper-arrow,.bk-popper .bk-popper-arrow:before{position:absolute;width:8px;height:8px;background:inherit}.bk-popper .bk-popper-arrow{visibility:hidden}.bk-popper .bk-popper-arrow:before{content:"";visibility:visible;transform:rotate(45deg)}.bk-popper[data-show]{display:block}.bk-popper[data-popper-placement^=top]>.bk-popper-arrow{bottom:-4px}.bk-popper[data-popper-placement^=bottom]>.bk-popper-arrow{top:-4px}.bk-popper[data-popper-placement^=left]>.bk-popper-arrow{right:-4px}.bk-popper[data-popper-placement^=right]>.bk-popper-arrow{left:-4px}.bk-textarea{--textarea-line-height: 20px;display:inline-flex;width:100%;overflow:hidden;font-size:12px;line-height:var(--textarea-line-height);color:#63656e;background-color:#fff;border:1px solid #c4c6cc;border-radius:2px;box-sizing:border-box;transition:all .3s;flex-direction:column}.bk-textarea ::placeholder{font-size:12px;color:#c4c6cc}.bk-textarea.resizable{resize:both}.bk-textarea ::-webkit-scrollbar{-webkit-appearance:none;width:3px}.bk-textarea ::-webkit-scrollbar-thumb{border-radius:4px;background-color:#dcdee5}.bk-textarea.is-disabled,.bk-textarea.is-readonly{background-color:#fafbfd;border-color:#dcdee5}.bk-textarea.is-disabled .bk-input--prefix-area,.bk-textarea.is-readonly .bk-input--prefix-area,.bk-textarea.is-disabled .bk-input--suffix-area,.bk-textarea.is-readonly .bk-input--suffix-area,.bk-textarea.is-disabled .bk-input--suffix-icon,.bk-textarea.is-readonly .bk-input--suffix-icon{cursor:not-allowed;background-color:#fafbfd}.bk-textarea.is-disabled input,.bk-textarea.is-readonly input,.bk-textarea.is-disabled textarea,.bk-textarea.is-readonly textarea{cursor:not-allowed;background-color:#fafbfd;opacity:1}.bk-textarea.is-readonly input,.bk-textarea.is-readonly textarea{cursor:auto}.bk-textarea>textarea{width:100%;padding:5px 10px;line-height:1.5;text-align:left;border:0;border-radius:2px;outline:none;resize:none}.bk-textarea--max-length{padding-right:10px;margin:0 0 0 auto;font-size:12px;text-align:right;transform:scale(.8);justify-content:flex-end}.bk-textarea--max-length.is-over-limit{color:#ea3636}.bk-textarea--max-length span{color:#979ba5}.bk-textarea.is-focused:not(.is-readonly){border-color:#3a84ff;outline:0;box-shadow:0 0 3px #a3c5fd}.bk-input{display:inline-flex;align-items:stretch;width:100%;height:32px;font-size:12px;border:1px solid #c4c6cc;border-radius:2px;transition:all .3s}.bk-input ::placeholder{font-size:12px;color:#c4c6cc}.bk-input.is-disabled,.bk-input.is-readonly{background-color:#fafbfd;border-color:#dcdee5}.bk-input.is-disabled .bk-input--prefix-area,.bk-input.is-readonly .bk-input--prefix-area,.bk-input.is-disabled .bk-input--suffix-area,.bk-input.is-readonly .bk-input--suffix-area,.bk-input.is-disabled .bk-input--suffix-icon,.bk-input.is-readonly .bk-input--suffix-icon{cursor:not-allowed;background-color:#fafbfd}.bk-input.is-disabled input,.bk-input.is-readonly input,.bk-input.is-disabled textarea,.bk-input.is-readonly textarea{cursor:not-allowed;background-color:#fafbfd;opacity:1}.bk-input.is-readonly input,.bk-input.is-readonly textarea{cursor:auto}.bk-input:hover:not(.is-disabled){border-color:#979ba5}.bk-input:hover:not(.is-disabled) .show-clear-only-hover{display:flex}.bk-input.is-simplicity{background-color:transparent;border-color:transparent;border-bottom-color:#c4c6cc}.bk-input.is-simplicity:hover:not(.is-disabled){background-color:#f5f7fa;border-color:transparent;border-bottom-color:#c4c6cc;box-shadow:none}.bk-input.is-simplicity:hover:not(.is-disabled) .bk-input--text,.bk-input.is-simplicity:hover:not(.is-disabled) .bk-input--suffix-icon{background-color:#f5f7fa}.bk-input--suffix-icon{display:flex;height:100%;padding-right:10px;font-size:14px;color:#c4c6cc;background-color:#fff;align-items:center;align-self:center;flex-shrink:0;cursor:pointer}.bk-input--suffix-icon:hover{color:#313238}.bk-input--suffix-icon.show-clear-only-hover{display:none}.bk-input--clear-icon{cursor:pointer;flex-shrink:0}.bk-input--clear-icon:hover{color:#979ba5}.bk-input--large{height:40px;font-size:14px}.bk-input--large ::placeholder{font-size:14px;color:#c4c6cc}.bk-input--large .bk-input--max-length{font-size:16px}.bk-input--large .bk-input--number-control span:first-child{margin-bottom:4px}.bk-input--small{height:26px;font-size:12px}.bk-input--small .bk-input--max-length,.bk-input--default,.bk-input--default .bk-input--max-length{font-size:12px}.bk-input.is-focused:not(.is-readonly){border-color:#3a84ff;outline:0;box-shadow:0 0 3px #a3c5fd}.bk-input.is-focused:not(.is-readonly).is-simplicity{border-color:transparent;border-bottom-color:#3a84ff;box-shadow:none}.bk-input.is-focused:not(.is-readonly).is-simplicity .bk-input--text,.bk-input.is-focused:not(.is-readonly).is-simplicity .bk-input--suffix-icon{background-color:#f5f7fa}.bk-input--prefix-area,.bk-input--suffix-area{display:flex;padding:0 10px;color:#63656e;background-color:#f5f7fa;border-right:1px solid #c4c6cc;align-items:center}.bk-input--suffix-area{border:0;border-left:1px solid #c4c6cc}.bk-input--max-length{align-self:center;padding-right:10px;font-size:12px;transform:scale(.8)}.bk-input--max-length.is-over-limit{color:#ea3636}.bk-input--max-length span{color:#979ba5}.bk-input--text{width:100%;padding:0 10px;overflow:hidden;line-height:1;color:#63656e;text-overflow:ellipsis;white-space:nowrap;background-color:#fff;background-image:none;border:none;border-radius:2px;outline:none;box-sizing:border-box;transition:all .3s;flex:1}.bk-input--text[type=search]::-webkit-search-decoration,.bk-input--text[type=search]::-webkit-search-cancel-button,.bk-input--text[type=search]::-webkit-search-results-button,.bk-input--text[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}.bk-input--text [type=search]::-ms-clear{display:none;width:0;height:0}.bk-input--text [type=search]::-ms-reveal{display:none;width:0;height:0}.bk-input--text[type=number]::-webkit-inner-spin-button,.bk-input--text[type=number]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.bk-input--number-control{display:flex;width:26px;height:100%;padding:4px 0;font-size:0;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center}.bk-input--number-control span{display:flex;overflow:hidden;line-height:1;color:#979ba5;text-align:center;cursor:pointer;background-color:#f5f7fa;flex:1;align-items:center}.bk-input--number-control span.is-disabled{color:#c4c6cc;cursor:not-allowed}.bk-input--number-control svg{font-size:14px}.bk-input--number-control span:first-child{transform:rotate(180deg)}.bk-input--number-control span:not(.is-disabled):hover{background-color:#eaebf0}@keyframes loading-scale-animate{0%{transform:scale(1)}to{transform:scale(.6)}}@keyframes fade{to{background-color:transparent}}.bk-transition .bk-fade-enter-active,.bk-transition .bk-fade-leave-active{transition:all .3s cubic-bezier(.55,0,.1,1)}.bk-transition .bk-fade-enter,.bk-transition .bk-fade-leave-to{opacity:0}.bk-select .mr5{margin-right:5px}.bk-select .ml5{margin-left:5px}.bk-select ul{padding:0;margin:0;font-weight:400;list-style:none}.bk-select.large .bk-select-content-wrapper{font-size:14px}.bk-select.is-focus.normal .bk-select-trigger .bk-select-tag.bk-select-tag--default{border-color:#3a84ff;box-shadow:0 0 3px #a3c5fd}.bk-select.is-focus .bk-input--default{border-color:#3a84ff;outline:0;box-shadow:0 0 3px #a3c5fd}.bk-select.is-focus .bk-input--default.is-simplicity{border-color:transparent;border-bottom-color:#3a84ff;box-shadow:none}.bk-select.is-focus .bk-input--default.is-simplicity .bk-input--text{background-color:#f5f7fa}.bk-select.popover-show .bk-select-trigger .angle-up{transform:rotate(0)}.bk-select.is-disabled .bk-input--text{cursor:not-allowed;background-color:#fafbfd}.bk-select .bk-input.is-focused{border-color:#3a84ff;outline:0;box-shadow:0 0 3px #a3c5fd}.bk-select .bk-input.is-focused.is-simplicity{border-color:transparent;border-bottom-color:#3a84ff;box-shadow:none}.bk-select .bk-input--text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:24px;cursor:pointer;background-color:#fff}.bk-select .bk-select-trigger{position:relative}.bk-select .bk-select-trigger .bk-tag-input .bk-tag-input-trigger .clear-icon{margin-right:0}.bk-select .bk-select-trigger .bk-select-tag{width:100%;height:32px;padding:0 28px 0 10px;line-height:normal;color:#63656e;text-align:left;vertical-align:middle;cursor:pointer;background-color:#fff;border:1px solid #c4c6cc;border-radius:2px;outline:none;box-sizing:border-box;transition:all .1s;resize:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;width:auto;align-items:center}.bk-select .bk-select-trigger .bk-select-tag::placeholder{color:#c4c6cc}.bk-select .bk-select-trigger .bk-select-tag.has-prefix{padding-left:0}.bk-select .bk-select-trigger .bk-select-tag.collapse-tag .bk-select-tag-wrapper{height:30px}.bk-select .bk-select-trigger .bk-select-tag:not(.collapse-tag){position:relative;z-index:1;height:auto;min-height:32px;flex-wrap:wrap}.bk-select .bk-select-trigger .bk-select-tag-wrapper{display:flex;align-items:center;flex-wrap:wrap;overflow:hidden}.bk-select .bk-select-trigger .bk-select-tag:not(.is-disabled):hover{border-color:#979ba5}.bk-select .bk-select-trigger .bk-select-tag.is-disabled{cursor:not-allowed;background-color:#fafbfd;border-color:#dcdee5}.bk-select .bk-select-trigger .bk-select-tag.is-disabled input,.bk-select .bk-select-trigger .bk-select-tag.is-disabled .bk-tag{cursor:not-allowed}.bk-select .bk-select-trigger .bk-select-tag.is-disabled .bk-tag:hover{background-color:#f0f1f5}.bk-select .bk-select-trigger .bk-select-tag.is-disabled .bk-tag .bk-tag-close{cursor:not-allowed}.bk-select .bk-select-trigger .bk-select-tag.is-disabled .is-disabled{padding-left:0}.bk-select .bk-select-trigger .bk-select-tag-input{width:100%;height:32px;line-height:normal;color:#63656e;text-align:left;vertical-align:middle;cursor:pointer;background-color:#fff;border:1px solid #c4c6cc;border-radius:2px;outline:none;box-sizing:border-box;transition:all .1s;resize:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:1%;height:22px;padding:0;margin:2px 5px 4px 0;background-color:transparent;border:none;flex-grow:1}.bk-select .bk-select-trigger .bk-select-tag-input::placeholder{color:#c4c6cc}.bk-select .bk-select-trigger .bk-select-tag .bk-tag{max-width:190px;padding:0 4px}.bk-select .bk-select-trigger .angle-up{right:4px;transform:rotate(180deg);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;width:20px;height:20px;font-size:20px;color:#979ba5;position:absolute;top:0;display:inline-flex;height:100%;align-items:center;justify-content:center}.bk-select .bk-select-trigger .clear-icon{right:4px;cursor:pointer;transition:all .1s;display:flex;width:20px;height:20px;font-size:14px;color:#c4c6cc;position:absolute;top:0;display:inline-flex;height:100%;align-items:center;justify-content:center}.bk-select .bk-select-trigger .clear-icon:hover{color:#979ba5}.bk-select .bk-select-trigger .spinner{right:6px;position:absolute;top:0;display:inline-flex;height:100%;align-items:center;justify-content:center}.bk-select--prefix-area{display:flex;height:100%;padding:0 10px;margin-right:10px;color:#63656e;background-color:#f5f7fa;border-right:1px solid #c4c6cc;align-items:center}.bk-popover.bk-pop2-content.bk-select-popover{padding:0;border:1px solid #dcdee5;border-radius:2px;box-shadow:0 2px 6px #0000001a}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-empty{display:flex;align-items:center;justify-content:center;height:56px;color:#63656e}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-empty .spinner{display:flex;width:14px;height:14px;margin-right:4px;font-size:14px;color:#c4c6cc;align-items:center;justify-content:center}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-empty span{margin-left:4px;line-height:18px}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-dropdown{overflow:auto}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-dropdown::-webkit-scrollbar{width:4px;height:4px}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-dropdown::-webkit-scrollbar-thumb{background:#dde4eb;border-radius:20px;box-shadow:inset 0 0 6px #cccccc4d}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-extension{display:flex;height:40px;background-color:#fafbfd;align-items:center;border-top:1px solid #dcdee5;border-radius:0 0 2px 2px}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-options{padding:4px 0}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option{position:relative;display:flex;height:32px;padding:0 12px;line-height:32px;color:#63656e;text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option .bk-select-selected-icon{position:absolute;top:5px;right:10px}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option .bk-select-checkbox{margin-right:6px;pointer-events:none}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option-item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option.is-hover{background-color:#f5f7fa}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option:hover{color:#63656e;background-color:#f5f7fa}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option.is-selected:not(.is-checkbox){color:#3a84ff;background-color:#e1ecff}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option.is-disabled{color:#c4c6cc;cursor:not-allowed;background-color:transparent}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option.is-multiple{padding-right:32px}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option.is-multiple.is-selected{background-color:#fff}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option.is-multiple.is-hover,.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option.is-multiple:hover{background-color:#f5f7fa}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-options-loading{display:flex;align-items:center;justify-content:center}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-options-loading span{margin-left:4px;line-height:18px}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-option-group-label{height:32px;padding:0 8px;line-height:32px;color:#979ba5;text-align:left}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-option-group-label.collapsible{cursor:pointer}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-option-group.collapsible .bk-select-option{padding-left:40px}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-option-group.disabled .default-group-label{color:#c4c6cc;cursor:not-allowed}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-option-group .default-group-label{display:flex;-webkit-user-select:none;user-select:none;align-items:center}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-option-group .default-group-label-icon{display:flex;width:12px;height:12px;margin-right:8px;transition:all .1s;align-items:center;justify-content:center}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-option-group .default-group-label-icon.collapse{transform:rotate(-90deg)}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-option-group .bk-select-option{padding-left:24px}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-search-wrapper{display:flex;margin:4px 8px 0;border-bottom:1px solid #eaebf0;align-items:center}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-search-wrapper .icon-search{margin-left:2px;color:#979ba5}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-search-wrapper .bk-select-search-input{width:100%;height:32px;line-height:normal;color:#63656e;text-align:left;vertical-align:middle;cursor:pointer;background-color:#fff;border:1px solid #c4c6cc;border-radius:2px;outline:none;box-sizing:border-box;transition:all .1s;resize:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 8px;cursor:text;border:none}.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-search-wrapper .bk-select-search-input::placeholder{color:#c4c6cc}.natural-picker{display:flex;align-items:center;min-height:56px}.natural-picker .natural-date{width:256px}.natural-picker .natural-unit{width:140px;margin-left:8px}.natural-custom-option{display:flex;align-items:center;width:100%;min-width:250px;height:100%;padding:0 12px;margin:0 -12px}.natural-custom-option .bk-input{background-color:#fff}.recent-picker{display:flex;align-items:center;min-height:56px}.recent-picker .recent-input{border-top-right-radius:0;border-bottom-right-radius:0}.recent-picker .recent-input.is-focused{z-index:2}.recent-picker .recent-unit{width:164px}.recent-picker .recent-unit .bk-input{margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}.recent-picker .recent-unit .bk-input--text{border-radius:0}.timezone-picker{width:100%}.timezone-picker-option{display:flex;align-items:center;width:100%;color:#63656e}.timezone-picker-option .option-name{flex:1}.timezone-picker-option .option-country{display:flex;width:100%;margin-left:6px;color:#999}.timezone-picker-option .option-utc{display:inline-flex;align-items:center;justify-content:center;height:20px;padding:0 8px;background:#f0f1f5;border-radius:2px}.timezone-picker-option.is-selected{color:#3a84ff}.timezone-picker-option.is-selected .option-country{color:#699df4}.timezone-picker-option.is-selected .option-utc{color:#fff;background-color:#699df4}.panel-wrapper{width:510px;padding:12px 16px 0;background:#fff;border:1px solid #dcdee5;border-radius:2px;box-shadow:0 2px 6px #0000001a}.panel-wrapper .common-date-list{height:136px;max-height:136px;padding:0 0 4px;margin:12px -10px 0 0;overflow:auto}.panel-wrapper .common-date-list .list-item{display:inline-flex;align-items:center;min-width:calc(33.33% - 8px);height:28px;padding:0 8px;margin-right:8px;margin-bottom:8px;color:#313238;cursor:pointer;background:#f5f7fa;border-radius:2px}.panel-wrapper .common-date-list .list-item.is-recent-item{min-width:inherit;height:24px;padding:0 6px;color:#63656e}.panel-wrapper .common-date-list .list-item.is-selected,.panel-wrapper .common-date-list .list-item:hover{color:#3a84ff;background:#e1ecff}.panel-wrapper .date-pick-tab{padding-top:12px;border-top:1px solid #eaebf0}.panel-wrapper .date-pick-tab .bk-tab-header-item{margin-right:20px!important}.panel-wrapper .time-zone-panel{display:flex;align-items:center;height:45px;padding:0 16px;margin:0 -16px;color:#313238;background:#fafbfd;border-top:1px solid #dcdee5}.panel-wrapper .time-zone-panel .time-zone{display:flex;align-items:center;margin:0 8px}.panel-wrapper .time-zone-panel .time-zone-area{display:flex;align-items:center;margin-left:8px;color:#979ba5}.panel-wrapper .time-zone-panel .time-zone-tag{display:flex;align-items:center;justify-content:center;width:79px;height:20px;color:#63656e;border:1px solid #dcdee5;border-radius:2px}.panel-wrapper .time-zone-panel .time-zone-btn{margin-left:auto}.panel-wrapper .time-zone-picker{margin:8px 0}.panel-wrapper .common-wrapper{display:flex;flex-direction:column;height:139px;max-height:139px;overflow:auto}.panel-wrapper .common-wrapper .empty-content{height:100px;max-height:100px}.panel-wrapper .common-wrapper .empty-tips{display:flex;align-items:center;justify-content:center}.__bk_date_picker__{box-sizing:border-box;display:inline-flex;align-items:center;height:32px;padding:0 4px;font-size:12px;color:#63656e;border:1px solid #c4c6cc;border-radius:2px}.__bk_date_picker__ div::-webkit-scrollbar,.__bk_date_picker__ ul::-webkit-scrollbar,.__bk_date_picker__ section::-webkit-scrollbar,.__bk_date_picker__ tbody::-webkit-scrollbar,.__bk_date_picker__ article::-webkit-scrollbar{width:4px;height:4px}.__bk_date_picker__ div::-webkit-scrollbar-thumb,.__bk_date_picker__ ul::-webkit-scrollbar-thumb,.__bk_date_picker__ section::-webkit-scrollbar-thumb,.__bk_date_picker__ tbody::-webkit-scrollbar-thumb,.__bk_date_picker__ article::-webkit-scrollbar-thumb{background:#ddd;border-radius:20px;box-shadow:inset 0 0 6px #cccccc4d}.__bk_date_picker__ .date-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:20px;font-weight:700;color:#989ca7;background:#f5f7fa;border-radius:2px}.__bk_date_picker__ .date-icon-left,.__bk_date_picker__ .date-icon-right{display:inline-flex}.__bk_date_picker__ .date-icon-left svg,.__bk_date_picker__ .date-icon-right svg{width:20px!important;height:20px!important}.__bk_date_picker__ .date-icon:hover{cursor:pointer;background-color:#f0f1f5}.__bk_date_picker__.is-simplicity{border-color:transparent}.__bk_date_picker__.is-simplicity .date-icon{background-color:transparent}.__bk_date_picker__.is-simplicity .date-icon:hover{cursor:pointer;background-color:#f0f1f5}.__bk_date_picker__.is-disabled{color:#c4c6cc;cursor:not-allowed}.__bk_date_picker__.is-disabled .date-icon{color:#c4c6cc;pointer-events:none}.__bk_date_picker__.is-disabled .date-content{pointer-events:none;cursor:not-allowed}.__bk_date_picker__ .date-content{display:flex;align-items:center;height:24px;padding:0 6px;margin:0 4px;-webkit-user-select:none;user-select:none;border-radius:2px}.__bk_date_picker__ .date-content-icon{margin-right:4px}.__bk_date_picker__ .date-content-utc{display:flex;align-items:center;margin-left:4px;font-weight:700;color:#ff9c01}.__bk_date_picker__ .date-content:hover{cursor:pointer;background:#f5f7fa}.__bk-date-picker-popover__{padding:0!important;margin:0!important;color:#63656e!important}.__bk-date-picker-popover__ div::-webkit-scrollbar,.__bk-date-picker-popover__ ul::-webkit-scrollbar,.__bk-date-picker-popover__ section::-webkit-scrollbar,.__bk-date-picker-popover__ tbody::-webkit-scrollbar,.__bk-date-picker-popover__ article::-webkit-scrollbar{width:4px;height:4px}.__bk-date-picker-popover__ div::-webkit-scrollbar-thumb,.__bk-date-picker-popover__ ul::-webkit-scrollbar-thumb,.__bk-date-picker-popover__ section::-webkit-scrollbar-thumb,.__bk-date-picker-popover__ tbody::-webkit-scrollbar-thumb,.__bk-date-picker-popover__ article::-webkit-scrollbar-thumb{background:#ddd;border-radius:20px;box-shadow:inset 0 0 6px #cccccc4d}.__bk-date-picker-popover__ ul{padding:0;margin:0}.__bk-date-picker-popover__ ul li{list-style:none}.__bk-date-picker-popover__ .bk-select-search-wrapper .icon-search:before{content:""!important}.__bk-date-picker-popover__ .bk-pop-confirm{margin:20px 16px 16px!important}.__date-tooltips__{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:156px;line-height:20px}.__date-tooltips__ div::-webkit-scrollbar,.__date-tooltips__ ul::-webkit-scrollbar,.__date-tooltips__ section::-webkit-scrollbar,.__date-tooltips__ tbody::-webkit-scrollbar,.__date-tooltips__ article::-webkit-scrollbar{width:4px;height:4px}.__date-tooltips__ div::-webkit-scrollbar-thumb,.__date-tooltips__ ul::-webkit-scrollbar-thumb,.__date-tooltips__ section::-webkit-scrollbar-thumb,.__date-tooltips__ tbody::-webkit-scrollbar-thumb,.__date-tooltips__ article::-webkit-scrollbar-thumb{background:#ddd;border-radius:20px;box-shadow:inset 0 0 6px #cccccc4d}.__date-tooltips__ .date-tooltips-timezone{display:flex;align-items:center;justify-content:center;width:100%;margin-top:4px;color:#ff9c01}.__date-tooltips__ .date-tooltips-diff{display:flex;align-items:center;justify-content:center;padding:0 4px;margin-top:4px;color:#fff;background:rgba(255,255,255,.12);border-radius:2px}
package/dist/vue3-full.es.js CHANGED
@@ -21506,6 +21506,7 @@ const xj = { class: "natural-picker" }, Pj = ["onClick"], Nj = "__", _j = /* @__
21506
21506
  "input-search": !1,
21507
21507
  "model-value": u(g.value),
21508
21508
  "no-match-text": le(me)("无匹配数据"),
21509
+ "popover-min-width": 130,
21509
21510
  "popover-options": { boundary: "parent", extCls: "__bk-date-picker-popover__" },
21510
21511
  prefix: le(me)("自然日期"),
21511
21512
  "search-placeholder": le(me)("请输入"),
@@ -21527,7 +21528,7 @@ const xj = { class: "natural-picker" }, Pj = ["onClick"], Nj = "__", _j = /* @__
21527
21528
  Te("div", {
21528
21529
  onClick: L[1] || (L[1] = Zd(() => {
21529
21530
  }, ["prevent", "stop"])),
21530
- style: { width: "100%", padding: "0 12px", margin: "0 -12px" }
21531
+ class: "natural-custom-option"
21531
21532
  }, [
21532
21533
  f.value === x.id ? (Qe(), Xt(le(Yu), {
21533
21534
  key: 0,
@@ -21544,7 +21545,7 @@ const xj = { class: "natural-picker" }, Pj = ["onClick"], Nj = "__", _j = /* @__
21544
21545
  ref_key: "inputRef",
21545
21546
  ref: n,
21546
21547
  size: "small",
21547
- style: { width: "100%" },
21548
+ style: { width: "150px" },
21548
21549
  type: "number",
21549
21550
  modelValue: p.value,
21550
21551
  "onUpdate:modelValue": L[0] || (L[0] = (P) => p.value = P)
package/dist/vue3-light.css CHANGED
@@ -1 +1 @@
1
- .common-panel-tab{display:flex;align-items:center}.common-panel-tab .bk-tab-header{line-height:20px!important;border-bottom:0!important}.common-panel-tab .bk-tab-header .bk-tab-header-item{padding:0 0 4px;margin-right:28px}.common-panel-tab .bk-tab-header--active{font-weight:700;color:#63656e}.common-panel-tab .bk-tab-content{display:none;width:0;height:0}.common-panel-tab .delete-all{margin-left:auto}.common-panel-tab .delete-all:hover{color:#3a84ff;cursor:pointer}.common-submit{flex:0 0 64px;width:64px;margin-left:8px}.common-favorite{display:flex;flex:0 0 32px;align-items:center;justify-content:center;width:32px;height:32px;margin-left:8px;cursor:pointer;background:#f5f7fa;border-radius:2px}.common-favorite:hover svg path{fill:#3a84ff}.date-panel{display:flex;flex-direction:column;width:220px;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #dcdee5;box-shadow:0 2px 6px #0000001a}.date-panel-title{display:flex;flex:0 0 40px;align-items:center;height:40px;padding:0 12px;color:#63656e;border-bottom:1px solid #dcdee5}.date-panel-title .title-check{margin-left:auto}.date-panel-title .title-check .bk-checkbox{pointer-events:none}.date-panel-main{display:flex;flex:1;flex-direction:column;padding:8px 0 12px}.date-panel-main .date-header{display:flex;align-items:center;width:100%;height:24px}.date-panel-main .date-header-center{display:flex;flex:1;align-items:center;justify-content:center;height:100%;font-size:14px;font-weight:700}.date-panel-main .date-header-center .date-split{width:5px;height:2px;margin:0 10px;background-color:#63656e}.date-panel-main .date-header-right,.date-panel-main .date-header-left{display:flex;align-items:center;height:100%;padding:0 6px;font-size:16px}.date-panel-main .date-header-right .hand-icon,.date-panel-main .date-header-left .hand-icon{display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#979ba5}.date-panel-main .date-header-right .hand-icon svg,.date-panel-main .date-header-left .hand-icon svg{width:20px!important;height:20px!important;font-weight:700}.date-panel-main .date-header-right .hand-icon:hover,.date-panel-main .date-header-left .hand-icon:hover{color:#3a84ff;cursor:pointer}.date-panel-main .date-header-right .hand-icon:hover svg,.date-panel-main .date-header-left .hand-icon:hover svg{fill:#3a84ff}.date-panel-main .date-header-right{margin-left:auto}.date-panel-main .date-content{display:flex;flex-direction:column}.date-panel-main .date-content .date-grid{display:flex;align-items:center;width:100%;padding:0 12px;margin:0}.date-panel-main .date-content .date-grid-item{display:flex;flex:0 0 14.285%;align-items:center;justify-content:center;width:14.285%;min-width:28px;height:24px}.date-panel-main .date-content .date-grid-item:not(.not-click):hover{cursor:pointer;background-color:#f0f1f5}.date-panel-main .date-content .date-grid-item.is-today{color:#3a84ff;border:1px solid #a3c5fd;border-radius:2px}.date-panel-main .date-content .date-grid-item.is-last-month{color:#c4c6cc;background-color:#f0f1f5}.date-panel-main .date-content .date-grid-item.is-next-month{color:#c4c6cc}.date-panel-main .date-content .date-grid-item.is-disabled{color:#c4c6cc!important;cursor:not-allowed!important;background-color:#f0f1f5!important}.date-panel-main .date-content .date-grid-item.is-selected{color:#fff!important;background-color:#3a84ff!important;border-radius:2px}.date-wrapper{display:flex;flex-direction:column}.date-wrapper .date-input{display:flex;align-items:center;width:100%;min-height:56px}.date-wrapper .date-input .date-picker{display:flex;align-items:center;width:100%;min-width:360px;height:32px;background:#fff;border:1px solid #c4c6cc;border-radius:2px}.date-wrapper .date-input .date-picker-icon{display:flex;align-items:center;justify-content:center;margin-right:6px;margin-left:8px}.date-wrapper .date-input .date-picker-start,.date-wrapper .date-input .date-picker-end{width:160px;height:24px;padding:0 4px;font-size:12px;color:#63656e;border:none;border-radius:2px}.date-wrapper .date-input .date-picker-start:focus,.date-wrapper .date-input .date-picker-end:focus{background:#e1ecff;border:none;outline:none;box-shadow:none}.date-wrapper .date-input .date-picker-split{display:flex;align-items:center;justify-content:center;padding:0 8px;color:#979ba5}.date-wrapper .date-input .date-picker-clear{display:none!important;flex:0 0 32px;align-items:center;justify-content:center;width:32px;height:32px;font-size:14px;color:#c4c6cc}.date-wrapper .date-input .date-picker-clear:hover{color:#63656e;cursor:pointer}.date-wrapper .date-input .date-picker:hover .date-picker-clear{display:flex!important}.date-wrapper .show-format{display:flex;align-items:center;width:100%;min-width:100%;margin-top:-8px;margin-bottom:12px;color:#979ba5}.date-wrapper .show-format .format-button{margin-left:8px}.date-format-wrapper{display:flex;flex-direction:column;width:520px;padding:12px 15px}.date-format-wrapper .content-title{margin-bottom:12px;font-weight:700;line-height:20px}.date-format-wrapper .content-table{display:flex;flex-direction:column;width:100%;border-collapse:collapse;background-color:#fff;border:1px solid #eaeefb;border-top:0;border-left:0}.date-format-wrapper .content-table th,.date-format-wrapper .content-table td{height:42px;padding:0 16px;line-height:42px;color:#63656e;text-align:left;border:1px solid #eaeefb;border-right:0;border-bottom:0}.date-format-wrapper .content-table thead,.date-format-wrapper .content-table tr{display:flex;align-items:center;width:100%}.date-format-wrapper .content-table thead th,.date-format-wrapper .content-table tr th{flex:1;background-color:#fafbfd}.date-format-wrapper .content-table tbody{display:block;width:calc(100% + 4px);max-height:300px;overflow:auto}.date-format-wrapper .content-table tbody td{display:flex;flex:1;align-items:center}.natural-picker{display:flex;align-items:center;min-height:56px}.natural-picker .natural-date{width:256px}.natural-picker .natural-unit{width:140px;margin-left:8px}.recent-picker{display:flex;align-items:center;min-height:56px}.recent-picker .recent-input{border-top-right-radius:0;border-bottom-right-radius:0}.recent-picker .recent-input.is-focused{z-index:2}.recent-picker .recent-unit{width:164px}.recent-picker .recent-unit .bk-input{margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}.recent-picker .recent-unit .bk-input--text{border-radius:0}.timezone-picker{width:100%}.timezone-picker-option{display:flex;align-items:center;width:100%;color:#63656e}.timezone-picker-option .option-name{flex:1}.timezone-picker-option .option-country{display:flex;width:100%;margin-left:6px;color:#999}.timezone-picker-option .option-utc{display:inline-flex;align-items:center;justify-content:center;height:20px;padding:0 8px;background:#f0f1f5;border-radius:2px}.timezone-picker-option.is-selected{color:#3a84ff}.timezone-picker-option.is-selected .option-country{color:#699df4}.timezone-picker-option.is-selected .option-utc{color:#fff;background-color:#699df4}.panel-wrapper{width:510px;padding:12px 16px 0;background:#fff;border:1px solid #dcdee5;border-radius:2px;box-shadow:0 2px 6px #0000001a}.panel-wrapper .common-date-list{height:136px;max-height:136px;padding:0 0 4px;margin:12px -10px 0 0;overflow:auto}.panel-wrapper .common-date-list .list-item{display:inline-flex;align-items:center;min-width:calc(33.33% - 8px);height:28px;padding:0 8px;margin-right:8px;margin-bottom:8px;color:#313238;cursor:pointer;background:#f5f7fa;border-radius:2px}.panel-wrapper .common-date-list .list-item.is-recent-item{min-width:inherit;height:24px;padding:0 6px;color:#63656e}.panel-wrapper .common-date-list .list-item.is-selected,.panel-wrapper .common-date-list .list-item:hover{color:#3a84ff;background:#e1ecff}.panel-wrapper .date-pick-tab{padding-top:12px;border-top:1px solid #eaebf0}.panel-wrapper .date-pick-tab .bk-tab-header-item{margin-right:20px!important}.panel-wrapper .time-zone-panel{display:flex;align-items:center;height:45px;padding:0 16px;margin:0 -16px;color:#313238;background:#fafbfd;border-top:1px solid #dcdee5}.panel-wrapper .time-zone-panel .time-zone{display:flex;align-items:center;margin:0 8px}.panel-wrapper .time-zone-panel .time-zone-area{display:flex;align-items:center;margin-left:8px;color:#979ba5}.panel-wrapper .time-zone-panel .time-zone-tag{display:flex;align-items:center;justify-content:center;width:79px;height:20px;color:#63656e;border:1px solid #dcdee5;border-radius:2px}.panel-wrapper .time-zone-panel .time-zone-btn{margin-left:auto}.panel-wrapper .time-zone-picker{margin:8px 0}.panel-wrapper .common-wrapper{display:flex;flex-direction:column;height:139px;max-height:139px;overflow:auto}.panel-wrapper .common-wrapper .empty-content{height:100px;max-height:100px}.panel-wrapper .common-wrapper .empty-tips{display:flex;align-items:center;justify-content:center}.__bk_date_picker__{box-sizing:border-box;display:inline-flex;align-items:center;height:32px;padding:0 4px;font-size:12px;color:#63656e;border:1px solid #c4c6cc;border-radius:2px}.__bk_date_picker__ div::-webkit-scrollbar,.__bk_date_picker__ ul::-webkit-scrollbar,.__bk_date_picker__ section::-webkit-scrollbar,.__bk_date_picker__ tbody::-webkit-scrollbar,.__bk_date_picker__ article::-webkit-scrollbar{width:4px;height:4px}.__bk_date_picker__ div::-webkit-scrollbar-thumb,.__bk_date_picker__ ul::-webkit-scrollbar-thumb,.__bk_date_picker__ section::-webkit-scrollbar-thumb,.__bk_date_picker__ tbody::-webkit-scrollbar-thumb,.__bk_date_picker__ article::-webkit-scrollbar-thumb{background:#ddd;border-radius:20px;box-shadow:inset 0 0 6px #cccccc4d}.__bk_date_picker__ .date-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:20px;font-weight:700;color:#989ca7;background:#f5f7fa;border-radius:2px}.__bk_date_picker__ .date-icon-left,.__bk_date_picker__ .date-icon-right{display:inline-flex}.__bk_date_picker__ .date-icon-left svg,.__bk_date_picker__ .date-icon-right svg{width:20px!important;height:20px!important}.__bk_date_picker__ .date-icon:hover{cursor:pointer;background-color:#f0f1f5}.__bk_date_picker__.is-simplicity{border-color:transparent}.__bk_date_picker__.is-simplicity .date-icon{background-color:transparent}.__bk_date_picker__.is-simplicity .date-icon:hover{cursor:pointer;background-color:#f0f1f5}.__bk_date_picker__.is-disabled{color:#c4c6cc;cursor:not-allowed}.__bk_date_picker__.is-disabled .date-icon{color:#c4c6cc;pointer-events:none}.__bk_date_picker__.is-disabled .date-content{pointer-events:none;cursor:not-allowed}.__bk_date_picker__ .date-content{display:flex;align-items:center;height:24px;padding:0 6px;margin:0 4px;-webkit-user-select:none;user-select:none;border-radius:2px}.__bk_date_picker__ .date-content-icon{margin-right:4px}.__bk_date_picker__ .date-content-utc{display:flex;align-items:center;margin-left:4px;font-weight:700;color:#ff9c01}.__bk_date_picker__ .date-content:hover{cursor:pointer;background:#f5f7fa}.__bk-date-picker-popover__{padding:0!important;margin:0!important;color:#63656e!important}.__bk-date-picker-popover__ div::-webkit-scrollbar,.__bk-date-picker-popover__ ul::-webkit-scrollbar,.__bk-date-picker-popover__ section::-webkit-scrollbar,.__bk-date-picker-popover__ tbody::-webkit-scrollbar,.__bk-date-picker-popover__ article::-webkit-scrollbar{width:4px;height:4px}.__bk-date-picker-popover__ div::-webkit-scrollbar-thumb,.__bk-date-picker-popover__ ul::-webkit-scrollbar-thumb,.__bk-date-picker-popover__ section::-webkit-scrollbar-thumb,.__bk-date-picker-popover__ tbody::-webkit-scrollbar-thumb,.__bk-date-picker-popover__ article::-webkit-scrollbar-thumb{background:#ddd;border-radius:20px;box-shadow:inset 0 0 6px #cccccc4d}.__bk-date-picker-popover__ ul{padding:0;margin:0}.__bk-date-picker-popover__ ul li{list-style:none}.__bk-date-picker-popover__ .bk-select-search-wrapper .icon-search:before{content:""!important}.__bk-date-picker-popover__ .bk-pop-confirm{margin:20px 16px 16px!important}.__date-tooltips__{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:156px;line-height:20px}.__date-tooltips__ div::-webkit-scrollbar,.__date-tooltips__ ul::-webkit-scrollbar,.__date-tooltips__ section::-webkit-scrollbar,.__date-tooltips__ tbody::-webkit-scrollbar,.__date-tooltips__ article::-webkit-scrollbar{width:4px;height:4px}.__date-tooltips__ div::-webkit-scrollbar-thumb,.__date-tooltips__ ul::-webkit-scrollbar-thumb,.__date-tooltips__ section::-webkit-scrollbar-thumb,.__date-tooltips__ tbody::-webkit-scrollbar-thumb,.__date-tooltips__ article::-webkit-scrollbar-thumb{background:#ddd;border-radius:20px;box-shadow:inset 0 0 6px #cccccc4d}.__date-tooltips__ .date-tooltips-timezone{display:flex;align-items:center;justify-content:center;width:100%;margin-top:4px;color:#ff9c01}.__date-tooltips__ .date-tooltips-diff{display:flex;align-items:center;justify-content:center;padding:0 4px;margin-top:4px;color:#fff;background:rgba(255,255,255,.12);border-radius:2px}
1
+ .common-panel-tab{display:flex;align-items:center}.common-panel-tab .bk-tab-header{line-height:20px!important;border-bottom:0!important}.common-panel-tab .bk-tab-header .bk-tab-header-item{padding:0 0 4px;margin-right:28px}.common-panel-tab .bk-tab-header--active{font-weight:700;color:#63656e}.common-panel-tab .bk-tab-content{display:none;width:0;height:0}.common-panel-tab .delete-all{margin-left:auto}.common-panel-tab .delete-all:hover{color:#3a84ff;cursor:pointer}.common-submit{flex:0 0 64px;width:64px;margin-left:8px}.common-favorite{display:flex;flex:0 0 32px;align-items:center;justify-content:center;width:32px;height:32px;margin-left:8px;cursor:pointer;background:#f5f7fa;border-radius:2px}.common-favorite:hover svg path{fill:#3a84ff}.date-panel{display:flex;flex-direction:column;width:220px;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #dcdee5;box-shadow:0 2px 6px #0000001a}.date-panel-title{display:flex;flex:0 0 40px;align-items:center;height:40px;padding:0 12px;color:#63656e;border-bottom:1px solid #dcdee5}.date-panel-title .title-check{margin-left:auto}.date-panel-title .title-check .bk-checkbox{pointer-events:none}.date-panel-main{display:flex;flex:1;flex-direction:column;padding:8px 0 12px}.date-panel-main .date-header{display:flex;align-items:center;width:100%;height:24px}.date-panel-main .date-header-center{display:flex;flex:1;align-items:center;justify-content:center;height:100%;font-size:14px;font-weight:700}.date-panel-main .date-header-center .date-split{width:5px;height:2px;margin:0 10px;background-color:#63656e}.date-panel-main .date-header-right,.date-panel-main .date-header-left{display:flex;align-items:center;height:100%;padding:0 6px;font-size:16px}.date-panel-main .date-header-right .hand-icon,.date-panel-main .date-header-left .hand-icon{display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#979ba5}.date-panel-main .date-header-right .hand-icon svg,.date-panel-main .date-header-left .hand-icon svg{width:20px!important;height:20px!important;font-weight:700}.date-panel-main .date-header-right .hand-icon:hover,.date-panel-main .date-header-left .hand-icon:hover{color:#3a84ff;cursor:pointer}.date-panel-main .date-header-right .hand-icon:hover svg,.date-panel-main .date-header-left .hand-icon:hover svg{fill:#3a84ff}.date-panel-main .date-header-right{margin-left:auto}.date-panel-main .date-content{display:flex;flex-direction:column}.date-panel-main .date-content .date-grid{display:flex;align-items:center;width:100%;padding:0 12px;margin:0}.date-panel-main .date-content .date-grid-item{display:flex;flex:0 0 14.285%;align-items:center;justify-content:center;width:14.285%;min-width:28px;height:24px}.date-panel-main .date-content .date-grid-item:not(.not-click):hover{cursor:pointer;background-color:#f0f1f5}.date-panel-main .date-content .date-grid-item.is-today{color:#3a84ff;border:1px solid #a3c5fd;border-radius:2px}.date-panel-main .date-content .date-grid-item.is-last-month{color:#c4c6cc;background-color:#f0f1f5}.date-panel-main .date-content .date-grid-item.is-next-month{color:#c4c6cc}.date-panel-main .date-content .date-grid-item.is-disabled{color:#c4c6cc!important;cursor:not-allowed!important;background-color:#f0f1f5!important}.date-panel-main .date-content .date-grid-item.is-selected{color:#fff!important;background-color:#3a84ff!important;border-radius:2px}.date-wrapper{display:flex;flex-direction:column}.date-wrapper .date-input{display:flex;align-items:center;width:100%;min-height:56px}.date-wrapper .date-input .date-picker{display:flex;align-items:center;width:100%;min-width:360px;height:32px;background:#fff;border:1px solid #c4c6cc;border-radius:2px}.date-wrapper .date-input .date-picker-icon{display:flex;align-items:center;justify-content:center;margin-right:6px;margin-left:8px}.date-wrapper .date-input .date-picker-start,.date-wrapper .date-input .date-picker-end{width:160px;height:24px;padding:0 4px;font-size:12px;color:#63656e;border:none;border-radius:2px}.date-wrapper .date-input .date-picker-start:focus,.date-wrapper .date-input .date-picker-end:focus{background:#e1ecff;border:none;outline:none;box-shadow:none}.date-wrapper .date-input .date-picker-split{display:flex;align-items:center;justify-content:center;padding:0 8px;color:#979ba5}.date-wrapper .date-input .date-picker-clear{display:none!important;flex:0 0 32px;align-items:center;justify-content:center;width:32px;height:32px;font-size:14px;color:#c4c6cc}.date-wrapper .date-input .date-picker-clear:hover{color:#63656e;cursor:pointer}.date-wrapper .date-input .date-picker:hover .date-picker-clear{display:flex!important}.date-wrapper .show-format{display:flex;align-items:center;width:100%;min-width:100%;margin-top:-8px;margin-bottom:12px;color:#979ba5}.date-wrapper .show-format .format-button{margin-left:8px}.date-format-wrapper{display:flex;flex-direction:column;width:520px;padding:12px 15px}.date-format-wrapper .content-title{margin-bottom:12px;font-weight:700;line-height:20px}.date-format-wrapper .content-table{display:flex;flex-direction:column;width:100%;border-collapse:collapse;background-color:#fff;border:1px solid #eaeefb;border-top:0;border-left:0}.date-format-wrapper .content-table th,.date-format-wrapper .content-table td{height:42px;padding:0 16px;line-height:42px;color:#63656e;text-align:left;border:1px solid #eaeefb;border-right:0;border-bottom:0}.date-format-wrapper .content-table thead,.date-format-wrapper .content-table tr{display:flex;align-items:center;width:100%}.date-format-wrapper .content-table thead th,.date-format-wrapper .content-table tr th{flex:1;background-color:#fafbfd}.date-format-wrapper .content-table tbody{display:block;width:calc(100% + 4px);max-height:300px;overflow:auto}.date-format-wrapper .content-table tbody td{display:flex;flex:1;align-items:center}.natural-picker{display:flex;align-items:center;min-height:56px}.natural-picker .natural-date{width:256px}.natural-picker .natural-unit{width:140px;margin-left:8px}.natural-custom-option{display:flex;align-items:center;width:100%;min-width:250px;height:100%;padding:0 12px;margin:0 -12px}.natural-custom-option .bk-input{background-color:#fff}.recent-picker{display:flex;align-items:center;min-height:56px}.recent-picker .recent-input{border-top-right-radius:0;border-bottom-right-radius:0}.recent-picker .recent-input.is-focused{z-index:2}.recent-picker .recent-unit{width:164px}.recent-picker .recent-unit .bk-input{margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}.recent-picker .recent-unit .bk-input--text{border-radius:0}.timezone-picker{width:100%}.timezone-picker-option{display:flex;align-items:center;width:100%;color:#63656e}.timezone-picker-option .option-name{flex:1}.timezone-picker-option .option-country{display:flex;width:100%;margin-left:6px;color:#999}.timezone-picker-option .option-utc{display:inline-flex;align-items:center;justify-content:center;height:20px;padding:0 8px;background:#f0f1f5;border-radius:2px}.timezone-picker-option.is-selected{color:#3a84ff}.timezone-picker-option.is-selected .option-country{color:#699df4}.timezone-picker-option.is-selected .option-utc{color:#fff;background-color:#699df4}.panel-wrapper{width:510px;padding:12px 16px 0;background:#fff;border:1px solid #dcdee5;border-radius:2px;box-shadow:0 2px 6px #0000001a}.panel-wrapper .common-date-list{height:136px;max-height:136px;padding:0 0 4px;margin:12px -10px 0 0;overflow:auto}.panel-wrapper .common-date-list .list-item{display:inline-flex;align-items:center;min-width:calc(33.33% - 8px);height:28px;padding:0 8px;margin-right:8px;margin-bottom:8px;color:#313238;cursor:pointer;background:#f5f7fa;border-radius:2px}.panel-wrapper .common-date-list .list-item.is-recent-item{min-width:inherit;height:24px;padding:0 6px;color:#63656e}.panel-wrapper .common-date-list .list-item.is-selected,.panel-wrapper .common-date-list .list-item:hover{color:#3a84ff;background:#e1ecff}.panel-wrapper .date-pick-tab{padding-top:12px;border-top:1px solid #eaebf0}.panel-wrapper .date-pick-tab .bk-tab-header-item{margin-right:20px!important}.panel-wrapper .time-zone-panel{display:flex;align-items:center;height:45px;padding:0 16px;margin:0 -16px;color:#313238;background:#fafbfd;border-top:1px solid #dcdee5}.panel-wrapper .time-zone-panel .time-zone{display:flex;align-items:center;margin:0 8px}.panel-wrapper .time-zone-panel .time-zone-area{display:flex;align-items:center;margin-left:8px;color:#979ba5}.panel-wrapper .time-zone-panel .time-zone-tag{display:flex;align-items:center;justify-content:center;width:79px;height:20px;color:#63656e;border:1px solid #dcdee5;border-radius:2px}.panel-wrapper .time-zone-panel .time-zone-btn{margin-left:auto}.panel-wrapper .time-zone-picker{margin:8px 0}.panel-wrapper .common-wrapper{display:flex;flex-direction:column;height:139px;max-height:139px;overflow:auto}.panel-wrapper .common-wrapper .empty-content{height:100px;max-height:100px}.panel-wrapper .common-wrapper .empty-tips{display:flex;align-items:center;justify-content:center}.__bk_date_picker__{box-sizing:border-box;display:inline-flex;align-items:center;height:32px;padding:0 4px;font-size:12px;color:#63656e;border:1px solid #c4c6cc;border-radius:2px}.__bk_date_picker__ div::-webkit-scrollbar,.__bk_date_picker__ ul::-webkit-scrollbar,.__bk_date_picker__ section::-webkit-scrollbar,.__bk_date_picker__ tbody::-webkit-scrollbar,.__bk_date_picker__ article::-webkit-scrollbar{width:4px;height:4px}.__bk_date_picker__ div::-webkit-scrollbar-thumb,.__bk_date_picker__ ul::-webkit-scrollbar-thumb,.__bk_date_picker__ section::-webkit-scrollbar-thumb,.__bk_date_picker__ tbody::-webkit-scrollbar-thumb,.__bk_date_picker__ article::-webkit-scrollbar-thumb{background:#ddd;border-radius:20px;box-shadow:inset 0 0 6px #cccccc4d}.__bk_date_picker__ .date-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:20px;font-weight:700;color:#989ca7;background:#f5f7fa;border-radius:2px}.__bk_date_picker__ .date-icon-left,.__bk_date_picker__ .date-icon-right{display:inline-flex}.__bk_date_picker__ .date-icon-left svg,.__bk_date_picker__ .date-icon-right svg{width:20px!important;height:20px!important}.__bk_date_picker__ .date-icon:hover{cursor:pointer;background-color:#f0f1f5}.__bk_date_picker__.is-simplicity{border-color:transparent}.__bk_date_picker__.is-simplicity .date-icon{background-color:transparent}.__bk_date_picker__.is-simplicity .date-icon:hover{cursor:pointer;background-color:#f0f1f5}.__bk_date_picker__.is-disabled{color:#c4c6cc;cursor:not-allowed}.__bk_date_picker__.is-disabled .date-icon{color:#c4c6cc;pointer-events:none}.__bk_date_picker__.is-disabled .date-content{pointer-events:none;cursor:not-allowed}.__bk_date_picker__ .date-content{display:flex;align-items:center;height:24px;padding:0 6px;margin:0 4px;-webkit-user-select:none;user-select:none;border-radius:2px}.__bk_date_picker__ .date-content-icon{margin-right:4px}.__bk_date_picker__ .date-content-utc{display:flex;align-items:center;margin-left:4px;font-weight:700;color:#ff9c01}.__bk_date_picker__ .date-content:hover{cursor:pointer;background:#f5f7fa}.__bk-date-picker-popover__{padding:0!important;margin:0!important;color:#63656e!important}.__bk-date-picker-popover__ div::-webkit-scrollbar,.__bk-date-picker-popover__ ul::-webkit-scrollbar,.__bk-date-picker-popover__ section::-webkit-scrollbar,.__bk-date-picker-popover__ tbody::-webkit-scrollbar,.__bk-date-picker-popover__ article::-webkit-scrollbar{width:4px;height:4px}.__bk-date-picker-popover__ div::-webkit-scrollbar-thumb,.__bk-date-picker-popover__ ul::-webkit-scrollbar-thumb,.__bk-date-picker-popover__ section::-webkit-scrollbar-thumb,.__bk-date-picker-popover__ tbody::-webkit-scrollbar-thumb,.__bk-date-picker-popover__ article::-webkit-scrollbar-thumb{background:#ddd;border-radius:20px;box-shadow:inset 0 0 6px #cccccc4d}.__bk-date-picker-popover__ ul{padding:0;margin:0}.__bk-date-picker-popover__ ul li{list-style:none}.__bk-date-picker-popover__ .bk-select-search-wrapper .icon-search:before{content:""!important}.__bk-date-picker-popover__ .bk-pop-confirm{margin:20px 16px 16px!important}.__date-tooltips__{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:156px;line-height:20px}.__date-tooltips__ div::-webkit-scrollbar,.__date-tooltips__ ul::-webkit-scrollbar,.__date-tooltips__ section::-webkit-scrollbar,.__date-tooltips__ tbody::-webkit-scrollbar,.__date-tooltips__ article::-webkit-scrollbar{width:4px;height:4px}.__date-tooltips__ div::-webkit-scrollbar-thumb,.__date-tooltips__ ul::-webkit-scrollbar-thumb,.__date-tooltips__ section::-webkit-scrollbar-thumb,.__date-tooltips__ tbody::-webkit-scrollbar-thumb,.__date-tooltips__ article::-webkit-scrollbar-thumb{background:#ddd;border-radius:20px;box-shadow:inset 0 0 6px #cccccc4d}.__date-tooltips__ .date-tooltips-timezone{display:flex;align-items:center;justify-content:center;width:100%;margin-top:4px;color:#ff9c01}.__date-tooltips__ .date-tooltips-diff{display:flex;align-items:center;justify-content:center;padding:0 4px;margin-top:4px;color:#fff;background:rgba(255,255,255,.12);border-radius:2px}
package/dist/vue3-light.es.js CHANGED
@@ -2542,6 +2542,7 @@ const mt = { class: "natural-picker" }, ht = ["onClick"], vt = "__", bt = /* @__
2542
2542
  "input-search": !1,
2543
2543
  "model-value": D(u.value),
2544
2544
  "no-match-text": t(r)("无匹配数据"),
2545
+ "popover-min-width": 130,
2545
2546
  "popover-options": { boundary: "parent", extCls: "__bk-date-picker-popover__" },
2546
2547
  prefix: t(r)("自然日期"),
2547
2548
  "search-placeholder": t(r)("请输入"),
@@ -2563,7 +2564,7 @@ const mt = { class: "natural-picker" }, ht = ["onClick"], vt = "__", bt = /* @__
2563
2564
  v("div", {
2564
2565
  onClick: A[1] || (A[1] = qa(() => {
2565
2566
  }, ["prevent", "stop"])),
2566
- style: { width: "100%", padding: "0 12px", margin: "0 -12px" }
2567
+ class: "natural-custom-option"
2567
2568
  }, [
2568
2569
  c.value === g.id ? (p(), O(t(Wa), {
2569
2570
  key: 0,
@@ -2580,7 +2581,7 @@ const mt = { class: "natural-picker" }, ht = ["onClick"], vt = "__", bt = /* @__
2580
2581
  ref_key: "inputRef",
2581
2582
  ref: i,
2582
2583
  size: "small",
2583
- style: { width: "100%" },
2584
+ style: { width: "150px" },
2584
2585
  type: "number",
2585
2586
  modelValue: s.value,
2586
2587
  "onUpdate:modelValue": A[0] || (A[0] = (P) => s.value = P)
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blueking/date-picker",
3
- "version": "0.0.68",
3
+ "version": "0.0.69",
4
4
  "description": "蓝鲸监控平台日期时间选择",
5
5
  "license": "MIT",
6
6
  "author": "Tencent BlueKing",