x-next 0.0.0-alpha.50 → 0.0.0-alpha.52

package/dist/style.css

@@ -1 +1 @@
-@charset "UTF-8";.x-fade-in-standard-enter-from,.x-fade-in-standard-appear-from{opacity:0}.x-fade-in-standard-enter-to,.x-fade-in-standard-appear-to{opacity:1}.x-fade-in-standard-enter-active,.x-fade-in-standard-appear-active{transition:opacity .3s ease}.x-fade-in-standard-leave-from{opacity:1}.x-fade-in-standard-leave-to{opacity:0}.x-fade-in-standard-leave-active{transition:opacity .3s ease}.x-fade-in-enter-from,.x-fade-in-appear-from{opacity:0}.x-fade-in-enter-to,.x-fade-in-appear-to{opacity:1}.x-fade-in-enter-active,.x-fade-in-appear-active{transition:opacity .2s ease}.x-fade-in-leave-from{opacity:1}.x-fade-in-leave-to{opacity:0}.x-fade-in-leave-active{transition:opacity .2s ease}.x-slide-dynamic-origin-enter-from,.x-slide-dynamic-origin-appear-from{transform:scaleY(.9);transform-origin:0 0;opacity:0}.x-slide-dynamic-origin-enter-to,.x-slide-dynamic-origin-appear-to{transform:scaleY(1);transform-origin:0 0;opacity:1}.x-slide-dynamic-origin-enter-active,.x-slide-dynamic-origin-appear-active{transition:transform .2s ease,opacity .2s ease}.x-slide-dynamic-origin-leave-from{transform:scaleY(1);transform-origin:0 0;opacity:1}.x-slide-dynamic-origin-leave-to{transform:scaleY(.9);transform-origin:0 0;opacity:0}.x-slide-dynamic-origin-leave-active{transition:transform .2s ease,opacity .2s ease}.x-slide-left-enter-from,.x-slide-left-appear-from{transform:translate(-100%)}.x-slide-left-enter-to,.x-slide-left-appear-to{transform:translate(0)}.x-slide-left-enter-active,.x-slide-left-appear-active{transition:transform .3s ease}.x-slide-left-leave-from{transform:translate(0)}.x-slide-left-leave-to{transform:translate(-100%)}.x-slide-left-leave-active{transition:transform .3s ease}.x-slide-right-enter-from,.x-slide-right-appear-from{transform:translate(100%)}.x-slide-right-enter-to,.x-slide-right-appear-to{transform:translate(0)}.x-slide-right-enter-active,.x-slide-right-appear-active{transition:transform .3s ease}.x-slide-right-leave-from{transform:translate(0)}.x-slide-right-leave-to{transform:translate(100%)}.x-slide-right-leave-active{transition:transform .3s ease}.x-slide-top-enter-from,.x-slide-top-appear-from{transform:translateY(-100%)}.x-slide-top-enter-to,.x-slide-top-appear-to{transform:translateY(0)}.x-slide-top-enter-active,.x-slide-top-appear-active{transition:transform .3s ease}.x-slide-top-leave-from{transform:translateY(0)}.x-slide-top-leave-to{transform:translateY(-100%)}.x-slide-top-leave-active{transition:transform .3s ease}.x-slide-bottom-enter-from,.x-slide-bottom-appear-from{transform:translateY(100%)}.x-slide-bottom-enter-to,.x-slide-bottom-appear-to{transform:translateY(0)}.x-slide-bottom-enter-active,.x-slide-bottom-appear-active{transition:transform .3s ease}.x-slide-bottom-leave-from{transform:translateY(0)}.x-slide-bottom-leave-to{transform:translateY(100%)}.x-slide-bottom-leave-active{transition:transform .3s ease}.x-zoom-in-enter-from,.x-zoom-in-appear-from{transform:scale(.5);opacity:0}.x-zoom-in-enter-to,.x-zoom-in-appear-to{transform:scale(1);opacity:1}.x-zoom-in-enter-active,.x-zoom-in-appear-active{transition:opacity .3s ease,transform .3s ease}.x-zoom-in-leave-from{transform:scale(1);opacity:1}.x-zoom-in-leave-to{transform:scale(.5);opacity:0}.x-zoom-in-leave-active{transition:opacity .3s ease,transform .3s ease}.x-zoom-in-fade-out-enter-from,.x-zoom-in-fade-out-appear-from{transform:scale(.5);opacity:0}.x-zoom-in-fade-out-enter-to,.x-zoom-in-fade-out-appear-to{transform:scale(1);opacity:1}.x-zoom-in-fade-out-enter-active,.x-zoom-in-fade-out-appear-active{transition:opacity .3s cubic-bezier(.3,1.3,.3,1),transform .3s cubic-bezier(.3,1.3,.3,1)}.x-zoom-in-fade-out-leave-from{transform:scale(1);opacity:1}.x-zoom-in-fade-out-leave-to{transform:scale(.5);opacity:0}.x-zoom-in-fade-out-leave-active{transition:opacity .3s cubic-bezier(.3,1.3,.3,1),transform .3s cubic-bezier(.3,1.3,.3,1)}.x-zoom-in-big-enter-from,.x-zoom-in-big-appear-from{transform:scale(.5);opacity:0}.x-zoom-in-big-enter-to,.x-zoom-in-big-appear-to{transform:scale(1);opacity:1}.x-zoom-in-big-enter-active,.x-zoom-in-big-appear-active{transition:opacity .2s linear,transform .2s linear}.x-zoom-in-big-leave-from{transform:scale(1);opacity:1}.x-zoom-in-big-leave-to{transform:scale(.2);opacity:0}.x-zoom-in-big-leave-active{transition:opacity .2s linear,transform .2s linear}.x-zoom-in-left-enter-from,.x-zoom-in-left-appear-from{transform:scale(.1);opacity:.1}.x-zoom-in-left-enter-to,.x-zoom-in-left-appear-to{transform:scale(1);opacity:1}.x-zoom-in-left-enter-active,.x-zoom-in-left-appear-active{transform-origin:0 50%;transition:opacity .3s linear,transform .3s ease-in-out}.x-zoom-in-left-leave-from{transform:scale(1);opacity:1}.x-zoom-in-left-leave-to{transform:scale(.1);opacity:.1}.x-zoom-in-left-leave-active{transform-origin:0 50%;transition:opacity .3s linear,transform .3s ease-in-out}.x-zoom-in-top-enter-from,.x-zoom-in-top-appear-from{transform:scaleY(.8) translateZ(0);opacity:0}.x-zoom-in-top-enter-to,.x-zoom-in-top-appear-to{transform:scaleY(1) translateZ(0);opacity:1}.x-zoom-in-top-enter-active,.x-zoom-in-top-appear-active{transform-origin:0 0;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.x-zoom-in-top-leave-from{transform:scaleY(1) translateZ(0);opacity:1}.x-zoom-in-top-leave-to{transform:scaleY(.8) translateZ(0);opacity:0}.x-zoom-in-top-leave-active{transform-origin:0 0;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.x-zoom-in-bottom-enter-from,.x-zoom-in-bottom-appear-from{transform:scaleY(.8) translateZ(0);opacity:0}.x-zoom-in-bottom-enter-to,.x-zoom-in-bottom-appear-to{transform:scaleY(1) translateZ(0);opacity:1}.x-zoom-in-bottom-enter-active,.x-zoom-in-bottom-appear-active{transform-origin:100% 100%;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.x-zoom-in-bottom-leave-from{transform:scaleY(1) translateZ(0);opacity:1}.x-zoom-in-bottom-leave-to{transform:scaleY(.8) translateZ(0);opacity:0}.x-zoom-in-bottom-leave-active{transform-origin:100% 100%;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.x-icon{display:flex;justify-content:center;align-items:center}.x-icon svg{fill:currentcolor;width:1em;height:1em}.x-icon-loading-svg{animation:animated-loading-rotate 1.5s infinite ease-in-out}.x-icon-loading-svg>.path{stroke-width:5;animation:animated-loading 1.5s infinite ease-in-out}@keyframes animated-loading{0%{stroke-dasharray:1,125;stroke-dashoffset:0}50%{stroke-dasharray:95,31;stroke-dashoffset:-31px}to{stroke-dasharray:6,120;stroke-dashoffset:-120px}}@keyframes animated-loading-rotate{to{transform:rotate(1turn)}}[opacity~=".1"]{opacity:.1}[opacity~=".2"]{opacity:.2}[opacity~=".3"]{opacity:.3}[opacity~=".4"]{opacity:.4}[opacity~=".5"]{opacity:.5}[opacity~=".6"]{opacity:.6}[opacity~=".7"]{opacity:.7}[opacity~=".8"]{opacity:.8}[opacity~=".9"]{opacity:.9}:root{--x-primary: rgb(0 86 255 / 100%);--x-success: rgb(36 195 65 / 100%);--x-danger: rgb(241 37 37 / 100%);--x-strong: rgb(255 113 37 / 100%);--x-warning: rgb(255 166 0 / 100%);--x-info: rgb(25 25 25 / 100%);--x-primary-1: rgb(0 70 208 / 100%);--x-primary-3: rgb(0 77 229 / 100%);--x-primary-6: rgb(0 77 229 / 30%);--x-primary-8: rgb(0 86 255 / 18%);--x-primary-9: rgb(0 86 255 / 5%);--x-success-1: rgb(36 195 65 / 100%);--x-success-8: rgb(46 212 169 / 18%);--x-success-9: rgb(46 212 169 / 5%);--x-danger-1: rgb(191 23 23 / 100%);--x-danger-3: rgb(216 33 33 / 100%);--x-dander-6: rgb(191 23 23 / 30%);--x-danger-8: rgb(241 37 37 / 18%);--x-danger-9: rgb(241 37 37 / 5%);--x-strong-8: rgb(255 113 37 / 18%);--x-strong-9: rgb(255 113 37 / 5%);--x-warning-8: rgb(255 196 32 / 18%);--x-warning-9: rgb(255 196 32 / 5%);--x-color-1: rgb(36 41 52 / 100%);--x-color-2: rgb(100 107 122 / 100%);--x-color-3: rgb(156 166 185 / 100%);--x-color-4: rgb(188 196 214 / 100%);--x-color-5: rgb(225 228 232 / 100%);--x-color-6: rgb(237 241 246 / 100%);--x-color-7: rgb(245 247 251 / 100%);--x-color-white: rgb(255 255 255 / 100%);--x-font-size: 14px;--x-text-color: var(--x-color-2);--x-border-color: var(--x-color-5);--x-background-color: var(--x-color-7);--x-text-gray: rgb(36 41 52 / 100%);--x-text-gray-1: rgb(100 107 122 / 100%);--x-text-gray-2: rgb(156 166 185 / 100%);--x-disabled-color: rgb(156 166 185 / 100%);--x-disabled-bgc: rgb(250 251 253 / 100%);--x-disabled-bc: rgb(225 228 232 / 100%);--x-hover-bgc: rgb(248 250 255 / 100%);--x-hover-color: var(--x-primary);--x-hover-bc: rgb(188 196 214 / 100%);--x-select-color: var(--x-primary);--x-select-bgc: rgb(248 250 255 / 100%);--x-select-bc: var(--x-primary);--x-focus-bc: var(--x-primary);--x-bgc: rgb(245 247 251 / 100%);--x-fs-small: 12px;--x-fs: 14px;--x-fs-large: 16px;--x-split-color: rgb(237 241 246 / 100%);--x-bc: rgb(237 241 246 / 100%);--x-size-mini: 24px;--x-size-small: 28px;--x-size-medium: 32px;--x-size-large: 36px;--x-size-huge: 40px}.x-button{--x-button-width: auto;--x-button-font-weight: 400;--x-button-opacity: 1;--x-button-border-style: solid;--x-button-border-color: transparent;--x-button-background-color: rgb(241 241 241);--x-button-text-color: rgb(81 81 81);--x-button-padding: 0 0;--x-button-mini-height: var(--x-size-mini);--x-button-mini-font-size: 12px;--x-button-mini-padding: 0 8px;--x-button-mini-border-radius: 4px;--x-button-small-height: var(--x-size-small);--x-button-small-font-size: 13px;--x-button-small-padding: 0 10px;--x-button-small-border-radius: 4px;--x-button-medium-height: var(--x-size-medium);--x-button-medium-font-size: 14px;--x-button-medium-padding: 0 14px;--x-button-medium-border-radius: 4px;--x-button-large-height: var(--x-size-large);--x-button-large-font-size: 14px;--x-button-large-padding: 0 20px;--x-button-large-border-radius: 6px;--x-button-huge-height: var(--x-size-huge);--x-button-huge-font-size: 16px;--x-button-huge-font-weight: 400;--x-button-huge-padding: 0 28px;--x-button-huge-border-radius: 4px;--x-button-theme-color-default: #000}.x-button{position:relative;display:inline-flex;justify-content:center;align-items:center;overflow:hidden;margin:0;border-style:var(--x-button-border-style);border-width:1px;border-color:var(--x-button-border-color);border-radius:var(--x-button-border-radius);padding:var(--x-button-padding);width:var(--x-button-width);height:var(--x-button-height);font-size:var(--x-button-font-size);font-weight:var(--x-button-font-weight);white-space:nowrap;color:var(--x-button-text-color);background-color:var(--x-button-background-color);opacity:var(--x-button-opacity);outline:none;transition:all .1s cubic-bezier(0,0,1,1);box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;vertical-align:bottom;cursor:pointer}.x-button:before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;background:#ffffff4d;border-radius:50%;transform:scale(0);transform-origin:center;opacity:0;transition:opacity .2s}.x-button:active:before{transform:scale(3);opacity:1;transition:opacity .1s}.x-button--prefix{margin-right:4px}.x-button--suffix{margin-left:4px}.x-button-dashed{--x-button-border-color: var(--x-button-text-color);--x-button-border-style: dashed}.x-button-outline{--x-button-border-color: var(--x-button-text-color);--x-button-border-style: solid}.x-button-is-disabled{--x-button-opacity: .4;cursor:not-allowed}.x-button-block{display:flex;width:100%}.x-button-loading{--x-button-opacity: .76}.x-button-mini{--x-button-height: var(--x-button-mini-height);--x-button-font-size: var(--x-button-mini-font-size);--x-button-padding: var(--x-button-mini-padding);--x-button-border-radius: var(--x-button-mini-border-radius)}.x-button-small{--x-button-height: var(--x-button-small-height);--x-button-font-size: var(--x-button-small-font-size);--x-button-padding: var(--x-button-small-padding);--x-button-border-radius: var(--x-button-small-border-radius)}.x-button-medium{--x-button-height: var(--x-button-medium-height);--x-button-font-size: var(--x-button-medium-font-size);--x-button-padding: var(--x-button-medium-padding);--x-button-border-radius: var(--x-button-medium-border-radius)}.x-button-circle{border-radius:50%;padding:0;--x-button-width: var(--x-button-height)}.x-button-large{--x-button-height: var(--x-button-large-height);--x-button-font-size: var(--x-button-large-font-size);--x-button-padding: var(--x-button-large-padding);--x-button-border-radius: var(--x-button-large-border-radius)}.x-button-huge{--x-button-height: var(--x-button-huge-height);--x-button-font-size: var(--x-button-huge-font-size);--x-button-font-weight: var(--x-button-huge-font-weight);--x-button-padding: var(--x-button-huge-padding);--x-button-border-radius: var(--x-button-huge-border-radius)}.x-button-plain{--x-button-font-weight: 500}.x-button-plain.x-button-success.x-button--success{--x-button-text-color: var(--x-success);--x-button-background-color: var(--x-success-9);--x-button-border-color: var(--x-success)}.x-button-plain.x-button-success.x-button--success:not(.is-disabled):hover{--x-button-text-color: #fff;--x-button-background-color: var(--x-success);--x-button-border-color: var(--x-success)}.x-button-plain.x-button-success.x-button--success:not(.is-disabled):active{--x-button-text-color: #fff;--x-button-background-color: var(--x-success-1);--x-button-border-color: var(--x-success)}.x-button-plain.x-button-warning{--x-button-text-color: var(--x-warning);--x-button-background-color: var(--x-warning-9);--x-button-border-color: var(--x-warning)}.x-button-plain.x-button-warning:not(.is-disabled):hover{--x-button-text-color: #fff;--x-button-background-color: var(--x-warning);--x-button-border-color: var(--x-warning)}.x-button-plain.x-button-warning:not(.is-disabled):active{--x-button-text-color: #fff;--x-button-background-color: var(--x-warning);--x-button-border-color: var(--x-warning)}.x-button-plain.x-button-strong{--x-button-text-color: var(--x-strong);--x-button-background-color: var(--x-strong-9);--x-button-border-color: var(--x-strong)}.x-button-plain.x-button-strong:not(.is-disabled):hover{--x-button-text-color: #fff;--x-button-background-color: var(--x-strong);--x-button-border-color: var(--x-strong)}.x-button-plain.x-button-strong:not(.is-disabled):active{--x-button-text-color: #fff;--x-button-background-color: var(--x-strong);--x-button-border-color: var(--x-strong)}.x-button-plain.x-button-danger{--x-button-text-color: var(--x-danger);--x-button-background-color: var(--x-danger-9);--x-button-border-color: var(--x-danger)}.x-button-plain.x-button-danger:not(.is-disabled):hover{--x-button-text-color: #fff;--x-button-background-color: var(--x-danger);--x-button-border-color: var(--x-danger)}.x-button-plain.x-button-danger:not(.is-disabled):active{--x-button-text-color: #fff;--x-button-background-color: var(--x-danger-1);--x-button-border-color: var(--x-danger-1)}.x-button-round{--x-button-border-radius: var(--x-button-height);height:var(--x-button-height)}.x-button-circle{--x-button-padding: 0;--x-button-border-radius: 100%;width:var(--x-button-height);height:var(--x-button-height)}.x-button-text{--x-button-background-color: transparent}.x-button-text.x-button-default{--x-button-text-color: var(--x-primary);--x-button-background-color: transparent;--x-button-border-color: transparent}.x-button-text.x-button-default:not(.is-disabled):hover{--x-button-text-color: var(--x-primary);--x-button-background-color: transparent;--x-button-border-color: transparent}.x-button-text.x-button-default:not(.is-disabled):active{--x-button-text-color: var(--x-primary);--x-button-background-color: transparent;--x-button-border-color: transparent}.x-button-text.x-button-success{--x-button-text-color: var(--x-success);--x-button-background-color: transparent;--x-button-border-color: transparent}.x-button-text.x-button-success:not(.is-disabled):hover{--x-button-text-color: var(--x-success);--x-button-background-color: transparent;--x-button-border-color: transparent}.x-button-text.x-button-success:not(.is-disabled):active{--x-button-text-color: var(--x-success);--x-button-background-color: transparent;--x-button-border-color: transparent}.x-button-text.x-button-warning{--x-button-text-color: var(--x-warning);--x-button-background-color: transparent;--x-button-border-color: transparent}.x-button-text.x-button-warning:not(.is-disabled):hover{--x-button-text-color: var(--x-warning);--x-button-background-color: transparent;--x-button-border-color: transparent}.x-button-text.x-button-warning:not(.is-disabled):active{--x-button-text-color: var(--x-warning);--x-button-background-color: transparent;--x-button-border-color: transparent}.x-button-text.x-button-strong{--x-button-text-color: var(--x-strong);--x-button-background-color: transparent;--x-button-border-color: transparent}.x-button-text.x-button-strong:not(.is-disabled):hover{--x-button-text-color: var(--x-strong);--x-button-background-color: transparent;--x-button-border-color: transparent}.x-button-text.x-button-strong:not(.is-disabled):active{--x-button-text-color: var(--x-strong);--x-button-background-color: transparent;--x-button-border-color: transparent}.x-button-text.x-button-danger{--x-button-text-color: var(--x-danger);--x-button-background-color: transparent;--x-button-border-color: transparent}.x-button-text.x-button-danger:not(.is-disabled):hover{--x-button-text-color: var(--x-danger);--x-button-background-color: transparent;--x-button-border-color: transparent}.x-button-text.x-button-danger:not(.is-disabled):active{--x-button-text-color: var(--x-danger);--x-button-background-color: transparent;--x-button-border-color: transparent}.x-button-text.x-button-info{--x-button-text-color: var(--x-info);--x-button-background-color: transparent;--x-button-border-color: transparent}.x-button-text.x-button-info:not(.is-disabled):hover{--x-button-text-color: var(--x-info);--x-button-background-color: transparent;--x-button-border-color: transparent}.x-button-text.x-button-info:not(.is-disabled):active{--x-button-text-color: var(--x-info);--x-button-background-color: transparent;--x-button-border-color: transparent}.x-button-hide-border{--x-button-font-weight: 500}.x-button-hide-border.x-button-primary{--x-button-text-color: var(--x-primary);--x-button-background-color: var(--x-primary-9);--x-button-border-color: transparent}.x-button-hide-border.x-button-primary:not(.is-disabled):hover{--x-button-text-color: var(--x-primary);--x-button-background-color: var(--x-primary-9);--x-button-border-color: var(--x-primary-6)}.x-button-hide-border.x-button-primary:not(.is-disabled):active{--x-button-text-color: var(--x-primary);--x-button-background-color: var(--x-primary-9);--x-button-border-color: var(--x-primary-1)}.x-button-hide-border.x-button-danger{--x-button-text-color: var(--x-danger);--x-button-background-color: var(--x-danger-9);--x-button-border-color: transparent}.x-button-hide-border.x-button-danger:not(.is-disabled):hover{--x-button-text-color: var(--x-danger);--x-button-background-color: var(--x-danger-9);--x-button-border-color: var(--x-danger-6)}.x-button-hide-border.x-button-danger:not(.is-disabled):active{--x-button-text-color: var(--x-danger);--x-button-background-color: var(--x-danger-9);--x-button-border-color: var(--x-danger-1)}.x-button-hide-border.x-button-success{--x-button-text-color: var(--x-success);--x-button-background-color: var(--x-success-9);--x-button-border-color: transparent}.x-button-hide-border.x-button-success:not(.is-disabled):hover{--x-button-text-color: var(--x-success);--x-button-background-color: var(--x-success-9);--x-button-border-color: var(--x-success-6)}.x-button-hide-border.x-button-success:not(.is-disabled):active{--x-button-text-color: var(--x-success);--x-button-background-color: var(--x-success-9);--x-button-border-color: var(--x-success-1)}.x-button-hide-border.x-button-warning{--x-button-text-color: var(--x-warning);--x-button-background-color: var(--x-warning-9);--x-button-border-color: transparent}.x-button-hide-border.x-button-warning:not(.is-disabled):hover{--x-button-text-color: var(--x-warning);--x-button-background-color: var(--x-warning-9);--x-button-border-color: var(--x-warning-6)}.x-button-hide-border.x-button-warning:not(.is-disabled):active{--x-button-text-color: var(--x-warning);--x-button-background-color: var(--x-warning-9);--x-button-border-color: var(--x-warning-1)}.x-button-hide-border.x-button-strong{--x-button-text-color: var(--x-strong);--x-button-background-color: var(--x-strong-9);--x-button-border-color: transparent}.x-button-hide-border.x-button-strong:not(.is-disabled):hover{--x-button-text-color: var(--x-strong);--x-button-background-color: var(--x-strong-9);--x-button-border-color: var(--x-strong-6)}.x-button-hide-border.x-button-strong:not(.is-disabled):active{--x-button-text-color: var(--x-strong);--x-button-background-color: var(--x-strong-9);--x-button-border-color: var(--x-strong-1)}.x-button-success{--x-button-default-modifier-text-color: var(--x-success);--x-button-default-modifier-bg-color: rgb(36 195 65 / 10%)}.x-button-success{--x-button-text-color: var(--x-button-default-modifier-text-color);--x-button-background-color: var(--x-button-default-modifier-bg-color);--x-button-border-color: transparent}.x-button-success:not(.is-disabled):hover{--x-button-text-color: var(--x-button-default-modifier-text-color);--x-button-background-color: var(--x-button-default-modifier-bg-color);--x-button-border-color: transparent}.x-button-success:not(.is-disabled):active{--x-button-text-color: var(--x-button-default-modifier-text-color);--x-button-background-color: var(--x-button-default-modifier-bg-color);--x-button-border-color: transparent}.x-button-danger{--x-button-default-modifier-text-color: var(--x-danger);--x-button-default-modifier-bg-color: rgb(241 37 37 / 10%)}.x-button-danger{--x-button-text-color: var(--x-button-default-modifier-text-color);--x-button-background-color: var(--x-button-default-modifier-bg-color);--x-button-border-color: transparent}.x-button-danger:not(.is-disabled):hover{--x-button-text-color: var(--x-button-default-modifier-text-color);--x-button-background-color: var(--x-button-default-modifier-bg-color);--x-button-border-color: transparent}.x-button-danger:not(.is-disabled):active{--x-button-text-color: var(--x-button-default-modifier-text-color);--x-button-background-color: var(--x-button-default-modifier-bg-color);--x-button-border-color: transparent}.x-button-strong{--x-button-default-modifier-text-color: var(--x-strong);--x-button-default-modifier-bg-color: rgb(255 113 37 / 10%)}.x-button-strong{--x-button-text-color: var(--x-button-default-modifier-text-color);--x-button-background-color: var(--x-button-default-modifier-bg-color);--x-button-border-color: transparent}.x-button-strong:not(.is-disabled):hover{--x-button-text-color: var(--x-button-default-modifier-text-color);--x-button-background-color: var(--x-button-default-modifier-bg-color);--x-button-border-color: transparent}.x-button-strong:not(.is-disabled):active{--x-button-text-color: var(--x-button-default-modifier-text-color);--x-button-background-color: var(--x-button-default-modifier-bg-color);--x-button-border-color: transparent}.x-button-warning{--x-button-default-modifier-text-color: var(--x-warning);--x-button-default-modifier-bg-color: rgb(255 199 0 / 10%)}.x-button-warning{--x-button-text-color: var(--x-button-default-modifier-text-color);--x-button-background-color: var(--x-button-default-modifier-bg-color);--x-button-border-color: transparent}.x-button-warning:not(.is-disabled):hover{--x-button-text-color: var(--x-button-default-modifier-text-color);--x-button-background-color: var(--x-button-default-modifier-bg-color);--x-button-border-color: transparent}.x-button-warning:not(.is-disabled):active{--x-button-text-color: var(--x-button-default-modifier-text-color);--x-button-background-color: var(--x-button-default-modifier-bg-color);--x-button-border-color: transparent}.x-button-info{--x-button-default-modifier-text-color: rgb(25 25 25 / 80%);--x-button-default-modifier-bg-color: rgb(241 241 241 / 60%)}.x-button-info{--x-button-text-color: var(--x-button-default-modifier-text-color);--x-button-background-color: var(--x-button-default-modifier-bg-color);--x-button-border-color: transparent}.x-button-info:not(.is-disabled):hover{--x-button-text-color: var(--x-button-default-modifier-text-color);--x-button-background-color: var(--x-button-default-modifier-bg-color);--x-button-border-color: transparent}.x-button-info:not(.is-disabled):active{--x-button-text-color: var(--x-button-default-modifier-text-color);--x-button-background-color: var(--x-button-default-modifier-bg-color);--x-button-border-color: transparent}.x-button-primary.x-button-primary{--x-button-text-color: #fff;--x-button-background-color: var(--x-primary);--x-button-border-color: var(--x-primary)}.x-button-primary.x-button-primary:not(.is-disabled):hover{--x-button-text-color: #fff;--x-button-background-color: var(--x-primary-3);--x-button-border-color: var(--x-primary-3)}.x-button-primary.x-button-primary:not(.is-disabled):active{--x-button-text-color: #fff;--x-button-background-color: var(--x-primary-1);--x-button-border-color: var(--x-primary-1)}.x-button-primary.x-button-success{--x-button-text-color: #fff;--x-button-background-color: var(--x-success);--x-button-border-color: var(--x-success)}.x-button-primary.x-button-success:not(.is-disabled):hover{--x-button-text-color: #fff;--x-button-background-color: var(--x-success);--x-button-border-color: var(--x-success)}.x-button-primary.x-button-success:not(.is-disabled):active{--x-button-text-color: #fff;--x-button-background-color: var(--x-success);--x-button-border-color: var(--x-success)}.x-button-primary.x-button-danger{--x-button-text-color: #fff;--x-button-background-color: var(--x-danger);--x-button-border-color: var(--x-danger)}.x-button-primary.x-button-danger:not(.is-disabled):hover{--x-button-text-color: #fff;--x-button-background-color: var(--x-danger-3);--x-button-border-color: var(--x-danger-3)}.x-button-primary.x-button-danger:not(.is-disabled):active{--x-button-text-color: #fff;--x-button-background-color: var(--x-danger-1);--x-button-border-color: var(--x-danger-1)}.x-button-primary.x-button-strong{--x-button-text-color: #fff;--x-button-background-color: var(--x-strong);--x-button-border-color: var(--x-strong)}.x-button-primary.x-button-strong:not(.is-disabled):hover{--x-button-text-color: #fff;--x-button-background-color: var(--x-strong);--x-button-border-color: var(--x-strong)}.x-button-primary.x-button-strong:not(.is-disabled):active{--x-button-text-color: #fff;--x-button-background-color: var(--x-strong);--x-button-border-color: var(--x-strong)}.x-button-primary.x-button-warning{--x-button-text-color: #fff;--x-button-background-color: var(--x-warning);--x-button-border-color: var(--x-warning)}.x-button-primary.x-button-warning:not(.is-disabled):hover{--x-button-text-color: #fff;--x-button-background-color: var(--x-warning);--x-button-border-color: var(--x-warning)}.x-button-primary.x-button-warning:not(.is-disabled):active{--x-button-text-color: #fff;--x-button-background-color: var(--x-warning);--x-button-border-color: var(--x-warning)}.x-button-primary.x-button-info{--x-button-text-color: rgb(25 25 25);--x-button-background-color: #f1f1f1;--x-button-border-color: transparent}.x-button--loading{display:flex;transition:all .2s ease}.x-button--content{display:flex}.x-button-group{display:flex;width:min-content}.x-button-group>.x-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.x-button-group>.x-button:last-child{margin-left:-1px;border-left-color:#ffffff80;border-top-left-radius:0;border-bottom-left-radius:0}.x-button-group>.x-button:not(:first-child,:last-child){margin-left:-1px;border-right-color:#ffffff80;border-left-color:#ffffff80;border-radius:0}.x-drawer{--x-drawer-mask-background-color: rgb(29 33 41 / 60%);--x-drawer-icon-color: rgb(88 88 88);--x-drawer-icon-color-dark: #363636;--x-drawer-border-color: #eeeeee;position:fixed;top:0;right:0;bottom:0;left:0}.x-drawer--mask{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--x-drawer-mask-background-color)}.x-drawer--container{position:absolute;overflow:auto;background-color:#fff;box-shadow:-10px 0 40px #646b7a26}.x-drawer--container.is-right{top:0;right:0;bottom:0}.x-drawer--container.is-left{top:0;bottom:0;left:0}.x-drawer--container.is-top{top:0;right:0;left:0}.x-drawer--container.is-bottom{right:0;bottom:0;left:0}.x-drawer--close-icon{position:absolute;top:18px;right:20px;width:18px;height:18px;color:var(--x-drawer-icon-color);cursor:pointer;transition:transform .3s ease}.x-drawer--close-icon:hover{color:var(--x-drawer-icon-color-dark);transform:rotate(90deg)}.x-drawer--header{border-bottom:1px solid var(--x-drawer-border-color);padding-left:20px;height:55px;box-sizing:border-box;line-height:55px}.x-drawer--title{font-size:16px;font-weight:500;color:#242934;line-height:1}.x-drawer--footer{display:flex;align-items:center;justify-content:flex-end;margin-top:auto;padding:0 20px;height:55px;background:#fff;border-top:1px solid var(--x-drawer-border-color);box-sizing:border-box}.x-dialog{--x-mask-background-color: rgb(29 33 41 / 60%);--x-dialog-radius: 6px}.x-dialog{position:fixed;top:0;right:0;bottom:0;left:0}.x-dialog--mask{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--x-mask-background-color)}.x-dialog--wrapper{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;text-align:center}.x-dialog--wrapper.is-center{display:flex;justify-content:center;align-items:center}.x-dialog--container{position:relative;display:inline-block;overflow:hidden;border-radius:var(--x-dialog-radius);background-color:#fff;transition:all .15s}.x-dialog--container.is-fullscreen{display:inline-flex;border-radius:0;width:100%;height:100%;flex-direction:column;vertical-align:middle}.x-dialog--container.is-fullscreen .x-dialog--footer{margin-top:auto}.x-dialog--header{position:relative;padding:30px 48px 0 25px;text-align:left;box-sizing:border-box}.x-dialog--header-title{overflow:hidden;font-size:18px;font-weight:700;text-overflow:ellipsis;white-space:nowrap;line-height:1}.x-dialog--header.is-bottom-line{border-bottom:1px solid var(--x-split-color);padding-bottom:20px}.x-dialog--body{padding:15px 25px;box-sizing:border-box;text-align:left}.x-dialog--content{line-height:1.5;color:#363636}.x-dialog--footer{display:flex;justify-content:flex-end;padding:0 18px 18px 25px}.x-dialog--close-icon{position:absolute;top:18px;right:18px;width:16px;height:16px;cursor:pointer;transition:background-color .5s ease}.x-dialog--close-icon:hover{background-color:#d5d9da;transition:background-color .5s ease}.x-dialog--close-icon:hover:before,.x-dialog--close-icon:hover:after{background-color:#fff;transition:background-color .5s ease}.x-dialog--close-icon:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:1px;height:100%;background-color:#9ca6b9;transition:background-color .5s ease}.x-dialog--close-icon:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);width:1px;height:100%;background-color:#9ca6b9;transition:background-color .5s ease}.x-image{position:relative;display:inline-block;border-radius:8px}.x-image--img{vertical-align:middle;border-radius:inherit}.x-image-overlay{position:absolute;top:0;left:0;width:100%;height:100%}.x-image--footer{display:flex;width:100%;max-width:100%}.x-image--footer-caption{flex:1 1 auto}.x-image--footer-caption-title{font-weight:600;font-size:18px}.x-image--footer-caption-description{font-size:14px}.x-image--footer-extra{flex:0 0 auto;padding-left:12px}.x-image--with-footer-inner .x-image-footer{position:absolute;bottom:0;left:0;align-items:center;box-sizing:border-box;padding:10px 12px;color:#fff;background:#00000080;border-bottom-right-radius:8px;border-bottom-left-radius:8px}.x-image--with-footer-inner .x-image-footer-caption-title{color:#ddd}.x-image--with-footer-inner .x-image-footer-caption-description{color:#aaa}.x-image--with-footer-outer .x-image-footer{margin-top:20px;color:#222}.x-image--with-footer-outer .x-image-footer-caption-title{color:#444}.x-image--with-footer-outer .x-image-footer-caption-description{color:#666}.x-image--error{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:100%;color:#fff;background-color:#f44336}.x-image--error-icon{width:24px;max-width:100%;height:24px;max-height:100%}.x-image--error-icon>svg{width:100%;height:100%}.x-image--error-alt{padding:8px 16px;font-size:12px;line-height:1.5;text-align:center}.x-image--loader{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080}.x-image--loader-spin{position:absolute;top:50%;left:50%;color:#fff;font-size:16px;text-align:center;transform:translate(-50%,-50%)}.x-image--loader-spin-text{color:#fff;font-size:12px}.x-image--simple.x-image-with-footer-inner .x-image-footer{padding:12px 16px}.x-image--loading .x-image-img,.x-image--loading-error .x-image-img{visibility:hidden}.x-image-preview{position:fixed;top:0;left:0;z-index:1000;width:100%;height:100%}.x-image-preview-hide{display:none}.x-image-preview .x-image-preview--mask,.x-image-preview .x-image-preview--wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.x-image-preview--mask{background-color:#000000b3}.x-image-preview--img-container{width:100%;height:100%;text-align:center}.x-image-preview--img-container:before{display:inline-block;width:0;height:100%;vertical-align:middle;content:""}.x-image-preview--img-container .x-image-preview--img{display:inline-block;max-width:100%;max-height:100%;vertical-align:middle;cursor:grab;-webkit-user-select:none;user-select:none}.x-image-preview--img-container .x-image-preview--img.x-image-preview-img-moving{cursor:grabbing}.x-image-preview--scale-value{box-sizing:border-box;padding:10px 12px;color:#fff;font-size:14px;line-height:initial;background-color:#00000080;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.x-image-preview--toolbar{position:absolute;bottom:46px;left:50%;display:flex;align-items:flex-start;padding:4px 16px;background-color:#fff;border-radius:5px;transform:translate(-50%)}.x-image-preview--toolbar-action{display:flex;align-items:center;color:#4e5969;font-size:14px;background-color:transparent;border-radius:2px;cursor:pointer}.x-image-preview--toolbar-action:not(:last-of-type){margin-right:10px}.x-image-preview--toolbar-action:hover{color:#f1f1f1;background-color:#555}.x-image-preview--toolbar-action-disabled,.x-image-preview--toolbar-action-disabled:hover{color:#aaa;background-color:#222;cursor:not-allowed}.x-image-preview--toolbar-action-name{padding-right:8px;font-size:12px}.x-image-preview--toolbar-action--content{padding:13px;line-height:1}.x-image-preview--loading{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:40px;height:40px;padding:8px;color:#fff;font-size:16px;background-color:#666;border-radius:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.x-image-preview--close-btn{position:absolute;top:10px;right:10px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;color:#fff;font-size:18px;line-height:30px;text-align:center;background:#000000b3;border-radius:50%;cursor:pointer}.x-image-preview--arrow--left,.x-image-preview--arrow--right{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;width:30px;height:30px;color:#fff;background-color:#00000080;border-radius:50%;cursor:pointer}.x-image-preview--arrow--left>svg,.x-image-preview--arrow--right>svg{color:#fff;font-size:20px}.x-image-preview--arrow--left:hover,.x-image-preview--arrow--right:hover{background-color:#000000b3}.x-image-preview--arrow--left{top:50%;left:15px;transform:translateY(-50%)}.x-image-preview--arrow--right{top:50%;right:15px;transform:translateY(-50%)}.x-image-preview--arrow-disabled{color:#aaa;background-color:#0000004d;cursor:not-allowed}.x-image-preview--arrow-disabled>svg{color:#aaa}.x-image-preview--arrow-disabled:hover{background-color:#0000004d}.x-image-fade-enter-from,.x-image-fade-leave-to{opacity:0}.x-image-fade-enter-to,.x-image-fade-leave-from{opacity:1}.x-image-fade-enter-active,.x-image-fade-leave-active{transition:opacity .4s cubic-bezier(.3,1.3,.3,1)}.x-image-trigger{padding:6px 4px;background:red;border:1px solid #666666;border-radius:4px}.x-image-trigger--arrow{background-color:#999;border:1px solid #888}.x-message{--x-message-height: 36px;--x-message-width: 360px;--x-border-radius: 4px;--x-border-color: var(--x-info-border-color);--x-success-background-color: #f2f9ec;--x-success-color: #7ebf50;--x-warning-background-color: #fdf6ec;--x-warning-color: #e6a23c;--x-strong-background-color: #fff5f0;--x-strong-color: #ff7125;--x-error-background-color: #fef0f0;--x-error-color: #f56c6c;--x-info-background-color: #f4f4f5;--x-info-color: var(--x-primary);position:fixed;left:50%;display:flex;align-items:center;border-radius:var(--x-border-radius);padding:12px 16px 12px 12px;background-color:#fff;font-weight:500;color:#000000e0;transition:all .3s ease;box-sizing:border-box;transform:translate(-50%);box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d}.x-message--icon{margin-right:6px;font-size:18px}.x-message--show-close{justify-content:space-between}.x-message--close-icon{position:relative;display:inline-block;border-radius:100%;width:16px;height:16px;cursor:pointer}.x-message--close-icon:hover{background-color:#c5c9d4}.x-message--close-icon:hover:before,.x-message--close-icon:hover:after{height:70%;background-color:#fff}.x-message--close-icon:before{position:absolute;top:50%;left:50%;width:1px;height:70%;background-color:#bfc5d2;transition:background-color .2s;content:"";transform:translate(-50%,-50%) rotate(45deg)}.x-message--close-icon:after{position:absolute;top:50%;left:50%;width:1px;height:70%;background-color:#bfc5d2;transition:background-color .2s;content:"";transform:translate(-50%,-50%) rotate(-45deg)}.x-message-icon-success{color:var(--x-success-color)}.x-message-icon-warning{color:var(--x-warning-color)}.x-message-icon-strong{color:var(--x-strong-color)}.x-message-icon-error{color:var(--x-error-color)}.x-message-icon-info{color:var(--x-info-color)}.x-message-center{justify-content:center}.x-message-slide-top-enter-from,.x-message-slide-top-leave-to{opacity:0;transform:translate(-50%,-100%)}.x-message-slide-top-enter-to{opacity:1;transform:translate(-50%)}.x-message-box--header{padding:25px 0 10px;line-height:1;display:flex;justify-content:center;align-items:center}.x-message-box--body{padding:0 25px;box-sizing:border-box;text-align:center}.x-message-box--footer{padding:15px 0 20px;box-sizing:border-box}.x-message-box--icon{margin-right:4px}.x-message-box--title{font-size:18px;font-weight:600;color:#242934;line-height:1}.x-message-box--content{font-size:15px;font-weight:400;color:#363636;line-height:1.5}.x-message-box--close-icon{top:28px;right:20px}.x-notification{position:relative;border-radius:8px;padding:15px;width:338px;background:#fff;box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d;box-sizing:border-box}.x-notification-top{transition:top .2s,transform .2s ease,opacity .2s}.x-notification-bottom{transition:bottom .2s,transform .2s ease,opacity .2s}.x-notification--icon{font-size:22px;margin-right:8px}.x-notification-icon-info{color:var(--x-primary)}.x-notification-icon-success{color:var(--x-success)}.x-notification-icon-warning{color:var(--x-warning)}.x-notification-icon-strong{color:var(--x-strong)}.x-notification-icon-error{color:var(--x-danger)}.x-notification--header{display:inline-flex}.x-notification--title{font-size:18px;font-weight:600;color:#242934;line-height:22px;height:22px}.x-notification--message{box-sizing:border-box;margin-top:6px;font-size:14px;font-weight:400;color:#565656;line-height:1.6}.x-notification--close-icon{position:absolute;top:20px;right:20px;width:14px;height:14px;cursor:pointer}.x-notification--close-icon:hover{background-color:#d5d9da;transition:background-color .5s ease}.x-notification--close-icon:hover:before,.x-notification--close-icon:hover:after{background-color:#fff;transition:background-color .5s ease}.x-notification--close-icon:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:1px;height:100%;background-color:#9ca6b9}.x-notification--close-icon:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);width:1px;height:100%;background-color:#9ca6b9}.x-notification-slide-right-enter-from{transform:translate(100%)}.x-notification-slide-right-enter-to{transform:translate(0)}.x-notification-slide-left-enter-from{transform:translate(-100%)}.x-notification-slide-left-enter-to{transform:translate(0)}.x-notification-slide-right-leave-from,.x-notification-slide-left-leave-from{opacity:1}.x-notification-slide-right-leave-to,.x-notification-slide-left-leave-to{opacity:0}.x-popconfirm{display:flex;justify-content:center;align-items:center;border-radius:8px;padding:12px 10px;background-color:#fff;box-shadow:0 5px 12px 3px #2c303733;box-sizing:border-box;flex-direction:column;--x-popconfirm-icon-color: var(--x-danger)}.x-popconfirm--content{display:flex;align-items:center;width:100%;line-height:1}.x-popconfirm--title{flex-grow:1;margin-left:4px;font-size:13px;color:var(--x-color-1)}.x-popconfirm--footer{margin-top:10px}.x-popconfirm--icon{color:var(--x-popconfirm-icon-color)}.x-popconfirm-warning{--x-popconfirm-icon-color: var(--x-warning)}.x-popconfirm-success{--x-popconfirm-icon-color: var(--x-success)}.x-popconfirm-primary{--x-popconfirm-icon-color: var(--x-primary)}.x-popconfirm-strong{--x-popconfirm-icon-color: var(--x-strong)}.x-popconfirm-danger{--x-popconfirm-icon-color: var(--x-danger)}.x-popup{--x-mask-background-color: rgb(29 33 41 / 60%);--x-popup-radius: 6px}.x-popup{position:fixed;top:0;right:0;bottom:0;left:0}.x-popup--mask{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--x-mask-background-color)}.x-popup--wrapper{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto}.x-popup--wrapper.is-center{display:flex;justify-content:center;align-items:center}.x-popup--container{position:relative;left:50%;display:inline-block;overflow:hidden;border-radius:var(--x-popup-radius);background-color:#fff;transform:translate(-50%);transition:all .15s}.x-popup--container.is-fullscreen{display:inline-flex;border-radius:0;width:100%;height:100%;flex-direction:column;vertical-align:middle}.x-popup--container.is-fullscreen .x-popup--footer{margin-top:auto}.x-popup--header{position:relative;padding:30px 48px 0 25px;text-align:left;box-sizing:border-box}.x-popup--header-title{overflow:hidden;font-size:18px;font-weight:700;text-overflow:ellipsis;white-space:nowrap;line-height:1}.x-popup--header.is-bottom-line{border-bottom:1px solid var(--x-split-color);padding-bottom:20px}.x-popup--body{padding:15px 25px;box-sizing:border-box;text-align:left}.x-popup--content{line-height:1.5;color:#363636}.x-popup--footer{display:flex;justify-content:flex-end;padding:0 18px 18px 25px}.x-popup--close-icon{position:absolute;top:20px;right:18px;width:16px;height:16px;cursor:pointer;transition:background-color .5s ease}.x-popup--close-icon:hover{background-color:#d5d9da;transition:background-color .5s ease}.x-popup--close-icon:hover:before,.x-popup--close-icon:hover:after{background-color:#fff;transition:background-color .5s ease}.x-popup--close-icon:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:1px;height:100%;background-color:#9ca6b9;transition:background-color .5s ease}.x-popup--close-icon:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);width:1px;height:100%;background-color:#9ca6b9;transition:background-color .5s ease}.x-scrollbar{--x-scrollbar-track-size: 9px;--x-scrollbar-track-background-color: transparent;--x-scrollbar-thumb-color: #c9cdd4;--x-scrollbar-thumb-color-hover: #9fa4ad;--x-scrollbar-right: 4px;--x-scrollbar-bottom: 4px;--x-scrollbar-radius: 5px;position:relative;height:100%}.x-scrollbar--container{overflow:auto;height:100%;scrollbar-width:none}.x-scrollbar--container::-webkit-scrollbar{display:none}.x-scrollbar:hover .x-scrollbar-thumb{opacity:1}.x-scrollbar--track{--x-scrollbar-track-background-color: #ccc}.x-scrollbar-track{background-color:var(--x-scrollbar-track-background-color)}.x-scrollbar-track--horizontal{position:absolute;bottom:var(--x-scrollbar-bottom);left:0;box-sizing:border-box;z-index:100;width:100%;height:var(--x-scrollbar-track-size)}.x-scrollbar-track--vertical{position:absolute;top:0;right:var(--x-scrollbar-right);box-sizing:border-box;z-index:100;width:var(--x-scrollbar-track-size);height:100%}.x-scrollbar-thumb{opacity:0;transition:opacity .5s ease}.x-scrollbar-thumb.is-dragging{opacity:1}.x-scrollbar-thumb--horizontal{position:absolute;top:50%;border-radius:var(--x-scrollbar-radius);height:calc(100% + -0px);background-color:var(--x-scrollbar-thumb-color);transform:translateY(-50%);transition:background-color .5s ease}.x-scrollbar-thumb--horizontal:hover{background-color:var(--x-scrollbar-thumb-color-hover)}.x-scrollbar-thumb--vertical{position:absolute;left:50%;border-radius:var(--x-scrollbar-radius);width:calc(100% - 1px);background-color:var(--x-scrollbar-thumb-color);transform:translate(-50%);transition:background-color .5s ease}.x-scrollbar-thumb--vertical:hover{background-color:var(--x-scrollbar-thumb-color-hover)}.x-space{display:inline-flex;vertical-align:bottom}.x-space--horizontal-center{align-items:center}.x-space--horizontal-start{align-items:flex-start}.x-space--horizontal-end{align-items:flex-end}.x-space--horizontal-baseline{align-items:baseline}.x-space--vertical{flex-direction:column}.x-space--split{color:var(--bn-color-5)}.x-space-is-fill{display:flex}.x-tag{--x-tag-color-red-text: rgb(245, 63, 63);--x-tag-color-red-bg: rgb(255, 236, 232);--x-tag-color-red-border: transparent;--x-tag-color-red-border-hover: rgb(255, 236, 232)}.x-tag{--x-tag-color-orangered-text: rgb(247, 114, 52);--x-tag-color-orangered-bg: rgb(255, 243, 232);--x-tag-color-orangered-border: transparent;--x-tag-color-orangered-border-hover: rgb(255, 243, 232)}.x-tag{--x-tag-color-orange-text: rgb(255, 125, 0);--x-tag-color-orange-bg: rgb(255, 247, 232);--x-tag-color-orange-border: transparent;--x-tag-color-orange-border-hover: rgb(255, 247, 232)}.x-tag{--x-tag-color-gold-text: rgb(247, 186, 30);--x-tag-color-gold-bg: rgb(255, 252, 232);--x-tag-color-gold-border: transparent;--x-tag-color-gold-border-hover: rgb(255, 252, 232)}.x-tag{--x-tag-color-lime-text: rgb(159, 219, 29);--x-tag-color-lime-bg: rgb(252, 255, 232);--x-tag-color-lime-border: transparent;--x-tag-color-lime-border-hover: rgb(252, 255, 232)}.x-tag{--x-tag-color-green-text: rgb(0, 180, 42);--x-tag-color-green-bg: rgb(232, 255, 234);--x-tag-color-green-border: transparent;--x-tag-color-green-border-hover: rgb(232, 255, 234)}.x-tag{--x-tag-color-cyan-text: rgb(20, 201, 201);--x-tag-color-cyan-bg: rgb(232, 255, 251);--x-tag-color-cyan-border: transparent;--x-tag-color-cyan-border-hover: rgb(232, 255, 251)}.x-tag{--x-tag-color-blue-text: rgb(52, 145, 250);--x-tag-color-blue-bg: rgb(232, 247, 255);--x-tag-color-blue-border: transparent;--x-tag-color-blue-border-hover: rgb(232, 247, 255)}.x-tag{--x-tag-color-better-blue-text: rgb(22, 93, 255);--x-tag-color-better-blue-bg: rgb(232, 243, 255);--x-tag-color-better-blue-border: transparent;--x-tag-color-better-blue-border-hover: rgb(232, 243, 255)}.x-tag{--x-tag-color-purple-text: rgb(114, 46, 209);--x-tag-color-purple-bg: rgb(245, 232, 255);--x-tag-color-purple-border: transparent;--x-tag-color-purple-border-hover: rgb(245, 232, 255)}.x-tag{--x-tag-color-pink-purple-text: rgb(217, 26, 217);--x-tag-color-pink-purple-bg: rgb(255, 232, 251);--x-tag-color-pink-purple-border: transparent;--x-tag-color-pink-purple-border-hover: rgb(255, 232, 251)}.x-tag{--x-tag-color-magenta-text: rgb(245, 49, 157);--x-tag-color-magenta-bg: rgb(255, 232, 241);--x-tag-color-magenta-border: transparent;--x-tag-color-magenta-border-hover: rgb(255, 232, 241)}.x-tag{--x-tag-color-gray-text: rgb(134, 144, 156);--x-tag-color-gray-bg: rgb(242, 243, 245);--x-tag-color-gray-border: transparent;--x-tag-color-gray-border-hover: rgb(242, 243, 245)}.x-tag{display:inline-flex;align-items:center;box-sizing:border-box;height:24px;padding:4px 8px;color:#1d2129;font-weight:500;font-size:12px;line-height:14px;vertical-align:middle;border:1px solid transparent;border-radius:2px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.x-tag .x-icon-hover.x-icon-hover:before{width:16px;height:16px}.x-tag .x-icon-hover.x-icon-hover:hover:before{background-color:silver}.x-tag-selectable{cursor:pointer;transition:all .3s linear}.x-tag-selectable:hover{background-color:silver;border-color:#b0b0b0}.x-tag-checked{background-color:#f2f3f5}.x-tag-size-small{height:20px;font-size:12px;line-height:18px}.x-tag-size-medium{height:24px;font-size:12px;line-height:22px}.x-tag-size-large{height:28px;font-size:14px;line-height:26px}.x-tag-hide{display:none}.x-tag-loading{cursor:default;opacity:.8}.x-tag-icon{margin-right:4px;color:#666}.x-tag-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-tag-color-red{color:var(--x-tag-color-red-text);background-color:var(--x-tag-color-red-bg);border:1px solid var(--x-tag-color-red-border)}.x-tag-color-red .x-icon-hover.x-icon-hover:hover:before{background-color:x-tag-color-red-icon-bg_hover}.x-tag-color-red .x-tag--close-icon:hover{background-color:var(--x-tag-color-red-text);color:var(--x-tag-color-red-bg)}.x-tag-color-orangered{color:var(--x-tag-color-orangered-text);background-color:var(--x-tag-color-orangered-bg);border:1px solid var(--x-tag-color-orangered-border)}.x-tag-color-orangered .x-icon-hover.x-icon-hover:hover:before{background-color:x-tag-color-orangered-icon-bg_hover}.x-tag-color-orangered .x-tag--close-icon:hover{background-color:var(--x-tag-color-orangered-text);color:var(--x-tag-color-orangered-bg)}.x-tag-color-orange{color:var(--x-tag-color-orange-text);background-color:var(--x-tag-color-orange-bg);border:1px solid var(--x-tag-color-orange-border)}.x-tag-color-orange .x-icon-hover.x-icon-hover:hover:before{background-color:x-tag-color-orange-icon-bg_hover}.x-tag-color-orange .x-tag--close-icon:hover{background-color:var(--x-tag-color-orange-text);color:var(--x-tag-color-orange-bg)}.x-tag-color-gold{color:var(--x-tag-color-gold-text);background-color:var(--x-tag-color-gold-bg);border:1px solid var(--x-tag-color-gold-border)}.x-tag-color-gold .x-icon-hover.x-icon-hover:hover:before{background-color:x-tag-color-gold-icon-bg_hover}.x-tag-color-gold .x-tag--close-icon:hover{background-color:var(--x-tag-color-gold-text);color:var(--x-tag-color-gold-bg)}.x-tag-color-lime{color:var(--x-tag-color-lime-text);background-color:var(--x-tag-color-lime-bg);border:1px solid var(--x-tag-color-lime-border)}.x-tag-color-lime .x-icon-hover.x-icon-hover:hover:before{background-color:x-tag-color-lime-icon-bg_hover}.x-tag-color-lime .x-tag--close-icon:hover{background-color:var(--x-tag-color-lime-text);color:var(--x-tag-color-lime-bg)}.x-tag-color-green{color:var(--x-tag-color-green-text);background-color:var(--x-tag-color-green-bg);border:1px solid var(--x-tag-color-green-border)}.x-tag-color-green .x-icon-hover.x-icon-hover:hover:before{background-color:x-tag-color-green-icon-bg_hover}.x-tag-color-green .x-tag--close-icon:hover{background-color:var(--x-tag-color-green-text);color:var(--x-tag-color-green-bg)}.x-tag-color-cyan{color:var(--x-tag-color-cyan-text);background-color:var(--x-tag-color-cyan-bg);border:1px solid var(--x-tag-color-cyan-border)}.x-tag-color-cyan .x-icon-hover.x-icon-hover:hover:before{background-color:x-tag-color-cyan-icon-bg_hover}.x-tag-color-cyan .x-tag--close-icon:hover{background-color:var(--x-tag-color-cyan-text);color:var(--x-tag-color-cyan-bg)}.x-tag-color-better-blue{color:var(--x-tag-color-better-blue-text);background-color:var(--x-tag-color-better-blue-bg);border:1px solid var(--x-tag-color-better-blue-border)}.x-tag-color-better-blue .x-icon-hover.x-icon-hover:hover:before{background-color:x-tag-color-better-blue-icon-bg_hover}.x-tag-color-better-blue .x-tag--close-icon:hover{background-color:var(--x-tag-color-better-blue-text);color:var(--x-tag-color-better-blue-bg)}.x-tag-color-blue{color:var(--x-tag-color-blue-text);background-color:var(--x-tag-color-blue-bg);border:1px solid var(--x-tag-color-blue-border)}.x-tag-color-blue .x-icon-hover.x-icon-hover:hover:before{background-color:x-tag-color-blue-icon-bg_hover}.x-tag-color-blue .x-tag--close-icon:hover{background-color:var(--x-tag-color-blue-text);color:var(--x-tag-color-blue-bg)}.x-tag-color-purple{color:var(--x-tag-color-purple-text);background-color:var(--x-tag-color-purple-bg);border:1px solid var(--x-tag-color-purple-border)}.x-tag-color-purple .x-icon-hover.x-icon-hover:hover:before{background-color:x-tag-color-purple-icon-bg_hover}.x-tag-color-purple .x-tag--close-icon:hover{background-color:var(--x-tag-color-purple-text);color:var(--x-tag-color-purple-bg)}.x-tag-color-pink-purple{color:var(--x-tag-color-pink-purple-text);background-color:var(--x-tag-color-pink-purple-bg);border:1px solid var(--x-tag-color-pink-purple-border)}.x-tag-color-pink-purple .x-icon-hover.x-icon-hover:hover:before{background-color:x-tag-color-pink-purple-icon-bg_hover}.x-tag-color-pink-purple .x-tag--close-icon:hover{background-color:var(--x-tag-color-pink-purple-text);color:var(--x-tag-color-pink-purple-bg)}.x-tag-color-magenta{color:var(--x-tag-color-magenta-text);background-color:var(--x-tag-color-magenta-bg);border:1px solid var(--x-tag-color-magenta-border)}.x-tag-color-magenta .x-icon-hover.x-icon-hover:hover:before{background-color:x-tag-color-magenta-icon-bg_hover}.x-tag-color-magenta .x-tag--close-icon:hover{background-color:var(--x-tag-color-magenta-text);color:var(--x-tag-color-magenta-bg)}.x-tag-color-gray{color:var(--x-tag-color-gray-text);background-color:var(--x-tag-color-gray-bg);border:1px solid var(--x-tag-color-gray-border)}.x-tag-color-gray .x-icon-hover.x-icon-hover:hover:before{background-color:x-tag-color-gray-icon-bg_hover}.x-tag-color-gray .x-tag--close-icon:hover{background-color:var(--x-tag-color-gray-text);color:var(--x-tag-color-gray-bg)}.x-tag-custom-color{color:#fff}.x-tag-custom-color .x-icon-hover.x-icon-hover:hover:before{background-color:#ff634733}.x-tag--close-icon{margin-left:4px;font-size:12px;border-radius:50%;cursor:pointer;transition:all .2s ease-in-out}.x-tag--close-icon:hover{background-color:#fff6}.x-tag--close-icon>svg{position:relative}.x-tag--loading-icon{margin-left:4px;font-size:12px}.x-trigger--wrapper{display:inline-block}.x-trigger--popup{position:absolute;z-index:1000}.x-trigger--arrow{position:absolute;z-index:-1;display:block;box-sizing:border-box;width:8px;height:8px;background-color:#000;content:""}.x-trigger--popup[trigger-placement=top] .x-trigger--arrow,.x-trigger--popup[trigger-placement=tl] .x-trigger--arrow,.x-trigger--popup[trigger-placement=tr] .x-trigger--arrow{border-top:none;border-left:none;border-bottom-right-radius:2px}.x-trigger--popup[trigger-placement=bottom] .x-trigger--arrow,.x-trigger--popup[trigger-placement=bl] .x-trigger--arrow,.x-trigger--popup[trigger-placement=br] .x-trigger--arrow{border-right:none;border-bottom:none;border-top-left-radius:2px}.x-trigger--popup[trigger-placement=left] .x-trigger--arrow,.x-trigger--popup[trigger-placement=lt] .x-trigger--arrow,.x-trigger--popup[trigger-placement=lb] .x-trigger--arrow{border-bottom:none;border-left:none;border-top-right-radius:2px}.x-trigger--popup[trigger-placement=right] .x-trigger--arrow,.x-trigger--popup[trigger-placement=rt] .x-trigger--arrow,.x-trigger--popup[trigger-placement=rb] .x-trigger--arrow{border-top:none;border-right:none;border-bottom-left-radius:2px}.x-tooltip--content{max-width:350px;padding:8px 12px;color:#fff;font-size:14px;line-height:1.5715;text-align:left;word-wrap:break-word;background-color:#000;border-radius:3px}.x-tooltip-mini{padding:4px 12px;font-size:14px}.x-tooltip-popup-arrow{background-color:#000}.x-timeline{display:flex;flex-direction:column}.x-timeline.-reverse{flex-direction:column-reverse}.x-timeline-item{--timeline-item-icon-background-color: var(--x-color-2);--timeline-item-icon-line-color: var(--x-color-4);--timeline-item-content-description-background-color: var(--x-color-6)}.x-timeline-item{position:relative}.x-timeline-item.-last .x-timeline-item__dot .x-timeline-item__dot__line{display:none}.x-timeline-item--dot{position:absolute;left:0;width:6px;height:100%;text-align:center}.x-timeline-item--dot--line{position:absolute;top:18px;bottom:-12px;left:50%;border-color:var(--timeline-item-icon-line-color);border-left-style:solid;border-left-width:1px;width:1px;box-sizing:border-box;transform:translate(-50%)}.x-timeline-item--dot--icon{position:relative;display:flex;justify-content:center;align-items:center;margin-top:12px;width:6px;height:6px;box-sizing:border-box}.x-timeline-item--dot--icon.-slot-icon>*{background:#fff}.x-timeline-item--dot--icon .icon{position:relative;display:block;border-radius:50%;width:6px;height:6px;background-color:var(--timeline-item-icon-background-color);box-sizing:border-box}.x-timeline-item--content{margin-right:6px;margin-left:20px}.x-timeline-item--content--label{line-height:1;margin-bottom:5px}.x-timeline-item--content--description{margin-bottom:5px;font-size:14px;font-weight:400;color:#646b7a}
+@charset "UTF-8";.x-fade-in-standard-enter-from,.x-fade-in-standard-appear-from{opacity:0}.x-fade-in-standard-enter-to,.x-fade-in-standard-appear-to{opacity:1}.x-fade-in-standard-enter-active,.x-fade-in-standard-appear-active{transition:opacity .3s ease}.x-fade-in-standard-leave-from{opacity:1}.x-fade-in-standard-leave-to{opacity:0}.x-fade-in-standard-leave-active{transition:opacity .3s ease}.x-fade-in-enter-from,.x-fade-in-appear-from{opacity:0}.x-fade-in-enter-to,.x-fade-in-appear-to{opacity:1}.x-fade-in-enter-active,.x-fade-in-appear-active{transition:opacity .2s ease}.x-fade-in-leave-from{opacity:1}.x-fade-in-leave-to{opacity:0}.x-fade-in-leave-active{transition:opacity .2s ease}.x-slide-dynamic-origin-enter-from,.x-slide-dynamic-origin-appear-from{transform:scaleY(.9);transform-origin:0 0;opacity:0}.x-slide-dynamic-origin-enter-to,.x-slide-dynamic-origin-appear-to{transform:scaleY(1);transform-origin:0 0;opacity:1}.x-slide-dynamic-origin-enter-active,.x-slide-dynamic-origin-appear-active{transition:transform .2s ease,opacity .2s ease}.x-slide-dynamic-origin-leave-from{transform:scaleY(1);transform-origin:0 0;opacity:1}.x-slide-dynamic-origin-leave-to{transform:scaleY(.9);transform-origin:0 0;opacity:0}.x-slide-dynamic-origin-leave-active{transition:transform .2s ease,opacity .2s ease}.x-slide-left-enter-from,.x-slide-left-appear-from{transform:translate(-100%)}.x-slide-left-enter-to,.x-slide-left-appear-to{transform:translate(0)}.x-slide-left-enter-active,.x-slide-left-appear-active{transition:transform .3s ease}.x-slide-left-leave-from{transform:translate(0)}.x-slide-left-leave-to{transform:translate(-100%)}.x-slide-left-leave-active{transition:transform .3s ease}.x-slide-right-enter-from,.x-slide-right-appear-from{transform:translate(100%)}.x-slide-right-enter-to,.x-slide-right-appear-to{transform:translate(0)}.x-slide-right-enter-active,.x-slide-right-appear-active{transition:transform .3s ease}.x-slide-right-leave-from{transform:translate(0)}.x-slide-right-leave-to{transform:translate(100%)}.x-slide-right-leave-active{transition:transform .3s ease}.x-slide-top-enter-from,.x-slide-top-appear-from{transform:translateY(-100%)}.x-slide-top-enter-to,.x-slide-top-appear-to{transform:translateY(0)}.x-slide-top-enter-active,.x-slide-top-appear-active{transition:transform .3s ease}.x-slide-top-leave-from{transform:translateY(0)}.x-slide-top-leave-to{transform:translateY(-100%)}.x-slide-top-leave-active{transition:transform .3s ease}.x-slide-bottom-enter-from,.x-slide-bottom-appear-from{transform:translateY(100%)}.x-slide-bottom-enter-to,.x-slide-bottom-appear-to{transform:translateY(0)}.x-slide-bottom-enter-active,.x-slide-bottom-appear-active{transition:transform .3s ease}.x-slide-bottom-leave-from{transform:translateY(0)}.x-slide-bottom-leave-to{transform:translateY(100%)}.x-slide-bottom-leave-active{transition:transform .3s ease}.x-zoom-in-enter-from,.x-zoom-in-appear-from{transform:scale(.5);opacity:0}.x-zoom-in-enter-to,.x-zoom-in-appear-to{transform:scale(1);opacity:1}.x-zoom-in-enter-active,.x-zoom-in-appear-active{transition:opacity .3s ease,transform .3s ease}.x-zoom-in-leave-from{transform:scale(1);opacity:1}.x-zoom-in-leave-to{transform:scale(.5);opacity:0}.x-zoom-in-leave-active{transition:opacity .3s ease,transform .3s ease}.x-zoom-in-fade-out-enter-from,.x-zoom-in-fade-out-appear-from{transform:scale(.5);opacity:0}.x-zoom-in-fade-out-enter-to,.x-zoom-in-fade-out-appear-to{transform:scale(1);opacity:1}.x-zoom-in-fade-out-enter-active,.x-zoom-in-fade-out-appear-active{transition:opacity .3s cubic-bezier(.3,1.3,.3,1),transform .3s cubic-bezier(.3,1.3,.3,1)}.x-zoom-in-fade-out-leave-from{transform:scale(1);opacity:1}.x-zoom-in-fade-out-leave-to{transform:scale(.5);opacity:0}.x-zoom-in-fade-out-leave-active{transition:opacity .3s cubic-bezier(.3,1.3,.3,1),transform .3s cubic-bezier(.3,1.3,.3,1)}.x-zoom-in-big-enter-from,.x-zoom-in-big-appear-from{transform:scale(.5);opacity:0}.x-zoom-in-big-enter-to,.x-zoom-in-big-appear-to{transform:scale(1);opacity:1}.x-zoom-in-big-enter-active,.x-zoom-in-big-appear-active{transition:opacity .2s linear,transform .2s linear}.x-zoom-in-big-leave-from{transform:scale(1);opacity:1}.x-zoom-in-big-leave-to{transform:scale(.2);opacity:0}.x-zoom-in-big-leave-active{transition:opacity .2s linear,transform .2s linear}.x-zoom-in-left-enter-from,.x-zoom-in-left-appear-from{transform:scale(.1);opacity:.1}.x-zoom-in-left-enter-to,.x-zoom-in-left-appear-to{transform:scale(1);opacity:1}.x-zoom-in-left-enter-active,.x-zoom-in-left-appear-active{transform-origin:0 50%;transition:opacity .3s linear,transform .3s ease-in-out}.x-zoom-in-left-leave-from{transform:scale(1);opacity:1}.x-zoom-in-left-leave-to{transform:scale(.1);opacity:.1}.x-zoom-in-left-leave-active{transform-origin:0 50%;transition:opacity .3s linear,transform .3s ease-in-out}.x-zoom-in-top-enter-from,.x-zoom-in-top-appear-from{transform:scaleY(.8) translateZ(0);opacity:0}.x-zoom-in-top-enter-to,.x-zoom-in-top-appear-to{transform:scaleY(1) translateZ(0);opacity:1}.x-zoom-in-top-enter-active,.x-zoom-in-top-appear-active{transform-origin:0 0;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.x-zoom-in-top-leave-from{transform:scaleY(1) translateZ(0);opacity:1}.x-zoom-in-top-leave-to{transform:scaleY(.8) translateZ(0);opacity:0}.x-zoom-in-top-leave-active{transform-origin:0 0;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.x-zoom-in-bottom-enter-from,.x-zoom-in-bottom-appear-from{transform:scaleY(.8) translateZ(0);opacity:0}.x-zoom-in-bottom-enter-to,.x-zoom-in-bottom-appear-to{transform:scaleY(1) translateZ(0);opacity:1}.x-zoom-in-bottom-enter-active,.x-zoom-in-bottom-appear-active{transform-origin:100% 100%;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.x-zoom-in-bottom-leave-from{transform:scaleY(1) translateZ(0);opacity:1}.x-zoom-in-bottom-leave-to{transform:scaleY(.8) translateZ(0);opacity:0}.x-zoom-in-bottom-leave-active{transform-origin:100% 100%;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.x-icon{display:flex;justify-content:center;align-items:center}.x-icon svg{fill:currentcolor;width:1em;height:1em}.x-icon-loading-svg{animation:animated-loading-rotate 1.5s infinite ease-in-out}.x-icon-loading-svg>.path{stroke-width:5;animation:animated-loading 1.5s infinite ease-in-out}@keyframes animated-loading{0%{stroke-dasharray:1,125;stroke-dashoffset:0}50%{stroke-dasharray:95,31;stroke-dashoffset:-31px}to{stroke-dasharray:6,120;stroke-dashoffset:-120px}}@keyframes animated-loading-rotate{to{transform:rotate(1turn)}}[opacity~=".1"]{opacity:.1}[opacity~=".2"]{opacity:.2}[opacity~=".3"]{opacity:.3}[opacity~=".4"]{opacity:.4}[opacity~=".5"]{opacity:.5}[opacity~=".6"]{opacity:.6}[opacity~=".7"]{opacity:.7}[opacity~=".8"]{opacity:.8}[opacity~=".9"]{opacity:.9}:root{--x-primary: rgb(0 86 255 / 100%);--x-success: rgb(36 195 65 / 100%);--x-danger: rgb(241 37 37 / 100%);--x-strong: rgb(255 113 37 / 100%);--x-warning: rgb(255 166 0 / 100%);--x-info: rgb(25 25 25 / 100%);--x-primary-1: rgb(0 70 208 / 100%);--x-primary-3: rgb(0 77 229 / 100%);--x-primary-6: rgb(0 77 229 / 30%);--x-primary-8: rgb(0 86 255 / 18%);--x-primary-9: rgb(0 86 255 / 5%);--x-success-1: rgb(36 195 65 / 100%);--x-success-8: rgb(46 212 169 / 18%);--x-success-9: rgb(46 212 169 / 5%);--x-danger-1: rgb(191 23 23 / 100%);--x-danger-3: rgb(216 33 33 / 100%);--x-dander-6: rgb(191 23 23 / 30%);--x-danger-8: rgb(241 37 37 / 18%);--x-danger-9: rgb(241 37 37 / 5%);--x-strong-8: rgb(255 113 37 / 18%);--x-strong-9: rgb(255 113 37 / 5%);--x-warning-8: rgb(255 196 32 / 18%);--x-warning-9: rgb(255 196 32 / 5%);--x-color-1: rgb(36 41 52 / 100%);--x-color-2: rgb(100 107 122 / 100%);--x-color-3: rgb(156 166 185 / 100%);--x-color-4: rgb(188 196 214 / 100%);--x-color-5: rgb(225 228 232 / 100%);--x-color-6: rgb(237 241 246 / 100%);--x-color-7: rgb(245 247 251 / 100%);--x-color-white: rgb(255 255 255 / 100%);--x-font-size: 14px;--x-text-color: var(--x-color-2);--x-border-color: var(--x-color-5);--x-background-color: var(--x-color-7);--x-text-gray: rgb(36 41 52 / 100%);--x-text-gray-1: rgb(100 107 122 / 100%);--x-text-gray-2: rgb(156 166 185 / 100%);--x-disabled-color: rgb(156 166 185 / 100%);--x-disabled-bgc: rgb(250 251 253 / 100%);--x-disabled-bc: rgb(225 228 232 / 100%);--x-hover-bgc: rgb(248 250 255 / 100%);--x-hover-color: var(--x-primary);--x-hover-bc: rgb(188 196 214 / 100%);--x-select-color: var(--x-primary);--x-select-bgc: rgb(248 250 255 / 100%);--x-select-bc: var(--x-primary);--x-focus-bc: var(--x-primary);--x-bgc: rgb(245 247 251 / 100%);--x-fs-small: 12px;--x-fs: 14px;--x-fs-large: 16px;--x-split-color: rgb(237 241 246 / 100%);--x-bc: rgb(237 241 246 / 100%);--x-size-mini: 24px;--x-size-small: 28px;--x-size-medium: 32px;--x-size-large: 36px;--x-size-huge: 40px}.x-button{--x-button-width: auto;--x-button-font-weight: 400;--x-button-opacity: 1;--x-button-border-style: solid;--x-button-border-color: transparent;--x-button-background-color: rgb(241 241 241);--x-button-text-color: rgb(81 81 81);--x-button-padding: 0 0;--x-button-mini-height: var(--x-size-mini);--x-button-mini-font-size: 12px;--x-button-mini-padding: 0 8px;--x-button-mini-border-radius: 4px;--x-button-small-height: var(--x-size-small);--x-button-small-font-size: 13px;--x-button-small-padding: 0 10px;--x-button-small-border-radius: 4px;--x-button-medium-height: var(--x-size-medium);--x-button-medium-font-size: 14px;--x-button-medium-padding: 0 14px;--x-button-medium-border-radius: 4px;--x-button-large-height: var(--x-size-large);--x-button-large-font-size: 14px;--x-button-large-padding: 0 20px;--x-button-large-border-radius: 6px;--x-button-huge-height: var(--x-size-huge);--x-button-huge-font-size: 16px;--x-button-huge-font-weight: 400;--x-button-huge-padding: 0 28px;--x-button-huge-border-radius: 4px;--x-button-theme-color-default: #000}.x-button{position:relative;display:inline-flex;justify-content:center;align-items:center;overflow:hidden;margin:0;border-style:var(--x-button-border-style);border-width:1px;border-color:var(--x-button-border-color);border-radius:var(--x-button-border-radius);padding:var(--x-button-padding);width:var(--x-button-width);height:var(--x-button-height);font-size:var(--x-button-font-size);font-weight:var(--x-button-font-weight);white-space:nowrap;color:var(--x-button-text-color);background-color:var(--x-button-background-color);opacity:var(--x-button-opacity);outline:none;transition:all .1s cubic-bezier(0,0,1,1);box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;vertical-align:bottom;cursor:pointer}.x-button:before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;background:#ffffff4d;border-radius:50%;transform:scale(0);transform-origin:center;opacity:0;transition:opacity .2s}.x-button:active:before{transform:scale(3);opacity:1;transition:opacity .1s}.x-button--prefix{margin-right:4px}.x-button--suffix{margin-left:4px}.x-button-dashed{--x-button-border-color: var(--x-button-text-color);--x-button-border-style: dashed}.x-button-outline{--x-button-border-color: var(--x-button-text-color);--x-button-border-style: solid}.x-button-is-disabled{--x-button-opacity: .4;cursor:not-allowed}.x-button-block{display:flex;width:100%}.x-button-loading{--x-button-opacity: .76}.x-button-mini{--x-button-height: var(--x-button-mini-height);--x-button-font-size: var(--x-button-mini-font-size);--x-button-padding: var(--x-button-mini-padding);--x-button-border-radius: var(--x-button-mini-border-radius)}.x-button-small{--x-button-height: var(--x-button-small-height);--x-button-font-size: var(--x-button-small-font-size);--x-button-padding: var(--x-button-small-padding);--x-button-border-radius: var(--x-button-small-border-radius)}.x-button-medium{--x-button-height: var(--x-button-medium-height);--x-button-font-size: var(--x-button-medium-font-size);--x-button-padding: var(--x-button-medium-padding);--x-button-border-radius: var(--x-button-medium-border-radius)}.x-button-circle{border-radius:50%;padding:0;--x-button-width: var(--x-button-height)}.x-button-large{--x-button-height: var(--x-button-large-height);--x-button-font-size: var(--x-button-large-font-size);--x-button-padding: var(--x-button-large-padding);--x-button-border-radius: var(--x-button-large-border-radius)}.x-button-huge{--x-button-height: var(--x-button-huge-height);--x-button-font-size: var(--x-button-huge-font-size);--x-button-font-weight: var(--x-button-huge-font-weight);--x-button-padding: var(--x-button-huge-padding);--x-button-border-radius: var(--x-button-huge-border-radius)}.x-button-plain{--x-button-font-weight: 500}.x-button-plain.x-button-success.x-button--success{--x-button-text-color: var(--x-success);--x-button-background-color: var(--x-success-9);--x-button-border-color: var(--x-success)}.x-button-plain.x-button-success.x-button--success:not(.is-disabled):hover{--x-button-text-color: #fff;--x-button-background-color: var(--x-success);--x-button-border-color: var(--x-success)}.x-button-plain.x-button-success.x-button--success:not(.is-disabled):active{--x-button-text-color: #fff;--x-button-background-color: var(--x-success-1);--x-button-border-color: var(--x-success)}.x-button-plain.x-button-warning{--x-button-text-color: var(--x-warning);--x-button-background-color: var(--x-warning-9);--x-button-border-color: var(--x-warning)}.x-button-plain.x-button-warning:not(.is-disabled):hover{--x-button-text-color: #fff;--x-button-background-color: var(--x-warning);--x-button-border-color: var(--x-warning)}.x-button-plain.x-button-warning:not(.is-disabled):active{--x-button-text-color: #fff;--x-button-background-color: var(--x-warning);--x-button-border-color: var(--x-warning)}.x-button-plain.x-button-strong{--x-button-text-color: var(--x-strong);--x-button-background-color: var(--x-strong-9);--x-button-border-color: var(--x-strong)}.x-button-plain.x-button-strong:not(.is-disabled):hover{--x-button-text-color: #fff;--x-button-background-color: var(--x-strong);--x-button-border-color: var(--x-strong)}.x-button-plain.x-button-strong:not(.is-disabled):active{--x-button-text-color: #fff;--x-button-background-color: var(--x-strong);--x-button-border-color: var(--x-strong)}.x-button-plain.x-button-danger{--x-button-text-color: var(--x-danger);--x-button-background-color: var(--x-danger-9);--x-button-border-color: var(--x-danger)}.x-button-plain.x-button-danger:not(.is-disabled):hover{--x-button-text-color: #fff;--x-button-background-color: var(--x-danger);--x-button-border-color: var(--x-danger)}.x-button-plain.x-button-danger:not(.is-disabled):active{--x-button-text-color: #fff;--x-button-background-color: var(--x-danger-1);--x-button-border-color: var(--x-danger-1)}.x-button-round{--x-button-border-radius: var(--x-button-height);height:var(--x-button-height)}.x-button-circle{--x-button-padding: 0;--x-button-border-radius: 100%;width:var(--x-button-height);height:var(--x-button-height)}.x-button-text{--x-button-background-color: transparent}.x-button-text.x-button-default{--x-button-text-color: var(--x-primary);--x-button-background-color: transparent;--x-button-border-color: transparent}.x-button-text.x-button-default:not(.is-disabled):hover{--x-button-text-color: var(--x-primary);--x-button-background-color: transparent;--x-button-border-color: transparent}.x-button-text.x-button-default:not(.is-disabled):active{--x-button-text-color: var(--x-primary);--x-button-background-color: transparent;--x-button-border-color: transparent}.x-button-text.x-button-success{--x-button-text-color: var(--x-success);--x-button-background-color: transparent;--x-button-border-color: transparent}.x-button-text.x-button-success:not(.is-disabled):hover{--x-button-text-color: var(--x-success);--x-button-background-color: transparent;--x-button-border-color: transparent}.x-button-text.x-button-success:not(.is-disabled):active{--x-button-text-color: var(--x-success);--x-button-background-color: transparent;--x-button-border-color: transparent}.x-button-text.x-button-warning{--x-button-text-color: var(--x-warning);--x-button-background-color: transparent;--x-button-border-color: transparent}.x-button-text.x-button-warning:not(.is-disabled):hover{--x-button-text-color: var(--x-warning);--x-button-background-color: transparent;--x-button-border-color: transparent}.x-button-text.x-button-warning:not(.is-disabled):active{--x-button-text-color: var(--x-warning);--x-button-background-color: transparent;--x-button-border-color: transparent}.x-button-text.x-button-strong{--x-button-text-color: var(--x-strong);--x-button-background-color: transparent;--x-button-border-color: transparent}.x-button-text.x-button-strong:not(.is-disabled):hover{--x-button-text-color: var(--x-strong);--x-button-background-color: transparent;--x-button-border-color: transparent}.x-button-text.x-button-strong:not(.is-disabled):active{--x-button-text-color: var(--x-strong);--x-button-background-color: transparent;--x-button-border-color: transparent}.x-button-text.x-button-danger{--x-button-text-color: var(--x-danger);--x-button-background-color: transparent;--x-button-border-color: transparent}.x-button-text.x-button-danger:not(.is-disabled):hover{--x-button-text-color: var(--x-danger);--x-button-background-color: transparent;--x-button-border-color: transparent}.x-button-text.x-button-danger:not(.is-disabled):active{--x-button-text-color: var(--x-danger);--x-button-background-color: transparent;--x-button-border-color: transparent}.x-button-text.x-button-info{--x-button-text-color: var(--x-info);--x-button-background-color: transparent;--x-button-border-color: transparent}.x-button-text.x-button-info:not(.is-disabled):hover{--x-button-text-color: var(--x-info);--x-button-background-color: transparent;--x-button-border-color: transparent}.x-button-text.x-button-info:not(.is-disabled):active{--x-button-text-color: var(--x-info);--x-button-background-color: transparent;--x-button-border-color: transparent}.x-button-hide-border{--x-button-font-weight: 500}.x-button-hide-border.x-button-primary{--x-button-text-color: var(--x-primary);--x-button-background-color: var(--x-primary-9);--x-button-border-color: transparent}.x-button-hide-border.x-button-primary:not(.is-disabled):hover{--x-button-text-color: var(--x-primary);--x-button-background-color: var(--x-primary-9);--x-button-border-color: var(--x-primary-6)}.x-button-hide-border.x-button-primary:not(.is-disabled):active{--x-button-text-color: var(--x-primary);--x-button-background-color: var(--x-primary-9);--x-button-border-color: var(--x-primary-1)}.x-button-hide-border.x-button-danger{--x-button-text-color: var(--x-danger);--x-button-background-color: var(--x-danger-9);--x-button-border-color: transparent}.x-button-hide-border.x-button-danger:not(.is-disabled):hover{--x-button-text-color: var(--x-danger);--x-button-background-color: var(--x-danger-9);--x-button-border-color: var(--x-danger-6)}.x-button-hide-border.x-button-danger:not(.is-disabled):active{--x-button-text-color: var(--x-danger);--x-button-background-color: var(--x-danger-9);--x-button-border-color: var(--x-danger-1)}.x-button-hide-border.x-button-success{--x-button-text-color: var(--x-success);--x-button-background-color: var(--x-success-9);--x-button-border-color: transparent}.x-button-hide-border.x-button-success:not(.is-disabled):hover{--x-button-text-color: var(--x-success);--x-button-background-color: var(--x-success-9);--x-button-border-color: var(--x-success-6)}.x-button-hide-border.x-button-success:not(.is-disabled):active{--x-button-text-color: var(--x-success);--x-button-background-color: var(--x-success-9);--x-button-border-color: var(--x-success-1)}.x-button-hide-border.x-button-warning{--x-button-text-color: var(--x-warning);--x-button-background-color: var(--x-warning-9);--x-button-border-color: transparent}.x-button-hide-border.x-button-warning:not(.is-disabled):hover{--x-button-text-color: var(--x-warning);--x-button-background-color: var(--x-warning-9);--x-button-border-color: var(--x-warning-6)}.x-button-hide-border.x-button-warning:not(.is-disabled):active{--x-button-text-color: var(--x-warning);--x-button-background-color: var(--x-warning-9);--x-button-border-color: var(--x-warning-1)}.x-button-hide-border.x-button-strong{--x-button-text-color: var(--x-strong);--x-button-background-color: var(--x-strong-9);--x-button-border-color: transparent}.x-button-hide-border.x-button-strong:not(.is-disabled):hover{--x-button-text-color: var(--x-strong);--x-button-background-color: var(--x-strong-9);--x-button-border-color: var(--x-strong-6)}.x-button-hide-border.x-button-strong:not(.is-disabled):active{--x-button-text-color: var(--x-strong);--x-button-background-color: var(--x-strong-9);--x-button-border-color: var(--x-strong-1)}.x-button-success{--x-button-default-modifier-text-color: var(--x-success);--x-button-default-modifier-bg-color: rgb(36 195 65 / 10%)}.x-button-success{--x-button-text-color: var(--x-button-default-modifier-text-color);--x-button-background-color: var(--x-button-default-modifier-bg-color);--x-button-border-color: transparent}.x-button-success:not(.is-disabled):hover{--x-button-text-color: var(--x-button-default-modifier-text-color);--x-button-background-color: var(--x-button-default-modifier-bg-color);--x-button-border-color: transparent}.x-button-success:not(.is-disabled):active{--x-button-text-color: var(--x-button-default-modifier-text-color);--x-button-background-color: var(--x-button-default-modifier-bg-color);--x-button-border-color: transparent}.x-button-danger{--x-button-default-modifier-text-color: var(--x-danger);--x-button-default-modifier-bg-color: rgb(241 37 37 / 10%)}.x-button-danger{--x-button-text-color: var(--x-button-default-modifier-text-color);--x-button-background-color: var(--x-button-default-modifier-bg-color);--x-button-border-color: transparent}.x-button-danger:not(.is-disabled):hover{--x-button-text-color: var(--x-button-default-modifier-text-color);--x-button-background-color: var(--x-button-default-modifier-bg-color);--x-button-border-color: transparent}.x-button-danger:not(.is-disabled):active{--x-button-text-color: var(--x-button-default-modifier-text-color);--x-button-background-color: var(--x-button-default-modifier-bg-color);--x-button-border-color: transparent}.x-button-strong{--x-button-default-modifier-text-color: var(--x-strong);--x-button-default-modifier-bg-color: rgb(255 113 37 / 10%)}.x-button-strong{--x-button-text-color: var(--x-button-default-modifier-text-color);--x-button-background-color: var(--x-button-default-modifier-bg-color);--x-button-border-color: transparent}.x-button-strong:not(.is-disabled):hover{--x-button-text-color: var(--x-button-default-modifier-text-color);--x-button-background-color: var(--x-button-default-modifier-bg-color);--x-button-border-color: transparent}.x-button-strong:not(.is-disabled):active{--x-button-text-color: var(--x-button-default-modifier-text-color);--x-button-background-color: var(--x-button-default-modifier-bg-color);--x-button-border-color: transparent}.x-button-warning{--x-button-default-modifier-text-color: var(--x-warning);--x-button-default-modifier-bg-color: rgb(255 199 0 / 10%)}.x-button-warning{--x-button-text-color: var(--x-button-default-modifier-text-color);--x-button-background-color: var(--x-button-default-modifier-bg-color);--x-button-border-color: transparent}.x-button-warning:not(.is-disabled):hover{--x-button-text-color: var(--x-button-default-modifier-text-color);--x-button-background-color: var(--x-button-default-modifier-bg-color);--x-button-border-color: transparent}.x-button-warning:not(.is-disabled):active{--x-button-text-color: var(--x-button-default-modifier-text-color);--x-button-background-color: var(--x-button-default-modifier-bg-color);--x-button-border-color: transparent}.x-button-info{--x-button-default-modifier-text-color: rgb(25 25 25 / 80%);--x-button-default-modifier-bg-color: rgb(241 241 241 / 60%)}.x-button-info{--x-button-text-color: var(--x-button-default-modifier-text-color);--x-button-background-color: var(--x-button-default-modifier-bg-color);--x-button-border-color: transparent}.x-button-info:not(.is-disabled):hover{--x-button-text-color: var(--x-button-default-modifier-text-color);--x-button-background-color: var(--x-button-default-modifier-bg-color);--x-button-border-color: transparent}.x-button-info:not(.is-disabled):active{--x-button-text-color: var(--x-button-default-modifier-text-color);--x-button-background-color: var(--x-button-default-modifier-bg-color);--x-button-border-color: transparent}.x-button-primary.x-button-primary{--x-button-text-color: #fff;--x-button-background-color: var(--x-primary);--x-button-border-color: var(--x-primary)}.x-button-primary.x-button-primary:not(.is-disabled):hover{--x-button-text-color: #fff;--x-button-background-color: var(--x-primary-3);--x-button-border-color: var(--x-primary-3)}.x-button-primary.x-button-primary:not(.is-disabled):active{--x-button-text-color: #fff;--x-button-background-color: var(--x-primary-1);--x-button-border-color: var(--x-primary-1)}.x-button-primary.x-button-success{--x-button-text-color: #fff;--x-button-background-color: var(--x-success);--x-button-border-color: var(--x-success)}.x-button-primary.x-button-success:not(.is-disabled):hover{--x-button-text-color: #fff;--x-button-background-color: var(--x-success);--x-button-border-color: var(--x-success)}.x-button-primary.x-button-success:not(.is-disabled):active{--x-button-text-color: #fff;--x-button-background-color: var(--x-success);--x-button-border-color: var(--x-success)}.x-button-primary.x-button-danger{--x-button-text-color: #fff;--x-button-background-color: var(--x-danger);--x-button-border-color: var(--x-danger)}.x-button-primary.x-button-danger:not(.is-disabled):hover{--x-button-text-color: #fff;--x-button-background-color: var(--x-danger-3);--x-button-border-color: var(--x-danger-3)}.x-button-primary.x-button-danger:not(.is-disabled):active{--x-button-text-color: #fff;--x-button-background-color: var(--x-danger-1);--x-button-border-color: var(--x-danger-1)}.x-button-primary.x-button-strong{--x-button-text-color: #fff;--x-button-background-color: var(--x-strong);--x-button-border-color: var(--x-strong)}.x-button-primary.x-button-strong:not(.is-disabled):hover{--x-button-text-color: #fff;--x-button-background-color: var(--x-strong);--x-button-border-color: var(--x-strong)}.x-button-primary.x-button-strong:not(.is-disabled):active{--x-button-text-color: #fff;--x-button-background-color: var(--x-strong);--x-button-border-color: var(--x-strong)}.x-button-primary.x-button-warning{--x-button-text-color: #fff;--x-button-background-color: var(--x-warning);--x-button-border-color: var(--x-warning)}.x-button-primary.x-button-warning:not(.is-disabled):hover{--x-button-text-color: #fff;--x-button-background-color: var(--x-warning);--x-button-border-color: var(--x-warning)}.x-button-primary.x-button-warning:not(.is-disabled):active{--x-button-text-color: #fff;--x-button-background-color: var(--x-warning);--x-button-border-color: var(--x-warning)}.x-button-primary.x-button-info{--x-button-text-color: rgb(25 25 25);--x-button-background-color: #f1f1f1;--x-button-border-color: transparent}.x-button--loading{display:flex;transition:all .2s ease}.x-button--content{display:flex}.x-button-group{display:flex;width:min-content}.x-button-group>.x-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.x-button-group>.x-button:last-child{margin-left:-1px;border-left-color:#ffffff80;border-top-left-radius:0;border-bottom-left-radius:0}.x-button-group>.x-button:not(:first-child,:last-child){margin-left:-1px;border-right-color:#ffffff80;border-left-color:#ffffff80;border-radius:0}.x-button-group{display:inline-flex;align-items:center}.x-button-group-outline:not(:first-child),.x-button-group-dashed:not(:first-child){margin-left:-1px}.x-button-group-primary:not(:last-child){border-right:1px solid var(--x-primary-6)}.x-button-group-secondary:not(:last-child){border-right:1px solid #666666}.x-button-group-status-warning:not(:last-child){border-right:1px solid var(--x-warning-8)}.x-button-group-status-danger:not(:last-child){border-right:1px solid var(--x-primary-6)}.x-button-group-status-success:not(:last-child){border-right:1px solid var(--x-success-8)}.x-button-group-outline:hover,.x-button-group-outline:active,.x-button-group-dashed:hover,.x-button-group-dashed:active{z-index:2}.x-button-group .x-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.x-button-group .x-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.x-button-group .x-button:not(:first-child):not(:last-child){border-radius:0}.x-drawer{--x-drawer-mask-background-color: rgb(29 33 41 / 60%);--x-drawer-icon-color: rgb(88 88 88);--x-drawer-icon-color-dark: #363636;--x-drawer-border-color: #eeeeee;position:fixed;top:0;right:0;bottom:0;left:0}.x-drawer--mask{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--x-drawer-mask-background-color)}.x-drawer--container{position:absolute;overflow:auto;background-color:#fff;box-shadow:-10px 0 40px #646b7a26}.x-drawer--container.is-right{top:0;right:0;bottom:0}.x-drawer--container.is-left{top:0;bottom:0;left:0}.x-drawer--container.is-top{top:0;right:0;left:0}.x-drawer--container.is-bottom{right:0;bottom:0;left:0}.x-drawer--close-icon{position:absolute;top:18px;right:20px;width:18px;height:18px;color:var(--x-drawer-icon-color);cursor:pointer;transition:transform .3s ease}.x-drawer--close-icon:hover{color:var(--x-drawer-icon-color-dark);transform:rotate(90deg)}.x-drawer--header{border-bottom:1px solid var(--x-drawer-border-color);padding-left:20px;height:55px;box-sizing:border-box;line-height:55px}.x-drawer--title{font-size:16px;font-weight:500;color:#242934;line-height:1}.x-drawer--footer{display:flex;align-items:center;justify-content:flex-end;margin-top:auto;padding:0 20px;height:55px;background:#fff;border-top:1px solid var(--x-drawer-border-color);box-sizing:border-box}.x-dialog{--x-mask-background-color: rgb(29 33 41 / 60%);--x-dialog-radius: 6px}.x-dialog{position:fixed;top:0;right:0;bottom:0;left:0}.x-dialog--mask{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--x-mask-background-color)}.x-dialog--wrapper{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;text-align:center}.x-dialog--wrapper.is-center{display:flex;justify-content:center;align-items:center}.x-dialog--container{position:relative;display:inline-block;overflow:hidden;border-radius:var(--x-dialog-radius);background-color:#fff;transition:all .15s}.x-dialog--container.is-fullscreen{display:inline-flex;border-radius:0;width:100%;height:100%;flex-direction:column;vertical-align:middle}.x-dialog--container.is-fullscreen .x-dialog--footer{margin-top:auto}.x-dialog--header{position:relative;padding:30px 48px 0 25px;text-align:left;box-sizing:border-box}.x-dialog--header-title{overflow:hidden;font-size:18px;font-weight:700;text-overflow:ellipsis;white-space:nowrap;line-height:1}.x-dialog--header.is-bottom-line{border-bottom:1px solid var(--x-split-color);padding-bottom:20px}.x-dialog--body{padding:15px 25px;box-sizing:border-box;text-align:left}.x-dialog--content{line-height:1.5;color:#363636}.x-dialog--footer{display:flex;justify-content:flex-end;padding:0 18px 18px 25px}.x-dialog--close-icon{position:absolute;top:18px;right:18px;width:16px;height:16px;cursor:pointer;transition:background-color .5s ease}.x-dialog--close-icon:hover{background-color:#d5d9da;transition:background-color .5s ease}.x-dialog--close-icon:hover:before,.x-dialog--close-icon:hover:after{background-color:#fff;transition:background-color .5s ease}.x-dialog--close-icon:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:1px;height:100%;background-color:#9ca6b9;transition:background-color .5s ease}.x-dialog--close-icon:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);width:1px;height:100%;background-color:#9ca6b9;transition:background-color .5s ease}.x-dropdown{box-sizing:border-box;padding:4px 0;background-color:#fff;border:1px solid rgba(0,0,0,.06);border-radius:3px;box-shadow:0 4px 10px #0000001a}.x-dropdown--list{margin-top:0;margin-bottom:0;padding-left:0;list-style:none}.x-dropdown--list-wrapper{max-height:200px;overflow-y:auto}.x-dropdown--option{position:relative;z-index:1;display:flex;align-items:center;box-sizing:border-box;width:100%;padding:0 12px;color:#383838;font-size:14px;line-height:36px;text-align:left;background-color:transparent;cursor:pointer}.x-dropdown--option-content{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-dropdown--option-has-suffix{justify-content:space-between}.x-dropdown--option-active,.x-dropdown--option:not(.x-dropdown--option-disabled):hover{color:#333;background-color:#eee;transition:all .1s cubic-bezier(0,0,1,1)}.x-dropdown--option-disabled{color:#989898;background-color:#efefef;cursor:not-allowed}.x-dropdown--option-icon{display:inline-flex;margin-right:8px}.x-dropdown--option-suffix{margin-left:12px}.x-dropdown--group:first-child .x-dropdown--group--title{margin-top:8px}.x-dropdown--group--title{box-sizing:border-box;width:100%;margin-top:8px;padding:0 12px;color:#86909c;font-size:12px;line-height:20px;cursor:default;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-dropdown--submenu{margin-top:-4px}.x-dropdown-has-footer{padding-bottom:0}.x-dropdown--footer{border-top:1px solid rgba(0,0,0,.06)}.x-empty{box-sizing:border-box;width:100%;padding:10px 0;text-align:center}.x-empty--image{margin-bottom:4px;color:#00000040;font-size:80px;line-height:1}.x-empty--image img{height:80px}.x-empty--description{color:#0006;font-size:14px}.x-image{position:relative;display:inline-block;border-radius:8px}.x-image--img{vertical-align:middle;border-radius:inherit}.x-image-overlay{position:absolute;top:0;left:0;width:100%;height:100%}.x-image--footer{display:flex;width:100%;max-width:100%}.x-image--footer-caption{flex:1 1 auto}.x-image--footer-caption-title{font-weight:600;font-size:18px}.x-image--footer-caption-description{font-size:14px}.x-image--footer-extra{flex:0 0 auto;padding-left:12px}.x-image--with-footer-inner .x-image-footer{position:absolute;bottom:0;left:0;align-items:center;box-sizing:border-box;padding:10px 12px;color:#fff;background:#00000080;border-bottom-right-radius:8px;border-bottom-left-radius:8px}.x-image--with-footer-inner .x-image-footer-caption-title{color:#ddd}.x-image--with-footer-inner .x-image-footer-caption-description{color:#aaa}.x-image--with-footer-outer .x-image-footer{margin-top:20px;color:#222}.x-image--with-footer-outer .x-image-footer-caption-title{color:#444}.x-image--with-footer-outer .x-image-footer-caption-description{color:#666}.x-image--error{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:100%;color:#fff;background-color:#f44336}.x-image--error-icon{width:24px;max-width:100%;height:24px;max-height:100%}.x-image--error-icon>svg{width:100%;height:100%}.x-image--error-alt{padding:8px 16px;font-size:12px;line-height:1.5;text-align:center}.x-image--loader{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080}.x-image--loader-spin{position:absolute;top:50%;left:50%;color:#fff;font-size:16px;text-align:center;transform:translate(-50%,-50%)}.x-image--loader-spin-text{color:#fff;font-size:12px}.x-image--simple.x-image-with-footer-inner .x-image-footer{padding:12px 16px}.x-image--loading .x-image-img,.x-image--loading-error .x-image-img{visibility:hidden}.x-image-preview{position:fixed;top:0;left:0;z-index:1000;width:100%;height:100%}.x-image-preview-hide{display:none}.x-image-preview .x-image-preview--mask,.x-image-preview .x-image-preview--wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.x-image-preview--mask{background-color:#000000b3}.x-image-preview--img-container{width:100%;height:100%;text-align:center}.x-image-preview--img-container:before{display:inline-block;width:0;height:100%;vertical-align:middle;content:""}.x-image-preview--img-container .x-image-preview--img{display:inline-block;max-width:100%;max-height:100%;vertical-align:middle;cursor:grab;-webkit-user-select:none;user-select:none}.x-image-preview--img-container .x-image-preview--img.x-image-preview-img-moving{cursor:grabbing}.x-image-preview--scale-value{box-sizing:border-box;padding:10px 12px;color:#fff;font-size:14px;line-height:initial;background-color:#00000080;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.x-image-preview--toolbar{position:absolute;bottom:46px;left:50%;display:flex;align-items:flex-start;padding:4px 16px;background-color:#fff;border-radius:5px;transform:translate(-50%)}.x-image-preview--toolbar-action{display:flex;align-items:center;color:#4e5969;font-size:14px;background-color:transparent;border-radius:2px;cursor:pointer}.x-image-preview--toolbar-action:not(:last-of-type){margin-right:10px}.x-image-preview--toolbar-action:hover{color:#f1f1f1;background-color:#555}.x-image-preview--toolbar-action-disabled,.x-image-preview--toolbar-action-disabled:hover{color:#aaa;background-color:#222;cursor:not-allowed}.x-image-preview--toolbar-action-name{padding-right:8px;font-size:12px}.x-image-preview--toolbar-action--content{padding:13px;line-height:1}.x-image-preview--loading{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:40px;height:40px;padding:8px;color:#fff;font-size:16px;background-color:#666;border-radius:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.x-image-preview--close-btn{position:absolute;top:10px;right:10px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;color:#fff;font-size:18px;line-height:30px;text-align:center;background:#000000b3;border-radius:50%;cursor:pointer}.x-image-preview--arrow--left,.x-image-preview--arrow--right{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;width:30px;height:30px;color:#fff;background-color:#00000080;border-radius:50%;cursor:pointer}.x-image-preview--arrow--left>svg,.x-image-preview--arrow--right>svg{color:#fff;font-size:20px}.x-image-preview--arrow--left:hover,.x-image-preview--arrow--right:hover{background-color:#000000b3}.x-image-preview--arrow--left{top:50%;left:15px;transform:translateY(-50%)}.x-image-preview--arrow--right{top:50%;right:15px;transform:translateY(-50%)}.x-image-preview--arrow-disabled{color:#aaa;background-color:#0000004d;cursor:not-allowed}.x-image-preview--arrow-disabled>svg{color:#aaa}.x-image-preview--arrow-disabled:hover{background-color:#0000004d}.x-image-fade-enter-from,.x-image-fade-leave-to{opacity:0}.x-image-fade-enter-to,.x-image-fade-leave-from{opacity:1}.x-image-fade-enter-active,.x-image-fade-leave-active{transition:opacity .4s cubic-bezier(.3,1.3,.3,1)}.x-image-trigger{padding:6px 4px;background:red;border:1px solid #666666;border-radius:4px}.x-image-trigger--arrow{background-color:#999;border:1px solid #888}.x-message{--x-message-height: 36px;--x-message-width: 360px;--x-border-radius: 4px;--x-border-color: var(--x-info-border-color);--x-success-background-color: #f2f9ec;--x-success-color: #7ebf50;--x-warning-background-color: #fdf6ec;--x-warning-color: #e6a23c;--x-strong-background-color: #fff5f0;--x-strong-color: #ff7125;--x-error-background-color: #fef0f0;--x-error-color: #f56c6c;--x-info-background-color: #f4f4f5;--x-info-color: var(--x-primary);position:fixed;left:50%;display:flex;align-items:center;border-radius:var(--x-border-radius);padding:12px 16px 12px 12px;background-color:#fff;font-weight:500;color:#000000e0;transition:all .3s ease;box-sizing:border-box;transform:translate(-50%);box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d}.x-message--icon{margin-right:6px;font-size:18px}.x-message--show-close{justify-content:space-between}.x-message--close-icon{position:relative;display:inline-block;border-radius:100%;width:16px;height:16px;cursor:pointer}.x-message--close-icon:hover{background-color:#c5c9d4}.x-message--close-icon:hover:before,.x-message--close-icon:hover:after{height:70%;background-color:#fff}.x-message--close-icon:before{position:absolute;top:50%;left:50%;width:1px;height:70%;background-color:#bfc5d2;transition:background-color .2s;content:"";transform:translate(-50%,-50%) rotate(45deg)}.x-message--close-icon:after{position:absolute;top:50%;left:50%;width:1px;height:70%;background-color:#bfc5d2;transition:background-color .2s;content:"";transform:translate(-50%,-50%) rotate(-45deg)}.x-message-icon-success{color:var(--x-success-color)}.x-message-icon-warning{color:var(--x-warning-color)}.x-message-icon-strong{color:var(--x-strong-color)}.x-message-icon-error{color:var(--x-error-color)}.x-message-icon-info{color:var(--x-info-color)}.x-message-center{justify-content:center}.x-message-slide-top-enter-from,.x-message-slide-top-leave-to{opacity:0;transform:translate(-50%,-100%)}.x-message-slide-top-enter-to{opacity:1;transform:translate(-50%)}.x-message-box--header{padding:25px 0 10px;line-height:1;display:flex;justify-content:center;align-items:center}.x-message-box--body{padding:0 25px;box-sizing:border-box;text-align:center}.x-message-box--footer{padding:15px 0 20px;box-sizing:border-box}.x-message-box--icon{margin-right:4px}.x-message-box--title{font-size:18px;font-weight:600;color:#242934;line-height:1}.x-message-box--content{font-size:15px;font-weight:400;color:#363636;line-height:1.5}.x-message-box--close-icon{top:28px;right:20px}.x-notification{position:relative;border-radius:8px;padding:15px;width:338px;background:#fff;box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d;box-sizing:border-box}.x-notification-top{transition:top .2s,transform .2s ease,opacity .2s}.x-notification-bottom{transition:bottom .2s,transform .2s ease,opacity .2s}.x-notification--icon{font-size:22px;margin-right:8px}.x-notification-icon-info{color:var(--x-primary)}.x-notification-icon-success{color:var(--x-success)}.x-notification-icon-warning{color:var(--x-warning)}.x-notification-icon-strong{color:var(--x-strong)}.x-notification-icon-error{color:var(--x-danger)}.x-notification--header{display:inline-flex}.x-notification--title{font-size:18px;font-weight:600;color:#242934;line-height:22px;height:22px}.x-notification--message{box-sizing:border-box;margin-top:6px;font-size:14px;font-weight:400;color:#565656;line-height:1.6}.x-notification--close-icon{position:absolute;top:20px;right:20px;width:14px;height:14px;cursor:pointer}.x-notification--close-icon:hover{background-color:#d5d9da;transition:background-color .5s ease}.x-notification--close-icon:hover:before,.x-notification--close-icon:hover:after{background-color:#fff;transition:background-color .5s ease}.x-notification--close-icon:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:1px;height:100%;background-color:#9ca6b9}.x-notification--close-icon:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);width:1px;height:100%;background-color:#9ca6b9}.x-notification-slide-right-enter-from{transform:translate(100%)}.x-notification-slide-right-enter-to{transform:translate(0)}.x-notification-slide-left-enter-from{transform:translate(-100%)}.x-notification-slide-left-enter-to{transform:translate(0)}.x-notification-slide-right-leave-from,.x-notification-slide-left-leave-from{opacity:1}.x-notification-slide-right-leave-to,.x-notification-slide-left-leave-to{opacity:0}.x-popconfirm{display:flex;justify-content:center;align-items:center;border-radius:8px;padding:12px 10px;background-color:#fff;box-shadow:0 5px 12px 3px #2c303733;box-sizing:border-box;flex-direction:column;--x-popconfirm-icon-color: var(--x-danger)}.x-popconfirm--content{display:flex;align-items:center;width:100%;line-height:1}.x-popconfirm--title{flex-grow:1;margin-left:4px;font-size:13px;color:var(--x-color-1)}.x-popconfirm--footer{margin-top:10px}.x-popconfirm--icon{color:var(--x-popconfirm-icon-color)}.x-popconfirm-warning{--x-popconfirm-icon-color: var(--x-warning)}.x-popconfirm-success{--x-popconfirm-icon-color: var(--x-success)}.x-popconfirm-primary{--x-popconfirm-icon-color: var(--x-primary)}.x-popconfirm-strong{--x-popconfirm-icon-color: var(--x-strong)}.x-popconfirm-danger{--x-popconfirm-icon-color: var(--x-danger)}.x-popup{--x-mask-background-color: rgb(29 33 41 / 60%);--x-popup-radius: 6px}.x-popup{position:fixed;top:0;right:0;bottom:0;left:0}.x-popup--mask{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--x-mask-background-color)}.x-popup--wrapper{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto}.x-popup--wrapper.is-center{display:flex;justify-content:center;align-items:center}.x-popup--container{position:relative;left:50%;display:inline-block;overflow:hidden;border-radius:var(--x-popup-radius);background-color:#fff;transform:translate(-50%);transition:all .15s}.x-popup--container.is-fullscreen{display:inline-flex;border-radius:0;width:100%;height:100%;flex-direction:column;vertical-align:middle}.x-popup--container.is-fullscreen .x-popup--footer{margin-top:auto}.x-popup--header{position:relative;padding:30px 48px 0 25px;text-align:left;box-sizing:border-box}.x-popup--header-title{overflow:hidden;font-size:18px;font-weight:700;text-overflow:ellipsis;white-space:nowrap;line-height:1}.x-popup--header.is-bottom-line{border-bottom:1px solid var(--x-split-color);padding-bottom:20px}.x-popup--body{padding:15px 25px;box-sizing:border-box;text-align:left}.x-popup--content{line-height:1.5;color:#363636}.x-popup--footer{display:flex;justify-content:flex-end;padding:0 18px 18px 25px}.x-popup--close-icon{position:absolute;top:20px;right:18px;width:16px;height:16px;cursor:pointer;transition:background-color .5s ease}.x-popup--close-icon:hover{background-color:#d5d9da;transition:background-color .5s ease}.x-popup--close-icon:hover:before,.x-popup--close-icon:hover:after{background-color:#fff;transition:background-color .5s ease}.x-popup--close-icon:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:1px;height:100%;background-color:#9ca6b9;transition:background-color .5s ease}.x-popup--close-icon:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);width:1px;height:100%;background-color:#9ca6b9;transition:background-color .5s ease}.x-scrollbar-v2{position:relative}.x-scrollbar-v2--container{position:relative;scrollbar-width:none;overflow:auto}.x-scrollbar-v2--container::-webkit-scrollbar{display:none}.x-scrollbar-v2-track{position:absolute;z-index:100}.x-scrollbar-v2-track-direction-horizontal{bottom:0;left:0;box-sizing:border-box;width:100%;height:15px}.x-scrollbar-v2-track-direction-vertical{top:0;right:0;box-sizing:border-box;width:15px;height:100%}.x-scrollbar-v2--thumb{position:absolute;display:block;box-sizing:border-box}.x-scrollbar-v2--thumb--bar{width:100%;height:100%;background-color:#c9cdd4;border-radius:6px;transition:background-color ease .2s}.x-scrollbar-v2--thumb:hover .x-scrollbar-v2--thumb--bar,.x-scrollbar-v2--thumb-dragging .x-scrollbar-v2--thumb--bar{background-color:#8f9396}.x-scrollbar-v2--thumb-direction-horizontal .x-scrollbar-v2--thumb--bar{height:9px;margin:3px 0}.x-scrollbar-v2--thumb-direction-vertical .x-scrollbar-v2--thumb--bar{width:9px;margin:3px}.x-scrollbar-v2-type-embed .x-scrollbar-v2--thumb{opacity:0;transition:opacity ease .2s}.x-scrollbar-v2-type-embed .x-scrollbar-v2--thumb-dragging,.x-scrollbar-v2-type-embed:hover .x-scrollbar-v2--thumb{opacity:.8}.x-scrollbar-v2-type-track .x-scrollbar-v2-track{background-color:#f0f0f0}.x-scrollbar-v2-type-track .x-scrollbar-v2-track-direction-horizontal{border-top:1px solid rgb(229,230,235);border-bottom:1px solid rgb(229,230,235)}.x-scrollbar-v2-type-track .x-scrollbar-v2-track-direction-vertical{border-right:1px solid rgb(229,230,235);border-left:1px solid rgb(229,230,235)}.x-scrollbar-v2-type-track .x-scrollbar-v2--thumb-direction-horizontal{margin:-1px 0}.x-scrollbar-v2-type-track .x-scrollbar-v2--thumb-direction-vertical{margin:calc(0 - 1px)}.x-scrollbar-v2-type-track.x-scrollbar-v2-both .x-scrollbar-v2-track-direction-vertical:after{position:absolute;right:-1px;bottom:0;display:block;box-sizing:border-box;width:15px;height:15px;background-color:#f0f0f0;border-right:1px solid rgb(229,230,235);border-bottom:1px solid rgb(229,230,235);content:""}.x-space{display:inline-flex;vertical-align:bottom}.x-space--horizontal-center{align-items:center}.x-space--horizontal-start{align-items:flex-start}.x-space--horizontal-end{align-items:flex-end}.x-space--horizontal-baseline{align-items:baseline}.x-space--vertical{flex-direction:column}.x-space--split{color:var(--bn-color-5)}.x-space-is-fill{display:flex}.x-tabs .x-tabs-icon-hover{color:#999;font-size:16px;-webkit-user-select:none;user-select:none}.x-tabs-dropdown-icon{margin-left:10px;font-size:16px;-webkit-user-select:none;user-select:none}.x-tabs-tab-close-btn{margin-left:5px;-webkit-user-select:none;user-select:none}.x-tabs-nav-add-btn{display:inline-flex;align-items:center;justify-content:center;padding:0 5px;font-size:16px;-webkit-user-select:none;user-select:none}.x-tabs-add{position:relative}.x-tabs-nav-button-left{margin-right:10px;margin-left:12px}.x-tabs-nav-button-right{margin-right:12px;margin-left:10px}.x-tabs-nav-button-up{margin-bottom:12px}.x-tabs-nav-button-down{margin-top:12px}.x-tabs-nav-button-disabled{color:#ccc;cursor:not-allowed}.x-tabs{position:relative;overflow:hidden}.x-tabs--nav{position:relative;flex-shrink:0}.x-tabs--nav:before{position:absolute;right:0;bottom:0;left:0;display:block;clear:both;height:2px;background-color:#e1e1e1;content:""}.x-tabs--nav--tab{display:flex;flex:1;overflow:hidden}.x-tabs--nav--tab--list{position:relative;display:inline-block;white-space:nowrap;transition:transform .3s cubic-bezier(.25,.8,.25,1)}.x-tabs-nav-extra{display:flex;align-items:center;width:auto;line-height:40px}.x-tabs-nav-extra .x-tabs-nav-add-btn{padding-left:0}.x-tabs--tab{display:inline-flex;align-items:center;box-sizing:border-box;padding:max(0,round(40px / 2 - 1.4 * 14px / 2 - 8px)) 0;color:#333;font-size:14px;line-height:1.5715;outline:none;cursor:pointer;transition:color .3s linear}.x-tabs--tab--title{display:inline-block}.x-tabs--tab:hover{color:#666;font-weight:400}.x-tabs--tab-disabled,.x-tabs--tab-disabled:hover{color:#aaa;cursor:not-allowed}.x-tabs--tab-active,.x-tabs--tab-active:hover{color:var(--x-primary);font-weight:500}.x-tabs--tab-active.x-tabs-tab-disabled,.x-tabs--tab-active:hover.x-tabs-tab-disabled{color:red}.x-tabs--nav--ink{position:absolute;top:initial;right:initial;bottom:0;height:2px;background-color:var(--x-primary);transition:left .3s cubic-bezier(.25,.8,.25,1),width .3s cubic-bezier(.25,.8,.25,1)}.x-tabs--nav--ink.x-tabs-header-ink-no-animation{transition:none}.x-tabs--nav--ink-disabled{background-color:#ccc}.x-tabs-nav-type-line .x-tabs-nav-extra{line-height:35px}.x-tabs--nav-type-line .x-tabs--tab{margin:16px;padding:max(0,round(35px / 2 - 1.4 * 14px / 2 - 1px)) 0;line-height:1.5715}.x-tabs--nav-type-line .x-tabs--tab--title{position:relative;display:inline-block;padding:1px 0}.x-tabs--nav-type-line .x-tabs--tab--title:before{position:absolute;top:0;right:-8px;bottom:0;left:-8px;z-index:-1;background-color:transparent;border-radius:5px;opacity:1;transition:background-color .3s linear,opacity .3s linear;content:""}.x-tabs--nav-type-line .x-tabs--tab:hover .x-tabs-tab-title:before{background-color:#e0e0e0}.x-tabs--nav-type-line .x-tabs--tab-active .x-tabs-tab-title:before,.x-tabs--nav-type-line .x-tabs--tab-active:hover .x-tabs-tab-title:before{background-color:silver}.x-tabs--nav-type-line .x-tabs--tab-disabled .x-tabs-tab-title:before,.x-tabs--nav-type-line .x-tabs--tab-disabled:hover .x-tabs-tab-title:before{opacity:0}.x-tabs--nav-type-line .x-tabs--tab:focus-visible .x-tabs-tab-title:before{border:2px solid #1a73e8}.x-tabs--nav-type-line .x-tabs--nav-horizontal>.x-tabs--tab:first-of-type{margin-left:16px}.x-tabs--nav-type-line .x-tabs--nav-horizontal .x-tabs--nav--tab--list-no-padding>.x-tabs--tab:first-of-type,.x-tabs--nav-text .x-tabs--nav-horizontal .x-tabs--nav--tab--list-no-padding>.x-tabs--tab:first-of-type{margin-left:0}.x-tabs--nav-type-card .x-tabs-tab,.x-tabs--nav-type-card-gutter .x-tabs-tab{position:relative;padding:max(0,round(36px / 2 - 1.4 * 14px / 2 - 0)) [] 10px;font-size:14px;border:2px solid #ccc;transition:padding .3s linear,color .3s linear}.x-tabs--nav-type-card .x-tabs-tab-closable,.x-tabs--nav-type-card-gutter .x-tabs-tab-closable{padding-right:12px}.x-tabs--nav-type-card .x-tabs-tab-closable:not(.x-tabs-tab-active):hover .x-icon-hover:hover:before,.x-tabs--nav-type-card-gutter .x-tabs-tab-closable:not(.x-tabs-tab-active):hover .x-icon-hover:hover:before{background-color:#adff2f}.x-tabs--nav-type-card .x-tabs-tab:focus-visible:before,.x-tabs--nav-type-card-gutter .x-tabs-tab:focus-visible:before{position:absolute;top:-1px;right:0;bottom:-1px;left:-1px;border:2px solid #1a73e8;content:""}.x-tabs--nav-type-card .x-tabs-tab:last-child:focus-visible:before,.x-tabs--nav-type-card-gutter .x-tabs-tab:last-child:focus-visible:before{right:-1px}.x-tabs--nav-type-card .x-tabs-nav-add-btn,.x-tabs--nav-type-card-gutter .x-tabs-nav-add-btn{height:40px}.x-tabs--nav-type-card .x-tabs-tab{background-color:#fff;border-right:none}.x-tabs--nav-type-card .x-tabs-tab:last-child{border-right:2px solid #ccc;border-top-right-radius:5px}.x-tabs--nav-type-card .x-tabs-tab:first-child{border-top-left-radius:5px}.x-tabs--nav-type-card .x-tabs-tab:hover{background-color:#f0f0f0}.x-tabs--nav-type-card .x-tabs-tab-disabled,.x-tabs--nav-type-card .x-tabs-tab-disabled:hover{background-color:#dcdcdc}.x-tabs--nav-type-card .x-tabs-tab-active,.x-tabs--nav-type-card .x-tabs-tab-active:hover{background-color:#e0e0e0;border-bottom-color:red}.x-tabs--nav-type-card-gutter .x-tabs-tab{margin-left:4px;background-color:#fafafa;border-right:2px solid #ccc;border-radius:5px 5px 0 0}.x-tabs--nav-type-card-gutter .x-tabs-tab:hover{background-color:#f5f5f5}.x-tabs--nav-type-card-gutter .x-tabs-tab-disabled,.x-tabs--nav-type-card-gutter .x-tabs-tab-disabled:hover{background-color:#f0f0f0}.x-tabs--nav-type-card-gutter .x-tabs-tab-active,.x-tabs--nav-type-card-gutter .x-tabs-tab-active:hover{background-color:#d0d0d0;border-bottom-color:green}.x-tabs--nav-type-card-gutter .x-tabs-tab:first-child{margin-left:0}.x-tabs--nav-type-text:before{display:none}.x-tabs--nav-type-text .x--tabs--tab{position:relative;margin:0 16px;padding:max(0,round(35px / 2 - 1.4 * 14px / 2 - 0)) [] 0;font-size:14px;line-height:1.5715}.x-tabs--nav-type-text .x--tabs--tab:not(:first-of-type):before{position:absolute;top:50%;left:-16px;display:block;width:2px;height:6px;background-color:#bbb;transform:translateY(-50%);content:""}.x-tabs--nav-type-text .x--tabs--tab--title{padding-right:15px;padding-left:15px;background-color:#fff}.x-tabs--nav-type-text .x--tabs--tab--title:hover{background-color:#f5f5f5}.x-tabs--nav-type-text .x--tabs--tab-active .x-tabs-tab-title,.x-tabs--nav-type-text .x--tabs--tab-active .x-tabs-tab-title:hover{background-color:#e0e0e0}.x-tabs--nav-type-text .x--tabs--tab-disabled .x-tabs-tab-title,.x-tabs--nav-type-text .x--tabs--tab-disabled .x-tabs-tab-title:hover{background-color:#dcdcdc}.x-tabs--nav-type-text .x--tabs--tab-active .x-tabs--nav-type-text .x--tabs--tab-disabled .x-tabs-tab-title,.x-tabs--nav-type-text .x--tabs--tab-active .x-tabs--nav-type-text .x--tabs--tab-disabled .x-tabs-tab-title:hover{background-color:#b5b5b5}.x-tabs--nav-type-text .x--tabs--tab:focus-visible .x-tabs-tab-title{margin:-2px;border:2px solid #1a73e8}.x-tabs--nav-type-rounded:before{display:none}.x-tabs--nav-type-rounded .x--tabs--tab{margin:10px;padding:max(0,round(32px / 2 - 1.4 * 14px / 2 - 0)) 14px;font-size:14px;background-color:#eaeaea;border-radius:32px}.x-tabs--nav-type-rounded .x--tabs--tab:hover{background-color:#dcdcdc}.x-tabs--nav-type-rounded .x--tabs--tab-disabled:hover{background-color:#f5f5f5}.x-tabs--nav-type-rounded .x--tabs--tab-active,.x-tabs--nav-type-rounded .x--tabs--tab-active:hover{background-color:#c8c8c8}.x-tabs--nav-type-rounded .x--tabs--tab:focus-visible{border-color:#1a73e8}.x-tabs--nav-type-capsule:before{display:none}.x-tabs--nav-type-capsule .x--tabs--nav--tab:not(.x-tabs-nav-tab-scroll){justify-content:flex-end}.x-tabs--nav-type-capsule .x--tabs--nav--tab--list{padding:10px 15px;line-height:1;background-color:#fff;border-radius:20px}.x-tabs--nav-type-capsule .x--tabs--tab{position:relative;padding:0 12px;font-size:14px;line-height:12px;background-color:#fafafa}.x-tabs--nav-type-capsule .x--tabs--tab:hover{background-color:#f5f5f5}.x-tabs--nav-type-capsule .x--tabs--tab-disabled:hover{background-color:unset}.x-tabs--nav-type-capsule .x--tabs--tab-active,.x-tabs--nav-type-capsule .x--tabs--tab-active:hover{background-color:#e0e0e0}.x-tabs--nav-type-capsule .x--tabs--tab-active:before,.x-tabs--nav-type-capsule .x--tabs--tab-active+.x-tabs-tab:before,.x-tabs--nav-type-capsule .x--tabs--tab-active:hover:before,.x-tabs--nav-type-capsule .x--tabs--tab-active:hover+.x-tabs-tab:before{opacity:0}.x-tabs--nav-type-capsule .x--tabs--tab:focus-visible{border-color:#1a73e8}.x-tabs--nav-type-capsule.x--tabs--nav-horizontal .x--tabs--tab:not(:first-of-type){margin-left:10px}.x-tabs--nav-type-capsule.x--tabs--nav-horizontal .x--tabs--tab:not(:first-of-type):before{position:absolute;top:50%;left:calc(-6px - 2);display:block;width:2px;height:6px;background-color:#ddd;transform:translateY(-50%);transition:all .3s linear;content:""}.x-tabs--nav{position:relative;display:flex;align-items:center;overflow:hidden}.x-tabs--content{box-sizing:border-box;width:100%;padding-top:16px;overflow:hidden}.x-tabs--content-hide{display:none}.x-tabs--content--list{display:flex;width:100%}.x-tabs--content--item{flex-shrink:0;width:100%;height:0;overflow:hidden}.x-tabs--content--item-active{height:auto}.x-tabs-type-card>.x-tabs--content,.x-tabs-type-card-gutter>.x-tabs--content{border:1px solid #000000;border-top:none}.x-tabs--content-animation{transition:all .2s cubic-bezier(.34,.69,.1,1)}.x-tabs-horizontal,.x-tabs-justify{display:flex;flex-direction:column;height:100%}.x-tabs-horizontal .x-tabs--content,.x-tabs-horizontal .x-tabs--content-list,.x-tabs-horizontal .x-tabs--pane,.x-tabs-justify .x-tabs--content,.x-tabs-justify .x-tabs--content-list,.x-tabs-justify .x-tabs--pane{height:100%}.x-tabs-nav-size-mini.x-tabs-nav-type-line .x-tabs-tab{padding-top:10px;padding-bottom:10px;font-size:tab-size-mini-font-size}.x-tabs-nav-size-mini.x-tabs-nav-type-line .x-tabs-nav-extra{font-size:tab-size-mini-font-size;line-height:tab-size-mini-header-height_line}.x-tabs-nav-size-mini.x-tabs-nav-type-card .x-tabs-tab,.x-tabs-nav-size-mini.x-tabs-nav-type-card-gutter .x-tabs-tab{padding-top:max(0,round(tab-size-mini-header-height-4px / 2 - 1.4 * tab-size-mini-font-size_card / 2 - 1px));padding-bottom:5px;font-size:tab-size-mini-font-size_card}.x-tabs-nav-size-mini.x-tabs-nav-type-card .x-tabs-nav-extra,.x-tabs-nav-size-mini.x-tabs-nav-type-card-gutter .x-tabs-nav-extra{font-size:tab-size-mini-font-size_card;line-height:tab-size-mini-header-height}.x-tabs-nav-size-mini.x-tabs-nav-type-card .x-tabs-nav-add-btn,.x-tabs-nav-size-mini.x-tabs-nav-type-card-gutter .x-tabs-nav-add-btn{height:tab-size-mini-header-height}.x-tabs-nav-size-mini.x-tabs-nav-type-capsule .x-tabs-tab{font-size:tab-size-mini-font-size_capsule;line-height:tab-size-mini-header-height_capsule-8px}.x-tabs-nav-size-mini.x-tabs-nav-type-capsule .x-tabs-nav-extra{font-size:tab-size-mini-font-size_capsule;line-height:tab-size-mini-header-height_capsule}.x-tabs-nav-size-mini.x-tabs-nav-type-rounded .x-tabs-tab{padding-top:max(0,round(tab-size-mini-header-height_rounded / 2 - 1.4 * tab-size-mini-font-size_rounded / 2 - 0));padding-bottom:5px;font-size:tab-size-mini-font-size_rounded}.x-tabs-nav-size-mini.x-tabs-nav-type-rounded .x-tabs-nav-extra{font-size:tab-size-mini-font-size_rounded;line-height:tab-size-mini-header-height_rounded}.x-tabs-nav-size-small.x-tabs-nav-type-line .x-tabs-tab{padding-top:10px;padding-bottom:10px;font-size:tab-size-small-font-size}.x-tabs-nav-size-small.x-tabs-nav-type-line .x-tabs-nav-extra{font-size:tab-size-small-font-size;line-height:tab-size-small-header-height_line}.x-tabs-nav-size-small.x-tabs-nav-type-card .x-tabs-tab,.x-tabs-nav-size-small.x-tabs-nav-type-card-gutter .x-tabs-tab{padding-top:max(0,round(tab-size-small-header-height-4px / 2 - 1.4 * tab-size-small-font-size_card / 2 - 1px));padding-bottom:5px;font-size:tab-size-small-font-size_card}.x-tabs-nav-size-small.x-tabs-nav-type-card .x-tabs-nav-extra,.x-tabs-nav-size-small.x-tabs-nav-type-card-gutter .x-tabs-nav-extra{font-size:tab-size-small-font-size_card;line-height:tab-size-small-header-height}.x-tabs-nav-size-small.x-tabs-nav-type-card .x-tabs-nav-add-btn,.x-tabs-nav-size-small.x-tabs-nav-type-card-gutter .x-tabs-nav-add-btn{height:tab-size-small-header-height}.x-tabs-nav-size-small.x-tabs-nav-type-capsule .x-tabs-tab{font-size:tab-size-small-font-size_capsule;line-height:tab-size-small-header-height_capsule-8px}.x-tabs-nav-size-small.x-tabs-nav-type-capsule .x-tabs-nav-extra{font-size:tab-size-small-font-size_capsule;line-height:tab-size-small-header-height_capsule}.x-tabs-nav-size-small.x-tabs-nav-type-rounded .x-tabs-tab{padding-top:max(0,round(tab-size-small-header-height_rounded / 2 - 1.4 * tab-size-small-font-size_rounded / 2 - 0));padding-bottom:5px;font-size:tab-size-small-font-size_rounded}.x-tabs-nav-size-small.x-tabs-nav-type-rounded .x-tabs-nav-extra{font-size:tab-size-small-font-size_rounded;line-height:tab-size-small-header-height_rounded}.x-tabs-nav-size-large.x-tabs-nav-type-line .x-tabs-tab{padding-top:10px;padding-bottom:10px;font-size:tab-size-large-font-size}.x-tabs-nav-size-large.x-tabs-nav-type-line .x-tabs-nav-extra{font-size:tab-size-large-font-size;line-height:tab-size-large-header-height_line}.x-tabs-nav-size-large.x-tabs-nav-type-card .x-tabs-tab,.x-tabs-nav-size-large.x-tabs-nav-type-card-gutter .x-tabs-tab{padding-top:max(0,round(tab-size-large-header-height-4px / 2 - 1.4 * tab-size-large-font-size_card / 2 - 1px));padding-bottom:5px;font-size:tab-size-large-font-size_card}.x-tabs-nav-size-large.x-tabs-nav-type-card .x-tabs-nav-extra,.x-tabs-nav-size-large.x-tabs-nav-type-card-gutter .x-tabs-nav-extra{font-size:tab-size-large-font-size_card;line-height:tab-size-large-header-height}.x-tabs-nav-size-large.x-tabs-nav-type-card .x-tabs-nav-add-btn,.x-tabs-nav-size-large.x-tabs-nav-type-card-gutter .x-tabs-nav-add-btn{height:tab-size-large-header-height}.x-tabs-nav-size-large.x-tabs-nav-type-capsule .x-tabs-tab{font-size:tab-size-large-font-size_capsule;line-height:tab-size-large-header-height_capsule-8px}.x-tabs-nav-size-large.x-tabs-nav-type-capsule .x-tabs-nav-extra{font-size:tab-size-large-font-size_capsule;line-height:tab-size-large-header-height_capsule}.x-tabs-nav-size-large.x-tabs-nav-type-rounded .x-tabs-tab{padding-top:max(0,round(tab-size-large-header-height_rounded / 2 - 1.4 * tab-size-large-font-size_rounded / 2 - 0));padding-bottom:5px;font-size:tab-size-large-font-size_rounded}.x-tabs-nav-size-large.x-tabs-nav-type-rounded .x-tabs-nav-extra{font-size:tab-size-large-font-size_rounded;line-height:tab-size-large-header-height_rounded}.x-tag{--x-tag-color-red-text: rgb(245, 63, 63);--x-tag-color-red-bg: rgb(255, 236, 232);--x-tag-color-red-border: transparent;--x-tag-color-red-border-hover: rgb(255, 236, 232)}.x-tag{--x-tag-color-orangered-text: rgb(247, 114, 52);--x-tag-color-orangered-bg: rgb(255, 243, 232);--x-tag-color-orangered-border: transparent;--x-tag-color-orangered-border-hover: rgb(255, 243, 232)}.x-tag{--x-tag-color-orange-text: rgb(255, 125, 0);--x-tag-color-orange-bg: rgb(255, 247, 232);--x-tag-color-orange-border: transparent;--x-tag-color-orange-border-hover: rgb(255, 247, 232)}.x-tag{--x-tag-color-gold-text: rgb(247, 186, 30);--x-tag-color-gold-bg: rgb(255, 252, 232);--x-tag-color-gold-border: transparent;--x-tag-color-gold-border-hover: rgb(255, 252, 232)}.x-tag{--x-tag-color-lime-text: rgb(159, 219, 29);--x-tag-color-lime-bg: rgb(252, 255, 232);--x-tag-color-lime-border: transparent;--x-tag-color-lime-border-hover: rgb(252, 255, 232)}.x-tag{--x-tag-color-green-text: rgb(0, 180, 42);--x-tag-color-green-bg: rgb(232, 255, 234);--x-tag-color-green-border: transparent;--x-tag-color-green-border-hover: rgb(232, 255, 234)}.x-tag{--x-tag-color-cyan-text: rgb(20, 201, 201);--x-tag-color-cyan-bg: rgb(232, 255, 251);--x-tag-color-cyan-border: transparent;--x-tag-color-cyan-border-hover: rgb(232, 255, 251)}.x-tag{--x-tag-color-blue-text: rgb(52, 145, 250);--x-tag-color-blue-bg: rgb(232, 247, 255);--x-tag-color-blue-border: transparent;--x-tag-color-blue-border-hover: rgb(232, 247, 255)}.x-tag{--x-tag-color-better-blue-text: rgb(22, 93, 255);--x-tag-color-better-blue-bg: rgb(232, 243, 255);--x-tag-color-better-blue-border: transparent;--x-tag-color-better-blue-border-hover: rgb(232, 243, 255)}.x-tag{--x-tag-color-purple-text: rgb(114, 46, 209);--x-tag-color-purple-bg: rgb(245, 232, 255);--x-tag-color-purple-border: transparent;--x-tag-color-purple-border-hover: rgb(245, 232, 255)}.x-tag{--x-tag-color-pink-purple-text: rgb(217, 26, 217);--x-tag-color-pink-purple-bg: rgb(255, 232, 251);--x-tag-color-pink-purple-border: transparent;--x-tag-color-pink-purple-border-hover: rgb(255, 232, 251)}.x-tag{--x-tag-color-magenta-text: rgb(245, 49, 157);--x-tag-color-magenta-bg: rgb(255, 232, 241);--x-tag-color-magenta-border: transparent;--x-tag-color-magenta-border-hover: rgb(255, 232, 241)}.x-tag{--x-tag-color-gray-text: rgb(134, 144, 156);--x-tag-color-gray-bg: rgb(242, 243, 245);--x-tag-color-gray-border: transparent;--x-tag-color-gray-border-hover: rgb(242, 243, 245)}.x-tag{display:inline-flex;align-items:center;box-sizing:border-box;height:24px;padding:4px 8px;color:#1d2129;font-weight:500;font-size:12px;line-height:14px;vertical-align:middle;border:1px solid transparent;border-radius:2px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.x-tag .x-icon-hover.x-icon-hover:before{width:16px;height:16px}.x-tag .x-icon-hover.x-icon-hover:hover:before{background-color:silver}.x-tag-selectable{cursor:pointer;transition:all .3s linear}.x-tag-selectable:hover{background-color:silver;border-color:#b0b0b0}.x-tag-checked{background-color:#f2f3f5}.x-tag-size-small{height:20px;font-size:12px;line-height:18px}.x-tag-size-medium{height:24px;font-size:12px;line-height:22px}.x-tag-size-large{height:28px;font-size:14px;line-height:26px}.x-tag-hide{display:none}.x-tag-loading{cursor:default;opacity:.8}.x-tag-icon{margin-right:4px;color:#666}.x-tag-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-tag-color-red{color:var(--x-tag-color-red-text);background-color:var(--x-tag-color-red-bg);border:1px solid var(--x-tag-color-red-border)}.x-tag-color-red .x-icon-hover.x-icon-hover:hover:before{background-color:x-tag-color-red-icon-bg_hover}.x-tag-color-red .x-tag--close-icon:hover{background-color:var(--x-tag-color-red-text);color:var(--x-tag-color-red-bg)}.x-tag-color-orangered{color:var(--x-tag-color-orangered-text);background-color:var(--x-tag-color-orangered-bg);border:1px solid var(--x-tag-color-orangered-border)}.x-tag-color-orangered .x-icon-hover.x-icon-hover:hover:before{background-color:x-tag-color-orangered-icon-bg_hover}.x-tag-color-orangered .x-tag--close-icon:hover{background-color:var(--x-tag-color-orangered-text);color:var(--x-tag-color-orangered-bg)}.x-tag-color-orange{color:var(--x-tag-color-orange-text);background-color:var(--x-tag-color-orange-bg);border:1px solid var(--x-tag-color-orange-border)}.x-tag-color-orange .x-icon-hover.x-icon-hover:hover:before{background-color:x-tag-color-orange-icon-bg_hover}.x-tag-color-orange .x-tag--close-icon:hover{background-color:var(--x-tag-color-orange-text);color:var(--x-tag-color-orange-bg)}.x-tag-color-gold{color:var(--x-tag-color-gold-text);background-color:var(--x-tag-color-gold-bg);border:1px solid var(--x-tag-color-gold-border)}.x-tag-color-gold .x-icon-hover.x-icon-hover:hover:before{background-color:x-tag-color-gold-icon-bg_hover}.x-tag-color-gold .x-tag--close-icon:hover{background-color:var(--x-tag-color-gold-text);color:var(--x-tag-color-gold-bg)}.x-tag-color-lime{color:var(--x-tag-color-lime-text);background-color:var(--x-tag-color-lime-bg);border:1px solid var(--x-tag-color-lime-border)}.x-tag-color-lime .x-icon-hover.x-icon-hover:hover:before{background-color:x-tag-color-lime-icon-bg_hover}.x-tag-color-lime .x-tag--close-icon:hover{background-color:var(--x-tag-color-lime-text);color:var(--x-tag-color-lime-bg)}.x-tag-color-green{color:var(--x-tag-color-green-text);background-color:var(--x-tag-color-green-bg);border:1px solid var(--x-tag-color-green-border)}.x-tag-color-green .x-icon-hover.x-icon-hover:hover:before{background-color:x-tag-color-green-icon-bg_hover}.x-tag-color-green .x-tag--close-icon:hover{background-color:var(--x-tag-color-green-text);color:var(--x-tag-color-green-bg)}.x-tag-color-cyan{color:var(--x-tag-color-cyan-text);background-color:var(--x-tag-color-cyan-bg);border:1px solid var(--x-tag-color-cyan-border)}.x-tag-color-cyan .x-icon-hover.x-icon-hover:hover:before{background-color:x-tag-color-cyan-icon-bg_hover}.x-tag-color-cyan .x-tag--close-icon:hover{background-color:var(--x-tag-color-cyan-text);color:var(--x-tag-color-cyan-bg)}.x-tag-color-better-blue{color:var(--x-tag-color-better-blue-text);background-color:var(--x-tag-color-better-blue-bg);border:1px solid var(--x-tag-color-better-blue-border)}.x-tag-color-better-blue .x-icon-hover.x-icon-hover:hover:before{background-color:x-tag-color-better-blue-icon-bg_hover}.x-tag-color-better-blue .x-tag--close-icon:hover{background-color:var(--x-tag-color-better-blue-text);color:var(--x-tag-color-better-blue-bg)}.x-tag-color-blue{color:var(--x-tag-color-blue-text);background-color:var(--x-tag-color-blue-bg);border:1px solid var(--x-tag-color-blue-border)}.x-tag-color-blue .x-icon-hover.x-icon-hover:hover:before{background-color:x-tag-color-blue-icon-bg_hover}.x-tag-color-blue .x-tag--close-icon:hover{background-color:var(--x-tag-color-blue-text);color:var(--x-tag-color-blue-bg)}.x-tag-color-purple{color:var(--x-tag-color-purple-text);background-color:var(--x-tag-color-purple-bg);border:1px solid var(--x-tag-color-purple-border)}.x-tag-color-purple .x-icon-hover.x-icon-hover:hover:before{background-color:x-tag-color-purple-icon-bg_hover}.x-tag-color-purple .x-tag--close-icon:hover{background-color:var(--x-tag-color-purple-text);color:var(--x-tag-color-purple-bg)}.x-tag-color-pink-purple{color:var(--x-tag-color-pink-purple-text);background-color:var(--x-tag-color-pink-purple-bg);border:1px solid var(--x-tag-color-pink-purple-border)}.x-tag-color-pink-purple .x-icon-hover.x-icon-hover:hover:before{background-color:x-tag-color-pink-purple-icon-bg_hover}.x-tag-color-pink-purple .x-tag--close-icon:hover{background-color:var(--x-tag-color-pink-purple-text);color:var(--x-tag-color-pink-purple-bg)}.x-tag-color-magenta{color:var(--x-tag-color-magenta-text);background-color:var(--x-tag-color-magenta-bg);border:1px solid var(--x-tag-color-magenta-border)}.x-tag-color-magenta .x-icon-hover.x-icon-hover:hover:before{background-color:x-tag-color-magenta-icon-bg_hover}.x-tag-color-magenta .x-tag--close-icon:hover{background-color:var(--x-tag-color-magenta-text);color:var(--x-tag-color-magenta-bg)}.x-tag-color-gray{color:var(--x-tag-color-gray-text);background-color:var(--x-tag-color-gray-bg);border:1px solid var(--x-tag-color-gray-border)}.x-tag-color-gray .x-icon-hover.x-icon-hover:hover:before{background-color:x-tag-color-gray-icon-bg_hover}.x-tag-color-gray .x-tag--close-icon:hover{background-color:var(--x-tag-color-gray-text);color:var(--x-tag-color-gray-bg)}.x-tag-custom-color{color:#fff}.x-tag-custom-color .x-icon-hover.x-icon-hover:hover:before{background-color:#ff634733}.x-tag--close-icon{margin-left:4px;font-size:12px;border-radius:50%;cursor:pointer;transition:all .2s ease-in-out}.x-tag--close-icon:hover{background-color:#fff6}.x-tag--close-icon>svg{position:relative}.x-tag--loading-icon{margin-left:4px;font-size:12px}.x-trigger--wrapper{display:inline-block}.x-trigger--popup{position:absolute;z-index:1000}.x-trigger--arrow{position:absolute;z-index:-1;display:block;box-sizing:border-box;width:8px;height:8px;background-color:#000;content:""}.x-trigger--popup[trigger-placement=top] .x-trigger--arrow,.x-trigger--popup[trigger-placement=tl] .x-trigger--arrow,.x-trigger--popup[trigger-placement=tr] .x-trigger--arrow{border-top:none;border-left:none;border-bottom-right-radius:2px}.x-trigger--popup[trigger-placement=bottom] .x-trigger--arrow,.x-trigger--popup[trigger-placement=bl] .x-trigger--arrow,.x-trigger--popup[trigger-placement=br] .x-trigger--arrow{border-right:none;border-bottom:none;border-top-left-radius:2px}.x-trigger--popup[trigger-placement=left] .x-trigger--arrow,.x-trigger--popup[trigger-placement=lt] .x-trigger--arrow,.x-trigger--popup[trigger-placement=lb] .x-trigger--arrow{border-bottom:none;border-left:none;border-top-right-radius:2px}.x-trigger--popup[trigger-placement=right] .x-trigger--arrow,.x-trigger--popup[trigger-placement=rt] .x-trigger--arrow,.x-trigger--popup[trigger-placement=rb] .x-trigger--arrow{border-top:none;border-right:none;border-bottom-left-radius:2px}.x-tooltip--content{max-width:350px;padding:8px 12px;color:#fff;font-size:14px;line-height:1.5715;text-align:left;word-wrap:break-word;background-color:#000;border-radius:3px}.x-tooltip-mini{padding:4px 12px;font-size:14px}.x-tooltip-popup-arrow{background-color:#000}.x-timeline{display:flex;flex-direction:column}.x-timeline.-reverse{flex-direction:column-reverse}.x-timeline-item{--timeline-item-icon-background-color: var(--x-color-2);--timeline-item-icon-line-color: var(--x-color-4);--timeline-item-content-description-background-color: var(--x-color-6)}.x-timeline-item{position:relative}.x-timeline-item.-last .x-timeline-item__dot .x-timeline-item__dot__line{display:none}.x-timeline-item--dot{position:absolute;left:0;width:6px;height:100%;text-align:center}.x-timeline-item--dot--line{position:absolute;top:18px;bottom:-12px;left:50%;border-color:var(--timeline-item-icon-line-color);border-left-style:solid;border-left-width:1px;width:1px;box-sizing:border-box;transform:translate(-50%)}.x-timeline-item--dot--icon{position:relative;display:flex;justify-content:center;align-items:center;margin-top:12px;width:6px;height:6px;box-sizing:border-box}.x-timeline-item--dot--icon.-slot-icon>*{background:#fff}.x-timeline-item--dot--icon .icon{position:relative;display:block;border-radius:50%;width:6px;height:6px;background-color:var(--timeline-item-icon-background-color);box-sizing:border-box}.x-timeline-item--content{margin-right:6px;margin-left:20px}.x-timeline-item--content--label{line-height:1;margin-bottom:5px}.x-timeline-item--content--description{margin-bottom:5px;font-size:14px;font-weight:400;color:#646b7a}

package/dist/types.d.ts

@@ -1,24 +1,33 @@
 declare module 'vue' {
     interface GlobalComponents {
-        XButton: (typeof import('x-next'))['XButton'];
-        XDialog: (typeof import('x-next'))['XDialog'];
-        XMessage: (typeof import('x-next'))['XMessage'];
-        XMessageBox: (typeof import('x-next'))['XMessageBox'];
-        XNotification: (typeof import('x-next'))['XNotification'];
-        XSpace: (typeof import('x-next'))['XSpace'];
-        XPopconfirm: (typeof import('x-next'))['XPopconfirm'];
-        XTrendChart: (typeof import('x-next'))['XTrendChart'];
-        XTimeline: (typeof import('x-next'))['XTimeline'];
-        XTimelineItem: (typeof import('x-next'))['XTimelineItem'];
-        XPopup: (typeof import('x-next'))['XPopup'];
-        XScrollbar: (typeof import('x-next'))['XScrollbar'];
-        XDrawer: (typeof import('x-next'))['XDrawer'];
-        XTag: (typeof import('x-next'))['XTag'];
-        XTooltip: (typeof import('x-next'))['XTooltip'];
-        XImage: (typeof import('x-next'))['XImage'];
-        XImagePreview: (typeof import('x-next'))['XImagePreview'];
-        XImagePreviewGroup: (typeof import('x-next'))['XImagePreviewGroup'];
-        XImagePreviewAction: (typeof import('x-next'))['XImagePreviewAction'];
+        XButton: (typeof import('x-next'))['Button'];
+        XDialog: (typeof import('x-next'))['Dialog'];
+        XMessage: (typeof import('x-next'))['Message'];
+        XMessageBox: (typeof import('x-next'))['MessageBox'];
+        XNotification: (typeof import('x-next'))['Notification'];
+        XSpace: (typeof import('x-next'))['Space'];
+        XPopconfirm: (typeof import('x-next'))['Popconfirm'];
+        XTrendChart: (typeof import('x-next'))['TrendChart'];
+        XTimeline: (typeof import('x-next'))['Timeline'];
+        XTimelineItem: (typeof import('x-next'))['TimelineItem'];
+        XPopup: (typeof import('x-next'))['Popup'];
+        XScrollbar: (typeof import('x-next'))['Scrollbar'];
+        XDrawer: (typeof import('x-next'))['Drawer'];
+        XTag: (typeof import('x-next'))['Tag'];
+        XTooltip: (typeof import('x-next'))['Tooltip'];
+        XImage: (typeof import('x-next'))['Image'];
+        XImagePreview: (typeof import('x-next'))['ImagePreview'];
+        XImagePreviewGroup: (typeof import('x-next'))['ImagePreviewGroup'];
+        XImagePreviewAction: (typeof import('x-next'))['ImagePreviewAction'];
+        XTabPane: (typeof import('x-next'))['TabPane'];
+        XTabs: (typeof import('x-next'))['Tabs'];
+        XButtonGroup: (typeof import('x-next'))['ButtonGroup'];
+        XDropdown: (typeof import('x-next'))['Dropdown'];
+        XDropdownButton: (typeof import('x-next'))['DropdownButton'];
+        XEmpty: (typeof import('x-next'))['Empty'];
+        XDropdownOption: (typeof import('x-next'))['DropdownOption'];
+        XDropdownGroup: (typeof import('x-next'))['DropdownGroup'];
+        XDropdownSubmenu: (typeof import('x-next'))['DropdownSubmenu'];
     }
 }
 export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "x-next",
   "private": false,
-  "version": "0.0.0-alpha.50",
+  "version": "0.0.0-alpha.52",
   "description": "An amazing Vue3 UI library.",
   "type": "module",
   "main": "dist/index.umd.js",
@@ -40,7 +40,7 @@
     "prettier-plugin-packagejson": "^2.5.3",
     "sass": "^1.80.3",
     "typescript": "^5.6.3",
-    "vite": "^5.4.10",
+    "vite": "^5.4.14",
     "vite-plugin-dts": "^4.3.0",
     "vue": "^3.5.12",
     "vue-docgen-api": "^4.79.2",

package/volar.d.ts

@@ -1,25 +1,34 @@
 // Auto generated component declarations
 declare module 'vue' {
   export interface GlobalComponents {
-    XButton: (typeof import('x-next'))['XButton'];
-    XDialog: (typeof import('x-next'))['XDialog'];
-    XMessage: (typeof import('x-next'))['XMessage'];
-    XMessageBox: (typeof import('x-next'))['XMessageBox'];
-    XNotification: (typeof import('x-next'))['XNotification'];
-    XSpace: (typeof import('x-next'))['XSpace'];
-    XPopconfirm: (typeof import('x-next'))['XPopconfirm'];
-    XTrendChart: (typeof import('x-next'))['XTrendChart'];
-    XTimeline: (typeof import('x-next'))['XTimeline'];
-    XTimelineItem: (typeof import('x-next'))['XTimelineItem'];
-    XPopup: (typeof import('x-next'))['XPopup'];
-    XScrollbar: (typeof import('x-next'))['XScrollbar'];
-    XDrawer: (typeof import('x-next'))['XDrawer'];
-    XTag: (typeof import('x-next'))['XTag'];
-    XTooltip: (typeof import('x-next'))['XTooltip'];
-    XImage: (typeof import('x-next'))['XImage'];
-    XImagePreview: (typeof import('x-next'))['XImagePreview'];
-    XImagePreviewGroup: (typeof import('x-next'))['XImagePreviewGroup'];
-    XImagePreviewAction: (typeof import('x-next'))['XImagePreviewAction'];
+    XButton: (typeof import('x-next'))['Button'];
+    XDialog: (typeof import('x-next'))['Dialog'];
+    XMessage: (typeof import('x-next'))['Message'];
+    XMessageBox: (typeof import('x-next'))['MessageBox'];
+    XNotification: (typeof import('x-next'))['Notification'];
+    XSpace: (typeof import('x-next'))['Space'];
+    XPopconfirm: (typeof import('x-next'))['Popconfirm'];
+    XTrendChart: (typeof import('x-next'))['TrendChart'];
+    XTimeline: (typeof import('x-next'))['Timeline'];
+    XTimelineItem: (typeof import('x-next'))['TimelineItem'];
+    XPopup: (typeof import('x-next'))['Popup'];
+    XScrollbar: (typeof import('x-next'))['Scrollbar'];
+    XDrawer: (typeof import('x-next'))['Drawer'];
+    XTag: (typeof import('x-next'))['Tag'];
+    XTooltip: (typeof import('x-next'))['Tooltip'];
+    XImage: (typeof import('x-next'))['Image'];
+    XImagePreview: (typeof import('x-next'))['ImagePreview'];
+    XImagePreviewGroup: (typeof import('x-next'))['ImagePreviewGroup'];
+    XImagePreviewAction: (typeof import('x-next'))['ImagePreviewAction'];
+    XTabPane: (typeof import('x-next'))['TabPane'];
+    XTabs: (typeof import('x-next'))['Tabs'];
+    XButtonGroup: (typeof import('x-next'))['ButtonGroup'];
+    XDropdown: (typeof import('x-next'))['Dropdown'];
+    XDropdownButton: (typeof import('x-next'))['DropdownButton'];
+    XEmpty: (typeof import('x-next'))['Empty'];
+    XDropdownOption: (typeof import('x-next'))['DropdownOption'];
+    XDropdownGroup: (typeof import('x-next'))['DropdownGroup'];
+    XDropdownSubmenu: (typeof import('x-next'))['DropdownSubmenu'];
   }
 }
 export {};

package/dist/components/scrollbar/src/constant.d.ts

@@ -1 +0,0 @@
-export declare const TRACK_SIZE = 6;

package/dist/components/scrollbar/src/scrollbar.d.ts

@@ -1,24 +0,0 @@
-import { PropType, StyleValue, ExtractPropTypes } from 'vue';
-export declare const scrollbarProps: {
-    type: {
-        type: PropType<"track" | "embed">;
-        default: string;
-    };
-    outerClass: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-    outerStyle: {
-        type: PropType<StyleValue>;
-    };
-    hide: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    disableHorizontal: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    disableVertical: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-};
-export type ScrollProps = ExtractPropTypes<typeof scrollbarProps>;

package/dist/components/scrollbar/src/thumb.d.ts

@@ -1,20 +0,0 @@
-import { PropType, ExtractPropTypes } from 'vue';
-import { Direction, ThumbData } from './types';
-export declare const thumbProps: {
-    data: {
-        type: PropType<ThumbData>;
-    };
-    direction: {
-        type: PropType<Direction>;
-        default: string;
-    };
-    alwaysShow: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    both: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-};
-export type ThumbProps = ExtractPropTypes<typeof thumbProps>;

package/dist/components/scrollbar/src/thumb.vue.d.ts

@@ -1,47 +0,0 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    data: {
-        type: import('vue').PropType<import('./types').ThumbData>;
-    };
-    direction: {
-        type: import('vue').PropType<import('./types').Direction>;
-        default: string;
-    };
-    alwaysShow: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    both: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>, {
-    setOffset: (_offset: number) => void;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    scroll: (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    data: {
-        type: import('vue').PropType<import('./types').ThumbData>;
-    };
-    direction: {
-        type: import('vue').PropType<import('./types').Direction>;
-        default: string;
-    };
-    alwaysShow: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    both: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & Readonly<{
-    onScroll?: ((...args: any[]) => any) | undefined;
-}>, {
-    direction: "horizontal" | "vertical";
-    both: boolean;
-    alwaysShow: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
-    trackRef: HTMLDivElement;
-    thumbRef: HTMLDivElement;
-}, HTMLDivElement>;
-export default _default;