@charset "UTF-8";:root{--x-transition:0.3s;--x-neutral-color-light-1:#212226;--x-neutral-color-light-2:#4d5059;--x-neutral-color-light-3:#7c808c;--x-neutral-color-light-4:#abb1bf;--x-neutral-color-light-5:#c9cdd9;--x-neutral-color-light-6:#e2e6f1;--x-neutral-color-light-7:#ebeef5;--x-neutral-color-light-8:#f5f6fa;--x-neutral-color-light-9:#fafbff;--x-text-color-primary:#4d5059;--x-text-color-secondary:#7c808c;--x-text-color-disabled:#abb1bf;--x-text-color-placeholder:#c9cdd9;--x-text-color-light-8:#f5f6fa;--x-text-color-light-9:#fafbff;--x-font-size-small:12px;--x-font-size-default:14px;--x-font-size-large:16px;--x-border-color-default:#e2e6f1;--x-border-color-disabled:#ebeef5;--x-border-color-hover:#C9CDD9;--x-border-color-light-8:#f5f6fa;--x-component-size-small:24px;--x-component-size-default:32px;--x-component-size-large:40px;--x-color-white:#ffffff;--x-color-black:#000000;--x-color-disabled-bg:#F5F6FA;--x-component-round-small:10px;--x-component-round-default:12px;--x-component-round-large:14px;--x-component-round-round:100px;--x-padding-small:6px;--x-padding-default:10px;--x-padding-large:10px;--x-checkbox-size-small:16px;--x-checkbox-size-default:20px;--x-checkbox-size-large:24px;--x-checkbox-round-small:7px;--x-checkbox-round-default:8.5px;--x-checkbox-round-large:10.5px;--x-checkbox-icon-size-small:10px;--x-checkbox-icon-size-default:14px;--x-checkbox-icon-size-large:18px;--x-checkbox-indeterminate-size-small:8px;--x-checkbox-indeterminate-size-default:10px;--x-checkbox-indeterminate-size-large:12px;--x-checkbox-indeterminate-round-small:3.5px;--x-checkbox-indeterminate-round-default:4px;--x-checkbox-indeterminate-round-large:5px;--x-radio-size-small:16px;--x-radio-size-default:20px;--x-radio-size-large:24px;--x-radio-icon-size-small:6px;--x-radio-icon-size-default:8px;--x-radio-icon-size-large:10px;--x-gap-default:8px;--x-color-primary:#3069ff;--x-color-success:#14cd70;--x-color-warning:#ffa81a;--x-color-error:#ff4a5b;--x-color-primary-light-1:#4578ff;--x-color-primary-light-2:#5987ff;--x-color-primary-light-3:#6e96ff;--x-color-primary-light-4:#83a5ff;--x-color-primary-light-5:#98b4ff;--x-color-primary-light-6:#acc3ff;--x-color-primary-light-7:#c1d2ff;--x-color-primary-light-8:#d6e1ff;--x-color-primary-light-9:#eaf0ff;--x-color-success-light-1:#2cd27e;--x-color-success-light-2:#43d78d;--x-color-success-light-3:#5bdc9b;--x-color-success-light-4:#72e1a9;--x-color-success-light-5:#8ae6b8;--x-color-success-light-6:#a1ebc6;--x-color-success-light-7:#b9f0d4;--x-color-success-light-8:#d0f5e2;--x-color-success-light-9:#e8faf1;--x-color-warning-light-1:#ffb131;--x-color-warning-light-2:#ffb948;--x-color-warning-light-3:#ffc25f;--x-color-warning-light-4:#ffcb76;--x-color-warning-light-5:#ffd48d;--x-color-warning-light-6:#ffdca3;--x-color-warning-light-7:#ffe5ba;--x-color-warning-light-8:#ffeed1;--x-color-warning-light-9:#fff6e8;--x-color-error-light-1:#ff5c6b;--x-color-error-light-2:#ff6e7c;--x-color-error-light-3:#ff808c;--x-color-error-light-4:#ff929d;--x-color-error-light-5:#ffa5ad;--x-color-error-light-6:#ffb7bd;--x-color-error-light-7:#ffc9ce;--x-color-error-light-8:#ffdbde;--x-color-error-light-9:#ffedef}@font-face{font-family:Aileron;src:url(Aileron.otf)}body{font-family:Aileron}.pointer{cursor:pointer}:root{--x-button-padding-small:8px;--x-button-padding-default:14px;--x-button-padding-large:16px;--x-button-space-small:4px;--x-button-space-default:6px;--x-button-space-large:6px}.x-button{--x-button-border-color:var(--x-border-color-default);--x-button-text-color:var(--x-text-color-primary);--x-button-bg-color:var(--x-color-white);--x-button-is-link-color:var(--x-text-color-primary);--x-button-is-text-color:var(--x-text-color-primary);--x-button-is-text-bg-color:var(--x-color-white);--x-button-hover-text-color:var(--x-color-primary);--x-button-hover-bg-color:var(--x-color-primary-light-9);--x-button-hover-border-color:var(--x-color-primary-light-7);--x-button-hover-is-link-color:var(--x-text-color-secondary);--x-button-hover-is-text-color:var(--x-text-color-primary);--x-button-hover-is-text-bg-color:var(--x-text-color-light-8);--x-button-disabled-text-color:var(--x-text-color-disabled);--x-button-disabled-bg-color:var(--x-color-disabled-bg);--x-button-disabled-border-color:var(--x-border-color-disabled);--x-button-disabled-is-link-color:var(--x-text-color-disabled);--x-button-disabled-is-text-color:var(--x-text-color-disabled);--x-button-disabled-is-text-bg-color:var(--x-color-white);--x-button-size:var(--x-component-size-default);--x-button-font-size:var(--x-font-size-default);--x-button-radius:var(--x-component-round-default);--x-button-padding:var(--x-button-padding-default);--x-button-space:var(--x-button-space-default)}.x-button{display:inline-flex;align-items:center;justify-content:center;height:var(--x-button-size);min-width:80px;padding:0 var(--x-button-padding);background-color:var(--x-button-bg-color);border-radius:var(--x-button-radius);border:2px solid var(--x-button-border-color);box-sizing:border-box;line-height:1;color:var(--x-button-text-color);text-align:center;font-size:var(--x-button-font-size);white-space:nowrap;transition:var(--x-transition);outline:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;gap:0 var(--x-button-space)}.x-button span{line-height:1;display:inline-flex;align-items:center;gap:0 var(--x-button-space)}.x-button:hover{color:var(--x-button-hover-text-color);background-color:var(--x-button-hover-bg-color);border-color:var(--x-button-hover-border-color)}.x-button.is-disabled,.x-button.is-loading{color:var(--x-button-disabled-text-color);background-color:var(--x-button-disabled-bg-color);border-color:var(--x-button-disabled-border-color);cursor:not-allowed}.x-button+.x-button{margin-left:16px}.x-button.is-round{border-radius:var(--x-component-round-round)}.x-button.is-text{color:var(--x-button-is-text-color);background-color:transparent;border-color:transparent}.x-button.is-text:hover{background-color:var(--x-button-hover-is-text-bg-color);border-color:var(--x-button-hover-is-text-bg-color)}.x-button.is-text.is-disabled,.x-button.is-text.is-loading{color:var(--x-button-disabled-is-text-color);background-color:var(--x-button-disabled-is-text-bg-color);border-color:var(--x-button-disabled-is-text-bg-color)}.x-button.is-border{color:var(--x-button-is-text-color)}.x-button.is-border,.x-button.is-border:hover{background-color:#fff}.x-button.is-dashed{border-style:dashed}.x-button.is-block{display:block;width:100%;margin-left:0}.x-button .x-icon{font-size:var(--x-button-font-size)}.x-button--size_small{min-width:auto}.x-button--size_small.is-button-group:first-child{border-radius:10px 0 0 10px}.x-button--size_small.is-button-group:last-child{border-radius:0 10px 10px 0}.x-button.x-button--size_default .x-icon{font-size:14px}.x-button.x-button--size_large{font-size:16px}.x-button.x-button--size_large .x-icon{font-size:16px}.x-button.is-link{color:var(--x-button-is-link-color)}.x-button.is-link:hover{color:var(--x-button-hover-is-link-color)}.x-button.is-link.is-disabled,.x-button.is-link.is-loading{color:var(--x-button-disabled-is-link-color)}.x-button.is-link,.x-button.is-link:hover{padding:0;height:auto;min-width:auto;background-color:transparent;border-color:transparent;text-decoration:underline}.x-button.is-circle{border-radius:100px;padding:0;min-width:auto;width:var(--x-button-size)}.x-button.is-button-group{border-radius:0}.x-button.is-button-group+.is-button-group{margin-left:-2px}.x-button.is-button-group:first-child{border-radius:12px 0 0 12px}.x-button.is-button-group:last-child{border-radius:0 12px 12px 0}.x-button--size_small{--x-button-space:var(--x-button-space-small);--x-button-padding:var(--x-button-padding-small);--x-button-radius:var(--x-component-round-small);--x-button-font-size:var(--x-font-size-small);--x-button-size:var(--x-component-size-small)}.x-button--size_default{--x-button-space:var(--x-button-space-default);--x-button-padding:var(--x-button-padding-default);--x-button-radius:var(--x-component-round-default);--x-button-font-size:var(--x-font-size-default);--x-button-size:var(--x-component-size-default)}.x-button--size_large{--x-button-space:var(--x-button-space-large);--x-button-padding:var(--x-button-padding-large);--x-button-radius:var(--x-component-round-large);--x-button-font-size:var(--x-font-size-large);--x-button-size:var(--x-component-size-large)}.x-button--primary{--x-button-border-color:var(--x-color-primary);--x-button-text-color:var(--x-color-white);--x-button-bg-color:var(--x-color-primary);--x-button-is-link-color:var(--x-color-primary);--x-button-is-text-color:var(--x-color-primary);--x-button-is-text-bg-color:var(--x-color-white);--x-button-hover-text-color:var(--x-color-white);--x-button-hover-bg-color:var(--x-color-primary-light-3);--x-button-hover-border-color:var(--x-color-primary-light-3);--x-button-hover-is-link-color:var(--x-color-primary-light-4);--x-button-hover-is-text-color:var(--x-color-primary);--x-button-hover-is-text-bg-color:var(--x-color-primary-light-9);--x-button-disabled-text-color:var(--x-color-white);--x-button-disabled-bg-color:var(--x-color-primary-light-5);--x-button-disabled-border-color:var(--x-color-primary-light-5);--x-button-disabled-is-link-color:var(--x-color-primary-light-5);--x-button-disabled-is-text-color:var(--x-color-primary-light-5);--x-button-disabled-is-text-bg-color:var(--x-color-white)}.x-button--success{--x-button-border-color:var(--x-color-success);--x-button-text-color:var(--x-color-white);--x-button-bg-color:var(--x-color-success);--x-button-is-link-color:var(--x-color-success);--x-button-is-text-color:var(--x-color-success);--x-button-is-text-bg-color:var(--x-color-white);--x-button-hover-text-color:var(--x-color-white);--x-button-hover-bg-color:var(--x-color-success-light-3);--x-button-hover-border-color:var(--x-color-success-light-3);--x-button-hover-is-link-color:var(--x-color-success-light-4);--x-button-hover-is-text-color:var(--x-color-success);--x-button-hover-is-text-bg-color:var(--x-color-success-light-9);--x-button-disabled-text-color:var(--x-color-white);--x-button-disabled-bg-color:var(--x-color-success-light-5);--x-button-disabled-border-color:var(--x-color-success-light-5);--x-button-disabled-is-link-color:var(--x-color-success-light-5);--x-button-disabled-is-text-color:var(--x-color-success-light-5);--x-button-disabled-is-text-bg-color:var(--x-color-white)}.x-button--warning{--x-button-border-color:var(--x-color-warning);--x-button-text-color:var(--x-color-white);--x-button-bg-color:var(--x-color-warning);--x-button-is-link-color:var(--x-color-warning);--x-button-is-text-color:var(--x-color-warning);--x-button-is-text-bg-color:var(--x-color-white);--x-button-hover-text-color:var(--x-color-white);--x-button-hover-bg-color:var(--x-color-warning-light-3);--x-button-hover-border-color:var(--x-color-warning-light-3);--x-button-hover-is-link-color:var(--x-color-warning-light-4);--x-button-hover-is-text-color:var(--x-color-warning);--x-button-hover-is-text-bg-color:var(--x-color-warning-light-9);--x-button-disabled-text-color:var(--x-color-white);--x-button-disabled-bg-color:var(--x-color-warning-light-5);--x-button-disabled-border-color:var(--x-color-warning-light-5);--x-button-disabled-is-link-color:var(--x-color-warning-light-5);--x-button-disabled-is-text-color:var(--x-color-warning-light-5);--x-button-disabled-is-text-bg-color:var(--x-color-white)}.x-button--error{--x-button-border-color:var(--x-color-error);--x-button-text-color:var(--x-color-white);--x-button-bg-color:var(--x-color-error);--x-button-is-link-color:var(--x-color-error);--x-button-is-text-color:var(--x-color-error);--x-button-is-text-bg-color:var(--x-color-white);--x-button-hover-text-color:var(--x-color-white);--x-button-hover-bg-color:var(--x-color-error-light-3);--x-button-hover-border-color:var(--x-color-error-light-3);--x-button-hover-is-link-color:var(--x-color-error-light-4);--x-button-hover-is-text-color:var(--x-color-error);--x-button-hover-is-text-bg-color:var(--x-color-error-light-9);--x-button-disabled-text-color:var(--x-color-white);--x-button-disabled-bg-color:var(--x-color-error-light-5);--x-button-disabled-border-color:var(--x-color-error-light-5);--x-button-disabled-is-link-color:var(--x-color-error-light-5);--x-button-disabled-is-text-color:var(--x-color-error-light-5);--x-button-disabled-is-text-bg-color:var(--x-color-white)}.x-input{--x-input-text-color:var(--x-text-color-primary);--x-input-text-color-aside:var(--x-text-color-secondary);--x-input-border-color:var(--x-border-color-default);--x-input-bg-color:var(--x-color-white);--x-input-bg-color-aside:var(--x-color-disabled-bg);--x-input-size:var(--x-component-size-default);--x-input-font-size:var(--x-font-size-default);--x-input-round:var(--x-component-round-default);--x-input-padding:var(--x-padding-default);display:inline-flex;align-items:center;width:100%}.x-input:hover{--x-input-border-color:var(--x-border-color-hover)}.x-input.is-focus{--x-input-border-color:var(--x-color-primary)}.x-input.is-disabled{--x-input-border-color:var(--x-border-color-disabled);--x-input-bg-color:var(--x-color-disabled-bg);--x-input-text-color:var(--x-text-color-placeholder);--x-input-text-color-aside:var(--x-text-color-placeholder)}.x-input__wrapper{display:inline-flex;align-items:center;padding:0 var(--x-input-padding);height:var(--x-input-size);width:100%;border:2px solid var(--x-input-border-color);border-radius:var(--x-input-round);background-color:var(--x-input-bg-color);box-sizing:border-box;transition:var(--x-transition);line-height:var(--x-input-size)}.x-input__wrapper.is-aside-prepend{border-top-left-radius:0;border-bottom-left-radius:0}.x-input__wrapper.is-aside-append{border-top-right-radius:0;border-bottom-right-radius:0}.x-input__inner{height:100%;width:100%;border:none;padding:0;outline:0;background-color:transparent;color:var(--x-input-text-color);font-size:var(--x-input-font-size)}.x-input__inner.is-color-error{--x-input-text-color:var(--x-color-error)}.x-input--size_small{--x-input-font-size:var(--x-font-size-small);--x-input-size:var(--x-component-size-small);--x-input-round:var(--x-component-round-small)}.x-input--size_large{--x-input-font-size:var(--x-font-size-large);--x-input-size:var(--x-component-size-large)}.x-input.is-round{--x-input-round:var(--x-component-round-round)}.x-input__fix-wrapper{display:inline-flex;align-items:center;justify-content:center;height:100%}.x-input__fix{display:flex;align-items:center;color:var(--x-text-color-placeholder);font-size:var(--x-input-font-size);border-radius:var(--x-input-round);box-sizing:border-box;transition:var(--x-transition);background-color:var(--x-input-bg-color);height:100%}.x-input__fix>span{color:var(--x-input-text-color);font-size:inherit}.x-input__prefix{padding-right:var(--x-input-padding)}.x-input__suffix{padding-left:var(--x-input-padding)}.x-input__fix-inner{color:var(--x-input-text-color);font-size:var(--x-input-font-size);-webkit-user-select:none;-moz-user-select:none;user-select:none}.x-input__aside-wrapper{display:inline-flex;align-items:center;justify-content:center;height:var(--x-input-size)}.x-input__aside{display:inline-flex;align-items:center;justify-content:center;height:100%;border:2px solid var(--x-input-border-color);border-radius:var(--x-input-round);background-color:var(--x-input-bg-color-aside);box-sizing:border-box;padding:0 var(--x-input-padding);transition:var(--x-transition);font-size:var(--x-input-font-size);-webkit-user-select:none;-moz-user-select:none;user-select:none;color:var(--x-input-text-color-aside)}.x-input__prepend{border-top-right-radius:0;border-bottom-right-radius:0;border-right:none}.x-input__prepend .x-button{border-top-right-radius:0;border-bottom-right-radius:0;border-right:none;min-width:auto;padding:0 var(--x-input-padding)}.x-input__append{border-top-left-radius:0;border-bottom-left-radius:0;border-left:none}.x-input__append .x-button{border-top-left-radius:0;border-bottom-left-radius:0;border-left:none;min-width:auto;padding:0 var(--x-input-padding)}.x-input .x-button--default{color:var(--x-input-text-color-aside)}.x-input .x-icon+.x-icon{margin-left:var(--x-input-padding)}.x-input__count{font-size:12px;margin-left:var(--x-input-padding);line-height:1;white-space:pre}input::-moz-placeholder{color:var(--x-text-color-placeholder)}input::placeholder{color:var(--x-text-color-placeholder)}input::-webkit-input-placeholder{color:var(--x-text-color-placeholder)}input:-moz-placeholder{color:var(--x-text-color-placeholder)}input::-moz-placeholder{color:var(--x-text-color-placeholder)}input:-ms-input-placeholder{color:var(--x-text-color-placeholder)}input::-ms-input-placeholder{color:var(--x-text-color-placeholder)}.x-textarea{--x-textarea-text-color:var(--x-text-color-primary);--x-textarea-text-color-aside:var(--x-text-color-secondary);--x-textarea-border-color:var(--x-border-color-default);--x-textarea-bg-color:var(--x-color-white);--x-textarea-bg-color-aside:var(--x-color-disabled-bg);--x-textarea-size:var(--x-component-size-default);--x-textarea-font-size:var(--x-font-size-default);--x-textarea-padding:var(--x-padding-default);--x-textarea-round:var(--x-component-round-default);display:flex;position:relative}.x-textarea:hover{--x-textarea-border-color:var(--x-border-color-hover)}.x-textarea__inner{display:flex;width:100%;border:2px solid var(--x-textarea-border-color);border-radius:var(--x-textarea-round);background-color:var(--x-textarea-bg-color);align-items:center;padding:5px var(--x-textarea-padding);box-sizing:border-box;outline:0;color:var(--x-textarea-text-color);font-size:var(--x-textarea-font-size);line-height:1.5;font-family:inherit;resize:vertical;min-height:60px}.x-textarea__inner.is-focus{--x-textarea-border-color:var(--x-color-primary)}.x-textarea__inner.is-color-danger{--x-textarea-text-color:var(--x-color-danger)}.x-textarea__inner.is-disabled{--x-textarea-border-color:var(--x-border-color-disabled);--x-textarea-bg-color:var(--x-color-disabled-bg);--x-textarea-text-color:var(--x-text-color-disabled);--x-textarea-text-color-aside:var(--x-text-color-placeholder);resize:none}.x-textarea__count{position:absolute;right:10px;bottom:5px;font-size:12px;font-size:12px;line-height:1;white-space:pre;color:var(--x-text-color-disabled);background-color:#fff;padding:2px}textarea::-moz-placeholder{color:var(--x-text-color-placeholder)}textarea::placeholder{color:var(--x-text-color-placeholder)}textarea::-webkit-input-placeholder{color:var(--x-text-color-placeholder)}textarea:-moz-placeholder{color:var(--x-text-color-placeholder)}textarea::-moz-placeholder{color:var(--x-text-color-placeholder)}textarea:-ms-input-placeholder{color:var(--x-text-color-placeholder)}textarea::-ms-input-placeholder{color:var(--x-text-color-placeholder)}.is-loading-transition{animation:rotate 1.2s linear 0s infinite}@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.x-icon{height:1em;width:1em;line-height:1em;display:inline-flex;justify-content:center;align-items:center;position:relative;fill:currentColor;font-size:inherit;font-style:normal}.x-icon svg{width:1em;height:1em}::-webkit-scrollbar{height:4px;width:4px}@media (any-hover:none){::-webkit-scrollbar{display:none}}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:8px}::-webkit-scrollbar-corner{display:none}@media (any-hover:hover){::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.3)}}.x-row{display:flex;flex-wrap:wrap;box-sizing:border-box}.x-row.is-justify-center{justify-content:center}.x-row.is-justify-end{justify-content:flex-end}.x-row.is-justify-start{justify-content:flex-start}.x-row.is-justify-space-around{justify-content:space-around}.x-row.is-justify-space-between{justify-content:space-between}.x-row.is-justify-space-evenly{justify-content:space-evenly}.x-col{display:block;min-height:1px;box-sizing:border-box}.x-col-1{min-width:4.1666666667%;flex:0 0 4.1666666667%}.x-col-offset-1{margin-left:4.1666666667%}.x-col-2{min-width:8.3333333333%;flex:0 0 8.3333333333%}.x-col-offset-2{margin-left:8.3333333333%}.x-col-3{min-width:12.5%;flex:0 0 12.5%}.x-col-offset-3{margin-left:12.5%}.x-col-4{min-width:16.6666666667%;flex:0 0 16.6666666667%}.x-col-offset-4{margin-left:16.6666666667%}.x-col-5{min-width:20.8333333333%;flex:0 0 20.8333333333%}.x-col-offset-5{margin-left:20.8333333333%}.x-col-6{min-width:25%;flex:0 0 25%}.x-col-offset-6{margin-left:25%}.x-col-7{min-width:29.1666666667%;flex:0 0 29.1666666667%}.x-col-offset-7{margin-left:29.1666666667%}.x-col-8{min-width:33.3333333333%;flex:0 0 33.3333333333%}.x-col-offset-8{margin-left:33.3333333333%}.x-col-9{min-width:37.5%;flex:0 0 37.5%}.x-col-offset-9{margin-left:37.5%}.x-col-10{min-width:41.6666666667%;flex:0 0 41.6666666667%}.x-col-offset-10{margin-left:41.6666666667%}.x-col-11{min-width:45.8333333333%;flex:0 0 45.8333333333%}.x-col-offset-11{margin-left:45.8333333333%}.x-col-12{min-width:50%;flex:0 0 50%}.x-col-offset-12{margin-left:50%}.x-col-13{min-width:54.1666666667%;flex:0 0 54.1666666667%}.x-col-offset-13{margin-left:54.1666666667%}.x-col-14{min-width:58.3333333333%;flex:0 0 58.3333333333%}.x-col-offset-14{margin-left:58.3333333333%}.x-col-15{min-width:62.5%;flex:0 0 62.5%}.x-col-offset-15{margin-left:62.5%}.x-col-16{min-width:66.6666666667%;flex:0 0 66.6666666667%}.x-col-offset-16{margin-left:66.6666666667%}.x-col-17{min-width:70.8333333333%;flex:0 0 70.8333333333%}.x-col-offset-17{margin-left:70.8333333333%}.x-col-18{min-width:75%;flex:0 0 75%}.x-col-offset-18{margin-left:75%}.x-col-19{min-width:79.1666666667%;flex:0 0 79.1666666667%}.x-col-offset-19{margin-left:79.1666666667%}.x-col-20{min-width:83.3333333333%;flex:0 0 83.3333333333%}.x-col-offset-20{margin-left:83.3333333333%}.x-col-21{min-width:87.5%;flex:0 0 87.5%}.x-col-offset-21{margin-left:87.5%}.x-col-22{min-width:91.6666666667%;flex:0 0 91.6666666667%}.x-col-offset-22{margin-left:91.6666666667%}.x-col-23{min-width:95.8333333333%;flex:0 0 95.8333333333%}.x-col-offset-23{margin-left:95.8333333333%}.x-col-24{min-width:100%;flex:0 0 100%}.x-col-offset-24{margin-left:100%}.x-container{display:flex;flex:1}.x-container.is-vertical{flex-direction:column}:root{--x-badge-dot-size-small:14px;--x-badge-dot-size-default:16px;--x-badge-dot-size-large:18px}.x-badge{--x-badge-bg-color:var(--x-color-error);--x-badge-font-size:var(--x-font-size-default);--x-badge-dot:var(--x-badge-dot-size-default);position:relative;display:inline-flex}.x-badge+.x-badge{margin-left:30px}.x-badge__content{display:flex;align-items:center;line-height:1;position:absolute;top:-8px;right:-8px;z-index:100;border:2px solid #fff;border-radius:20px;background:var(--x-badge-bg-color);font-size:var(--x-badge-font-size);color:#fff;box-sizing:border-box;padding:1px 4px;white-space:nowrap}.x-badge__content.is-dot{width:var(--x-badge-dot);height:var(--x-badge-dot);padding:0}.x-badge--size_small{--x-badge-font-size:var(--x-font-size-small);--x-badge-dot:var(--x-badge-dot-size-small)}.x-badge--size_default{--x-badge-font-size:var(--x-font-size-default);--x-badge-dot:var(--x-badge-dot-size-default)}.x-badge--size_large{--x-badge-font-size:var(--x-font-size-large);--x-badge-dot:var(--x-badge-dot-size-large)}.x-badge--primary{--x-badge-bg-color:var(--x-color-primary)}.x-badge--success{--x-badge-bg-color:var(--x-color-success)}.x-badge--warning{--x-badge-bg-color:var(--x-color-warning)}.x-badge--error{--x-badge-bg-color:var(--x-color-error)}:root{--x-layout-header-padding:24px}.x-header{padding:0 var(--x-layout-header-padding)}:root{--x-layout-main-padding:24px}.x-main{flex:1;padding:var(--x-layout-main-padding);box-sizing:border-box}:root{--x-layout-footer-padding:24px}.x-footer{padding:0 var(--x-layout-footer-padding)}.x-checkbox{--x-checkbox-text-color:var(--x-text-color-primary);--x-checkbox-border-color:var(--x-border-color-default);--x-checkbox-bg-color:var(--x-color-white);--x-checkbox-icon-color:var(--x-color-white);--x-checkbox-disabled-text-color:var(--x-text-color-disabled);--x-checkbox-disabled-border-color:var(--x-border-color-disabled);--x-checkbox-disabled-bg-color:var(--x-color-disabled-bg);--x-checkbox-disabled-icon-color:var(--x-text-color-disabled);--x-checkbox-checked-text-color:var(--x-text-color-primary);--x-checkbox-checked-border-color:var(--x-color-primary);--x-checkbox-checked-bg-color:var(--x-color-primary);--x-checkbox-checked-icon-color:var(--x-color-white);--x-checkbox-check-size:var(--x-checkbox-size-default);--x-checkbox-check-round:var(--x-checkbox-round-default);--x-checkbox-check-icon-size:var(--x-checkbox-icon-size-default);--x-checkbox-check-indeterminate-size:var(--x-checkbox-indeterminate-size-default);--x-checkbox-check-indeterminate-round:var(--x-checkbox-indeterminate-round-default);--x-checkbox-size:var(--x-component-size-default);--x-checkbox-font-size:var(--x-font-size-default);display:inline-flex;align-items:center;cursor:pointer;margin-right:24px}.x-checkbox:hover{--x-checkbox-border-color:var(--x-border-color-hover)}.x-checkbox.is-checked,.x-checkbox.is-loading{--x-checkbox-border-color:var(--x-color-primary);--x-checkbox-bg-color:var(--x-color-primary)}.x-checkbox.is-checked .x-icon,.x-checkbox.is-loading .x-icon{transform:scale(1)}.x-checkbox.is-disabled{--x-checkbox-border-color:var(--x-checkbox-disabled-border-color);--x-checkbox-bg-color:var(--x-checkbox-disabled-bg-color);--x-checkbox-text-color:var(--x-checkbox-disabled-text-color);--x-checkbox-icon-color:var(--x-checkbox-disabled-icon-color);cursor:not-allowed}.x-checkbox__wrapper{position:relative}.x-checkbox__input{position:absolute;margin:0;padding:0;outline:0;border:none;background:0 0;opacity:0;z-index:2;height:0;width:0;cursor:pointer}.x-checkbox__inner{position:relative;display:flex;align-items:center;justify-content:center;height:var(--x-checkbox-check-size);width:var(--x-checkbox-check-size);border-radius:var(--x-checkbox-check-round);border:2px solid var(--x-checkbox-border-color);background-color:var(--x-checkbox-bg-color);color:var(--x-checkbox-icon-color);box-sizing:border-box;transition:var(--x-transition)}.x-checkbox__inner .x-icon{color:var(--x-checkbox-check-color);transform:scale(0);transition:var(--x-transition);font-size:var(--x-checkbox-check-icon-size)}.x-checkbox__inner.is-indeterminate{background:#fff}.x-checkbox__indeterminate{background-color:var(--x-checkbox-bg-color);border-radius:var(--x-checkbox-check-indeterminate-round);display:block;width:var(--x-checkbox-check-indeterminate-size);height:var(--x-checkbox-check-indeterminate-size);box-sizing:border-box;transition:var(--x-transition)}.x-checkbox__label{margin-left:8px;line-height:1;color:var(--x-checkbox-text-color);font-size:var(--x-checkbox-font-size)}.x-checkbox--size_small{--x-checkbox-font-size:var(--x-font-size-small);--x-checkbox-size:var(--x-component-size-small);--x-checkbox-check-size:var(--x-checkbox-size-small);--x-checkbox-check-round:var(--x-checkbox-round-small);--x-checkbox-check-indeterminate-size:var(--x-checkbox-indeterminate-size-small);--x-checkbox-check-indeterminate-round:var(--x-checkbox-indeterminate-round-small)}.x-checkbox--size_small .x-icon{--x-checkbox-check-icon-size:var(--x-checkbox-icon-size-small)}.x-checkbox--size_default{--x-checkbox-font-size:var(--x-font-size-default);--x-checkbox-size:var(--x-component-size-default);--x-checkbox-check-size:var(--x-checkbox-size-default);--x-checkbox-check-round:var(--x-checkbox-round-default);--x-checkbox-check-indeterminate-size:var(--x-checkbox-indeterminate-size-default);--x-checkbox-check-indeterminate-round:var(--x-checkbox-indeterminate-round-default)}.x-checkbox--size_default .x-icon{--x-checkbox-check-icon-size:var(--x-checkbox-icon-size-default)}.x-checkbox--size_large{--x-checkbox-font-size:var(--x-font-size-large);--x-checkbox-size:var(--x-component-size-large);--x-checkbox-check-size:var(--x-checkbox-size-large);--x-checkbox-check-round:var(--x-checkbox-round-large);--x-checkbox-check-indeterminate-size:var(--x-checkbox-indeterminate-size-large);--x-checkbox-check-indeterminate-round:var(--x-checkbox-indeterminate-round-large)}.x-checkbox--size_large .x-icon{--x-checkbox-check-icon-size:var(--x-checkbox-icon-size-large)}.x-checkbox-group{display:flex;flex-wrap:wrap;row-gap:12px}.x-checkbox-all{display:flex;align-items:flex-start;flex-direction:column;row-gap:12px}.x-checkbox-all__label{display:flex}.x-checkbox-all.is-inline{display:flex;flex-direction:row}.x-checkbox-all__wrapper{flex:1}.x-checkbox--primary.is-checked,.x-checkbox--primary.is-loading{--x-checkbox-text-color:var(--x-color-primary);--x-checkbox-border-color:var(--x-color-primary);--x-checkbox-bg-color:var(--x-color-primary);--x-checkbox-icon-color:var(--x-color-white);--x-checkbox-disabled-text-color:var(--x-color-primary-light-5);--x-checkbox-disabled-border-color:var(--x-color-primary-light-5);--x-checkbox-disabled-bg-color:var(--x-color-primary-light-5);--x-checkbox-disabled-icon-color:var(--x-color-white);--x-checkbox-checked-text-color:var(--x-color-primary);--x-checkbox-checked-border-color:var(--x-color-primary);--x-checkbox-checked-bg-color:var(--x-color-primary);--x-checkbox-checked-icon-color:var(--x-color-white);--x-checkbox-icon-color:var(--x-color-white)}.x-checkbox--primary.is-disabled{--x-checkbox-border-color:var(--x-checkbox-disabled-border-color);--x-checkbox-bg-color:var(--x-checkbox-disabled-bg-color);--x-checkbox-text-color:var(--x-checkbox-disabled-text-color);--x-checkbox-text-color:var(--x-checkbox-disabled-text-color)}.x-checkbox--success.is-checked,.x-checkbox--success.is-loading{--x-checkbox-text-color:var(--x-color-success);--x-checkbox-border-color:var(--x-color-success);--x-checkbox-bg-color:var(--x-color-success);--x-checkbox-icon-color:var(--x-color-white);--x-checkbox-disabled-text-color:var(--x-color-success-light-5);--x-checkbox-disabled-border-color:var(--x-color-success-light-5);--x-checkbox-disabled-bg-color:var(--x-color-success-light-5);--x-checkbox-disabled-icon-color:var(--x-color-white);--x-checkbox-checked-text-color:var(--x-color-success);--x-checkbox-checked-border-color:var(--x-color-success);--x-checkbox-checked-bg-color:var(--x-color-success);--x-checkbox-checked-icon-color:var(--x-color-white);--x-checkbox-icon-color:var(--x-color-white)}.x-checkbox--success.is-disabled{--x-checkbox-border-color:var(--x-checkbox-disabled-border-color);--x-checkbox-bg-color:var(--x-checkbox-disabled-bg-color);--x-checkbox-text-color:var(--x-checkbox-disabled-text-color);--x-checkbox-text-color:var(--x-checkbox-disabled-text-color)}.x-checkbox--warning.is-checked,.x-checkbox--warning.is-loading{--x-checkbox-text-color:var(--x-color-warning);--x-checkbox-border-color:var(--x-color-warning);--x-checkbox-bg-color:var(--x-color-warning);--x-checkbox-icon-color:var(--x-color-white);--x-checkbox-disabled-text-color:var(--x-color-warning-light-5);--x-checkbox-disabled-border-color:var(--x-color-warning-light-5);--x-checkbox-disabled-bg-color:var(--x-color-warning-light-5);--x-checkbox-disabled-icon-color:var(--x-color-white);--x-checkbox-checked-text-color:var(--x-color-warning);--x-checkbox-checked-border-color:var(--x-color-warning);--x-checkbox-checked-bg-color:var(--x-color-warning);--x-checkbox-checked-icon-color:var(--x-color-white);--x-checkbox-icon-color:var(--x-color-white)}.x-checkbox--warning.is-disabled{--x-checkbox-border-color:var(--x-checkbox-disabled-border-color);--x-checkbox-bg-color:var(--x-checkbox-disabled-bg-color);--x-checkbox-text-color:var(--x-checkbox-disabled-text-color);--x-checkbox-text-color:var(--x-checkbox-disabled-text-color)}.x-checkbox--error.is-checked,.x-checkbox--error.is-loading{--x-checkbox-text-color:var(--x-color-error);--x-checkbox-border-color:var(--x-color-error);--x-checkbox-bg-color:var(--x-color-error);--x-checkbox-icon-color:var(--x-color-white);--x-checkbox-disabled-text-color:var(--x-color-error-light-5);--x-checkbox-disabled-border-color:var(--x-color-error-light-5);--x-checkbox-disabled-bg-color:var(--x-color-error-light-5);--x-checkbox-disabled-icon-color:var(--x-color-white);--x-checkbox-checked-text-color:var(--x-color-error);--x-checkbox-checked-border-color:var(--x-color-error);--x-checkbox-checked-bg-color:var(--x-color-error);--x-checkbox-checked-icon-color:var(--x-color-white);--x-checkbox-icon-color:var(--x-color-white)}.x-checkbox--error.is-disabled{--x-checkbox-border-color:var(--x-checkbox-disabled-border-color);--x-checkbox-bg-color:var(--x-checkbox-disabled-bg-color);--x-checkbox-text-color:var(--x-checkbox-disabled-text-color);--x-checkbox-text-color:var(--x-checkbox-disabled-text-color)}:root{--x-badge-dot-size-small:14px;--x-badge-dot-size-default:16px;--x-badge-dot-size-large:18px}.x-badge{--x-badge-bg-color:var(--x-color-error);--x-badge-font-size:var(--x-font-size-default);--x-badge-dot:var(--x-badge-dot-size-default);position:relative;display:inline-flex}.x-badge+.x-badge{margin-left:30px}.x-badge__content{display:flex;align-items:center;line-height:1;position:absolute;top:-8px;right:0;transform:translateX(50%);z-index:100;border:2px solid #fff;border-radius:20px;background:var(--x-badge-bg-color);font-size:var(--x-badge-font-size);color:#fff;box-sizing:border-box;padding:1px 4px;white-space:nowrap}.x-badge__content.is-dot{width:var(--x-badge-dot);height:var(--x-badge-dot);padding:0}.x-badge__content.is-unoutline{border-color:transparent}.x-badge--size_small{--x-badge-font-size:var(--x-font-size-small);--x-badge-dot:var(--x-badge-dot-size-small)}.x-badge--size_default{--x-badge-font-size:var(--x-font-size-default);--x-badge-dot:var(--x-badge-dot-size-default)}.x-badge--size_large{--x-badge-font-size:var(--x-font-size-large);--x-badge-dot:var(--x-badge-dot-size-large)}.x-badge--primary{--x-badge-bg-color:var(--x-color-primary)}.x-badge--success{--x-badge-bg-color:var(--x-color-success)}.x-badge--warning{--x-badge-bg-color:var(--x-color-warning)}.x-badge--error{--x-badge-bg-color:var(--x-color-error)}:root{--x-switch-height-small:24px;--x-switch-height-default:28px;--x-switch-height-large:32px;--x-switch-width-small:40px;--x-switch-width-default:48px;--x-switch-width-large:56px}.x-switch{--x-switch-text-color:var(--x-text-color-primary);--x-switch-bg-color:var(--x-neutral-color-light-6);--x-switch-disabled-text-color:var(--x-text-color-disabled);--x-switch-disabled-bg-color:var(--x-color-disabled-bg);--x-switch-checked-text-color:var(--x-color-white);--x-switch-checked-bg-color:var(--x-color-primary);--x-switch-width:var(--x-switch-width-default);--x-switch-height:var(--x-switch-height-default);--x-switch-font-size:var(--x-font-size-default);display:inline-flex;align-items:center;cursor:pointer}.x-switch input{display:none}.x-switch__input{height:var(--x-switch-height);width:var(--x-switch-width);border-radius:var(--x-component-round-round);background-color:var(--x-switch-bg-color);transition:var(--x-transition)}.x-switch__input.is-disabled,.x-switch__input.is-loading{--x-switch-bg-color:var(--x-switch-disabled-bg-color);--x-switch-text-color:var(--x-switch-disabled-text-color);cursor:not-allowed}.x-switch__handel{position:relative;display:block;width:100%;height:100%;border-radius:var(--x-component-round-round);padding:4px;box-sizing:border-box}.x-switch__button{display:flex;align-items:center;justify-content:center;position:absolute;top:4px;left:4px;z-index:10;width:calc(var(--x-switch-height) - 8px);height:calc(var(--x-switch-height) - 8px);border:none;padding:0;margin:0;background-color:#fff;border-radius:var(--x-component-round-round);outline:0;transition:var(--x-transition);box-shadow:0 0 5px 0 rgba(0,0,0,.05);font-size:var(--x-switch-font-size);color:var(--x-text-color-primary);cursor:inherit}.x-switch__button>i{transform:scale(.8)}.x-switch__button.is-checked{left:50%}.x-switch__button.is-disabled{color:var(--x-text-color-disabled)}.x-switch__inner{width:100%;height:100%;display:flex;align-items:center;overflow:hidden;color:var(--x-switch-text-color)}.x-switch__inner>span{width:50%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;transition:var(--x-transition);font-size:var(--x-switch-font-size)}.x-switch__inner>span>span{line-height:1}.x-switch__inner.transition-scale>span{transform:scale(0)}.x-switch__inner.transition-scale>span.is-checked{transform:scale(1)}.x-switch__inner.transition-slide>span:first-child{transform:translateX(-100%)}.x-switch__inner.transition-slide>span:first-child.is-checked{transform:translateX(0)}.x-switch__inner.transition-slide>span:first-child.is-checked+span{transform:translateX(100%)}.x-switch--size_small{--x-switch-font-size:var(--x-font-size-small);--x-switch-height:var(--x-switch-height-small);--x-switch-width:var(--x-switch-width-small)}.x-switch--size_default{--x-switch-font-size:var(--x-font-size-default);--x-switch-height:var(--x-switch-height-default);--x-switch-width:var(--x-switch-width-default)}.x-switch--size_large{--x-switch-font-size:var(--x-font-size-large);--x-switch-height:var(--x-switch-height-large);--x-switch-width:var(--x-switch-width-large)}.x-switch--primary.is-checked{--x-switch-text-color:var(--x-color-white);--x-switch-bg-color:var(--x-color-primary);--x-switch-disabled-text-color:var(--x-color-white);--x-switch-disabled-bg-color:var(--x-color-primary-light-5);--x-switch-checked-text-color:var(--x-color-white);--x-switch-checked-bg-color:var(--x-color-primary)}.x-switch--primary.is-disabled{--x-switch-bg-color:var(--x-switch-disabled-bg-color)}.x-switch--success.is-checked{--x-switch-text-color:var(--x-color-white);--x-switch-bg-color:var(--x-color-success);--x-switch-disabled-text-color:var(--x-color-white);--x-switch-disabled-bg-color:var(--x-color-success-light-5);--x-switch-checked-text-color:var(--x-color-white);--x-switch-checked-bg-color:var(--x-color-success)}.x-switch--success.is-disabled{--x-switch-bg-color:var(--x-switch-disabled-bg-color)}.x-switch--warning.is-checked{--x-switch-text-color:var(--x-color-white);--x-switch-bg-color:var(--x-color-warning);--x-switch-disabled-text-color:var(--x-color-white);--x-switch-disabled-bg-color:var(--x-color-warning-light-5);--x-switch-checked-text-color:var(--x-color-white);--x-switch-checked-bg-color:var(--x-color-warning)}.x-switch--warning.is-disabled{--x-switch-bg-color:var(--x-switch-disabled-bg-color)}.x-switch--error.is-checked{--x-switch-text-color:var(--x-color-white);--x-switch-bg-color:var(--x-color-error);--x-switch-disabled-text-color:var(--x-color-white);--x-switch-disabled-bg-color:var(--x-color-error-light-5);--x-switch-checked-text-color:var(--x-color-white);--x-switch-checked-bg-color:var(--x-color-error)}.x-switch--error.is-disabled{--x-switch-bg-color:var(--x-switch-disabled-bg-color)}.x-form.is-inline .x-form-item{display:inline-flex;margin-right:32px}.x-form-item{--x-form-size:var(--x-component-size-default);--x-form-font-size:var(--x-font-size-default);display:flex;margin-bottom:24px;color:var(--x-text-color-primary)}.x-form-item.is-required .x-form-item__label label:before{content:"*";color:var(--x-color-error);margin-right:4px}.x-form-item__label{width:100px}.x-form-item__control{position:relative;flex:1}.x-form-item__control-inner{display:flex;align-items:center;width:100%;height:var(--x-form-size)}.x-form-item__label-inner{display:inline-block;line-height:var(--x-form-size);padding-right:8px;height:var(--x-form-size);font-size:var(--x-form-font-size);width:100%;white-space:nowrap;box-sizing:border-box}.x-form-item__label-inner.is-required:before{content:"*";color:var(--x-color-error);margin-right:4px}.x-form-item__label-inner.is-colon{margin-right:0}.x-form-item__label-inner.is-colon:after{content:":";margin:0 8px 0 2px}.x-form-item__message{position:absolute;left:0;right:0;top:100%;font-size:14px;color:var(--x-color-error);padding-top:1px}.x-form-item--label_top{flex-direction:column}.x-form-item--label_top .x-form-item__label{width:auto}.x-form-item--label_right .x-form-item__label{text-align:right}.x-form-item--label_left .x-form-item__label{text-align:left}.x-form-item--label_center .x-form-item__label{text-align:center}.x-form-item--size_small{--x-form-font-size:var(--x-font-size-small);--x-form-size:var(--x-component-size-small)}.x-form-item--size_default{--x-form-font-size:var(--x-font-size-default);--x-form-size:var(--x-component-size-default)}.x-form-item--size_large{--x-form-font-size:var(--x-font-size-large);--x-form-size:var(--x-component-size-large)}.x-form-message-enter-active,.x-form-message-leave-active{opacity:1;transform:scaleY(1);transition:all .3s ease 0s;transform-origin:center top}.x-form-message-enter-active[data-popper-placement^=top],.x-form-message-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.x-form-message-enter-from,.x-form-message-leave-active{opacity:0;transform:scaleY(0)}.x-message-enter-from,.x-message-leave-to{opacity:0;transform:translate(-50%,-100%)}.x-sub-menu-enter-active,.x-sub-menu-leave-active{transition:all .4s cubic-bezier(.645,.045,.355,1);overflow:hidden;max-height:300px}.x-sub-menu-enter-from,.x-sub-menu-leave-to{opacity:0;max-height:0}.x-message{--x-message-text-color:var(--x-text-color-primary);--x-message-icon-color:var(--x-color-primary);--x-message-bg-color:var(--x-color-white);display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;position:fixed;left:50%;top:0;transform:translate(-50%);transition:.3s;padding:0 20px;z-index:10001;white-space:nowrap;font-size:14px;height:40px;border-radius:12px;box-shadow:0 3px 6px -4px rgba(0,0,0,.05),0 3px 16px 0 rgba(0,0,0,.05);background-color:#fff;color:var(--x-message-text-color)}.x-message__wrap{display:flex;align-items:center}.x-message__close{display:flex;align-items:center;cursor:pointer;margin:0 -10px 0 20px;opacity:.5;font-size:14px}.x-message__close:hover{opacity:.8}.x-message__icon{display:flex;align-items:center;color:var(--x-message-icon-color);font-size:18px}.x-message__icon+.x-message__content{margin-left:10px}.x-message__content{line-height:1}.x-message.is-border{border:1px solid var(--x-border-color-light-8);border-radius:10px;box-shadow:none}.x-message.is-background{box-shadow:none;border:none;background-color:var(--x-message-bg-color);--x-message-icon-color:var(--x-color-white);color:#fff}.x-message--primary{--x-message-icon-color:var(--x-color-primary);--x-message-bg-color:var(--x-color-primary)}.x-message--success{--x-message-icon-color:var(--x-color-success);--x-message-bg-color:var(--x-color-success)}.x-message--warning{--x-message-icon-color:var(--x-color-warning);--x-message-bg-color:var(--x-color-warning)}.x-message--error{--x-message-icon-color:var(--x-color-error);--x-message-bg-color:var(--x-color-error)}.x-mask{position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:100;overflow-y:auto;transition:.2s}.x-mask__wrap{position:fixed;left:0;top:0;width:100%;height:100%;z-index:-1;background-color:rgba(0,0,0,.4)}.x-modal{padding:15vh 0;margin:0 auto;width:450px;box-sizing:border-box}.x-modal.is-fixed-screen{height:100%;padding:10vh 0}.x-modal.is-fixed-screen .x-modal__wrap{display:flex;flex-direction:column;max-height:100%}.x-modal.is-fixed-screen .x-modal__body{flex:1;height:0;display:flex}.x-modal.is-fixed-screen .x-modal__render-content{overflow-y:auto;width:100%}.x-modal__wrap{background-color:#fff;border-radius:12px}.x-modal__header{padding:24px;display:flex;align-items:center;justify-content:space-between}.x-modal__body{padding:0 24px 24px;font-size:14px;line-height:1.6;word-break:break-word}.x-modal__footer{padding:0 24px 16px;text-align:right}.x-modal__title{font-size:16px;margin:0;font-weight:400;white-space:nowrap}.x-modal__close{opacity:.5;font-size:10px;cursor:pointer}.x-modal-enter-from,.x-modal-leave-to{opacity:0}.x-modal-enter-active .x-modal{animation:dialogFadeIn .2s}.x-modal-leave-active .x-modal{animation:dialogFadeOut .2s}@keyframes dialogFadeIn{0%{transform:translateY(-30px);opacity:0}100%{transform:translateY(0);opacity:1}}@keyframes dialogFadeOut{0%{transform:translateY(0);opacity:1}100%{transform:translateY(-30px);opacity:0}}.x-message-box{--x-message-text-color:var(--x-text-color-primary);--x-message-icon-color:var(--x-color-primary);--x-message-bg-color:var(--x-color-white);margin:0 auto;width:460px;box-sizing:border-box}.x-message-box__wrap{margin-top:15vh;background-color:#fff;border-radius:12px}.x-message-box__body{padding:24px;font-size:14px;line-height:1.6;word-break:break-word}.x-message-box__footer{padding:0 24px 16px;text-align:right}.x-message-box__header{display:flex;align-items:center}.x-message-box__header .x-icon{font-size:22px;line-height:1;margin-right:12px;color:var(--x-messageBox-icon-color)}.x-message-box__title{font-size:16px;font-weight:600;line-height:1.5;color:var(--x-neutral-color-light-2)}.x-message-box__content{margin:12px 0 0 34px;line-height:24px;font-size:14px;color:var(--x-neutral-color-light-3)}.x-message-box--primary{--x-messageBox-icon-color:var(--x-color-primary)}.x-message-box--success{--x-messageBox-icon-color:var(--x-color-success)}.x-message-box--warning{--x-messageBox-icon-color:var(--x-color-warning)}.x-message-box--error{--x-messageBox-icon-color:var(--x-color-error)}.x-message-box-enter-from,.x-message-box-leave-to{opacity:0}.x-message-box-enter-active .x-message-box{animation:dialogFadeIn .2s}.x-message-box-leave-active .x-message-box{animation:dialogFadeOut .2s}@keyframes dialogFadeIn{0%{transform:translateY(-30px);opacity:0}100%{transform:translateY(0);opacity:1}}@keyframes dialogFadeOut{0%{transform:translateY(0);opacity:1}100%{transform:translateY(-30px);opacity:0}}.x-drawer{position:absolute;box-sizing:border-box;transition:.4s;transform:translate(0,0)}.x-drawer__wrap{background-color:#fff;height:100%;display:flex;flex-direction:column}.x-drawer--placement_right{top:0;bottom:0;right:0}.x-drawer--placement_left{top:0;bottom:0;left:0}.x-drawer--placement_top{left:0;top:0;right:0}.x-drawer--placement_bottom{left:0;bottom:0;right:0}.x-drawer__header{padding:24px 24px 0;display:flex;align-items:center;justify-content:space-between}.x-drawer__body{padding:24px;font-size:14px;line-height:1.6;word-break:break-word;flex:1;overflow-y:auto}.x-drawer__footer{padding:0 24px 16px;text-align:right}.x-drawer__title{font-size:16px;margin:0;font-weight:400;white-space:nowrap}.x-drawer__close{opacity:.5;font-size:10px;cursor:pointer}.x-drawer-enter-from,.x-drawer-leave-to{opacity:0}.x-drawer-enter-from .x-drawer--placement_left,.x-drawer-leave-to .x-drawer--placement_left{transform:translateX(-100%)}.x-drawer-enter-from .x-drawer--placement_right,.x-drawer-leave-to .x-drawer--placement_right{transform:translateX(100%)}.x-drawer-enter-from .x-drawer--placement_top,.x-drawer-leave-to .x-drawer--placement_top{transform:translateY(-100%)}.x-drawer-enter-from .x-drawer--placement_bottom,.x-drawer-leave-to .x-drawer--placement_bottom{transform:translateY(100%)}.x-drawer-enter-active,.x-drawer-leave-active{overflow:hidden;transition:.4s}.x-drawer-enter-active .x-drawer,.x-drawer-leave-active .x-drawer{opacity:1}.x-space{display:inline-flex;gap:var(--x-gap-default)}.x-space--direction_vertical{flex-direction:column}.x-space--direction_horizontal{align-items:center}.x-space.is-wrap{flex-wrap:wrap}.x-space__spacer{border:none;border-left:1px solid var(--x-neutral-color-light-6);height:10px}.x-space-item{display:flex;align-items:center}.x-image{display:inline-flex;border-radius:var(--x-component-round-default);width:100px;height:100px;overflow:hidden;position:relative}.x-image.is-preview:hover .x-image__preview{opacity:1}.x-image__content{position:absolute;padding:8px;z-index:1}.x-image__preview{display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background-color:rgba(0,0,0,.2);opacity:0;transition:.3s}.x-image__handel{cursor:pointer}.x-image__image{width:100%;height:100%;border-radius:var(--x-component-round-default)}.x-image__image.is-zoomed{transition:.3s}.x-image__image.is-zoomed:hover{transform:scale(1.25)}.x-image__preview-text{display:flex;align-items:center;justify-content:center;gap:5px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.x-image__error{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--x-neutral-color-light-3);background-color:var(--x-neutral-color-light-7)}.x-radio-all.is-inline{display:flex;align-items:flex-start}.x-radio-all.is-inline .x-radio-all__wrapper{flex:1}.x-radio{--x-radio-text-color:var(--x-text-color-primary);--x-radio-border-color:var(--x-border-color-default);--x-radio-bg-color:var(--x-color-white);--x-radio-icon-color:var(--x-color-white);--x-radio-disabled-text-color:var(--x-text-color-disabled);--x-radio-disabled-border-color:var(--x-border-color-disabled);--x-radio-disabled-bg-color:var(--x-color-disabled-bg);--x-radio-disabled-icon-color:var(--x-text-color-disabled);--x-radio-radio-text-color:var(--x-text-color-primary);--x-radio-radio-border-color:var(--x-color-primary);--x-radio-radio-bg-color:var(--x-color-primary);--x-radio-radio-icon-color:var(--x-color-white);--x-radio-radio-icon-size:var(--x-radio-icon-size-default);--x-radio-check-size:var(--x-radio-size-default);--x-radio-size:var(--x-component-size-default);--x-radio-font-size:var(--x-font-size-default);display:inline-flex;align-items:center;height:var(--x-radio-size);cursor:pointer}.x-radio+.x-radio{margin-left:24px}.x-radio:hover{--x-radio-border-color:var(--x-border-color-hover)}.x-radio.is-checked,.x-radio.is-loading{--x-radio-icon-color:var(--x-radio-radio-icon-color);--x-radio-border-color:var(--x-radio-radio-border-color);--x-radio-bg-color:var(--x-radio-radio-bg-color)}.x-radio.is-checked .x-icon,.x-radio.is-loading .x-icon{transform:scale(1)}.x-radio.is-disabled{--x-radio-border-color:var(--x-radio-disabled-border-color);--x-radio-bg-color:var(--x-radio-disabled-bg-color);--x-radio-text-color:var(--x-radio-disabled-text-color);--x-radio-icon-color:var(--x-radio-disabled-icon-color);cursor:not-allowed}.x-radio__wrapper{position:relative}.x-radio__input{position:absolute;margin:0;padding:0;outline:0;border:none;background:0 0;opacity:0;z-index:2;height:0;width:0;cursor:pointer}.x-radio__inner{position:relative;display:flex;align-items:center;justify-content:center;height:var(--x-radio-radio-size);width:var(--x-radio-radio-size);border-radius:100px;border:2px solid var(--x-radio-border-color);background-color:var(--x-radio-bg-color);color:var(--x-radio-icon-color);box-sizing:border-box;transition:var(--x-transition)}.x-radio__inner .x-icon{color:var(--x-radio-check-color);transform:scale(0);transition:var(--x-transition);font-size:var(--x-radio-radio-icon-size)}.x-radio__spot{background-color:#fff;width:var(--x-radio-radio-icon-size);height:var(--x-radio-radio-icon-size);transition:var(--x-transition);border-radius:100px}.x-radio__label{margin-left:8px;line-height:1;color:var(--x-radio-text-color);font-size:var(--x-radio-font-size)}.x-radio--size_small{--x-radio-font-size:var(--x-font-size-small);--x-radio-size:var(--x-component-size-small);--x-radio-radio-size:var(--x-radio-size-small);--x-radio-radio-icon-size:var(--x-radio-icon-size-small)}.x-radio--size_default{--x-radio-font-size:var(--x-font-size-default);--x-radio-size:var(--x-component-size-default);--x-radio-radio-size:var(--x-radio-size-default);--x-radio-radio-icon-size:var(--x-radio-icon-size-default)}.x-radio--size_large{--x-radio-font-size:var(--x-font-size-large);--x-radio-size:var(--x-component-size-large);--x-radio-radio-size:var(--x-radio-size-large);--x-radio-radio-icon-size:var(--x-radio-icon-size-large)}.x-radio--primary.is-checked,.x-radio--primary.is-loading{--x-radio-text-color:var(--x-color-primary);--x-radio-border-color:var(--x-color-primary);--x-radio-bg-color:var(--x-color-primary);--x-radio-icon-color:var(--x-color-white);--x-radio-disabled-text-color:var(--x-color-primary-light-5);--x-radio-disabled-border-color:var(--x-color-primary-light-5);--x-radio-disabled-bg-color:var(--x-color-primary-light-5);--x-radio-disabled-icon-color:var(--x-color-white);--x-radio-radio-text-color:var(--x-color-primary);--x-radio-radio-border-color:var(--x-color-primary);--x-radio-radio-bg-color:var(--x-color-primary);--x-radio-radio-icon-color:var(--x-color-white);--x-radio-icon-color:var(--x-color-white)}.x-radio--primary.is-disabled{--x-radio-border-color:var(--x-radio-disabled-border-color);--x-radio-bg-color:var(--x-radio-disabled-bg-color);--x-radio-text-color:var(--x-radio-disabled-text-color);--x-radio-text-color:var(--x-radio-disabled-text-color)}.x-radio--success.is-checked,.x-radio--success.is-loading{--x-radio-text-color:var(--x-color-success);--x-radio-border-color:var(--x-color-success);--x-radio-bg-color:var(--x-color-success);--x-radio-icon-color:var(--x-color-white);--x-radio-disabled-text-color:var(--x-color-success-light-5);--x-radio-disabled-border-color:var(--x-color-success-light-5);--x-radio-disabled-bg-color:var(--x-color-success-light-5);--x-radio-disabled-icon-color:var(--x-color-white);--x-radio-radio-text-color:var(--x-color-success);--x-radio-radio-border-color:var(--x-color-success);--x-radio-radio-bg-color:var(--x-color-success);--x-radio-radio-icon-color:var(--x-color-white);--x-radio-icon-color:var(--x-color-white)}.x-radio--success.is-disabled{--x-radio-border-color:var(--x-radio-disabled-border-color);--x-radio-bg-color:var(--x-radio-disabled-bg-color);--x-radio-text-color:var(--x-radio-disabled-text-color);--x-radio-text-color:var(--x-radio-disabled-text-color)}.x-radio--warning.is-checked,.x-radio--warning.is-loading{--x-radio-text-color:var(--x-color-warning);--x-radio-border-color:var(--x-color-warning);--x-radio-bg-color:var(--x-color-warning);--x-radio-icon-color:var(--x-color-white);--x-radio-disabled-text-color:var(--x-color-warning-light-5);--x-radio-disabled-border-color:var(--x-color-warning-light-5);--x-radio-disabled-bg-color:var(--x-color-warning-light-5);--x-radio-disabled-icon-color:var(--x-color-white);--x-radio-radio-text-color:var(--x-color-warning);--x-radio-radio-border-color:var(--x-color-warning);--x-radio-radio-bg-color:var(--x-color-warning);--x-radio-radio-icon-color:var(--x-color-white);--x-radio-icon-color:var(--x-color-white)}.x-radio--warning.is-disabled{--x-radio-border-color:var(--x-radio-disabled-border-color);--x-radio-bg-color:var(--x-radio-disabled-bg-color);--x-radio-text-color:var(--x-radio-disabled-text-color);--x-radio-text-color:var(--x-radio-disabled-text-color)}.x-radio--error.is-checked,.x-radio--error.is-loading{--x-radio-text-color:var(--x-color-error);--x-radio-border-color:var(--x-color-error);--x-radio-bg-color:var(--x-color-error);--x-radio-icon-color:var(--x-color-white);--x-radio-disabled-text-color:var(--x-color-error-light-5);--x-radio-disabled-border-color:var(--x-color-error-light-5);--x-radio-disabled-bg-color:var(--x-color-error-light-5);--x-radio-disabled-icon-color:var(--x-color-white);--x-radio-radio-text-color:var(--x-color-error);--x-radio-radio-border-color:var(--x-color-error);--x-radio-radio-bg-color:var(--x-color-error);--x-radio-radio-icon-color:var(--x-color-white);--x-radio-icon-color:var(--x-color-white)}.x-radio--error.is-disabled{--x-radio-border-color:var(--x-radio-disabled-border-color);--x-radio-bg-color:var(--x-radio-disabled-bg-color);--x-radio-text-color:var(--x-radio-disabled-text-color);--x-radio-text-color:var(--x-radio-disabled-text-color)}.x-divider{position:relative;display:block;width:100%;margin:24px 0;border:none;border-top:1px var(--x-neutral-color-light-7) solid}.x-divider__content{position:absolute;top:50%;word-break:keep-all;background-color:#fff;padding:0 20px;color:var(--x-text-color-primary);font-size:14px;line-height:1}.x-divider--position_left{left:20px;transform:translateY(-50%)}.x-divider--position_center{left:50%;transform:translateY(-50%) translateX(-50%)}.x-divider--position_right{right:20px;transform:translateY(-50%)}.x-bubble{display:flex;display:flex;align-items:center;margin:10px 0}.x-bubble--position_left{flex-direction:row}.x-bubble--position_right{flex-direction:row-reverse}.x-bubble__avatar{margin:10px}.x-bubble__avatar-img{width:40px;height:40px;border-radius:50%;background-color:#f5f5f5}.x-bubble__avatar-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:#f5f5f5}.x-bubble__typing{min-height:20px}@keyframes blink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}.x-bubble__cursor{animation:blink 1s infinite}.x-bubble__content{max-width:70%;padding:10px;display:flex;justify-content:center;align-items:center;gap:10px;border-radius:10px;background-color:#f5f5f5;color:var(--x-font-color-default);font-size:var(--x-font-size-base)}.x-bubble--content_right{background-color:var(--x-color-primary);color:var(--x-color-white)}.x-chat-container{display:flex;flex-direction:column;overflow-y:auto;width:100%;padding:10px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.x-progress{--x-progress-bg-color:var(--x-color-primary);--x-progress-color:var(--x-color-primary);--x-progress-border-color:var(--x-color-primary);--x-progress-text-color:var(--x-color-primary);display:flex;align-items:center;gap:8px}.x-progress__bar{position:relative;width:200px;border-radius:20px;overflow:hidden;border:2px solid var(--x-progress-border-color)}.x-progress__inner{position:absolute;top:0;left:0;height:100%;background-color:var(--x-progress-bg-color);transition:width .3s ease-in-out}.x-progress__inner-content{display:flex;color:#fff;height:100%;line-height:1;justify-content:end;align-items:center;font-size:14px;padding-right:8px}.x-progress__text{font-size:14px;color:var(--x-progress-text-color)}.x-progress--primary{--x-progress-bg-color:var(--x-color-primary);--x-progress-color:var(--x-color-primary);--x-progress-border-color:var(--x-color-primary);--x-progress-text-color:var(--x-color-primary)}.x-progress--success{--x-progress-bg-color:var(--x-color-success);--x-progress-color:var(--x-color-success);--x-progress-border-color:var(--x-color-success);--x-progress-text-color:var(--x-color-success)}.x-progress--warning{--x-progress-bg-color:var(--x-color-warning);--x-progress-color:var(--x-color-warning);--x-progress-border-color:var(--x-color-warning);--x-progress-text-color:var(--x-color-warning)}.x-progress--error{--x-progress-bg-color:var(--x-color-error);--x-progress-color:var(--x-color-error);--x-progress-border-color:var(--x-color-error);--x-progress-text-color:var(--x-color-error)}.x-upload{display:flex;align-items:start;justify-content:center;flex-direction:column;gap:6px}.x-upload.is-image{flex-direction:row;flex-direction:row-reverse;align-items:center;justify-content:start}.x-upload__wrapper{position:relative;display:flex;gap:6px;align-items:center;justify-content:center}.x-upload__warp-text{color:var(--x-color-primary)}.x-upload__input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.x-upload__control{display:flex;align-items:center;justify-content:center;gap:6px}.x-upload__upload-image{display:flex;align-items:center;justify-content:center;border-radius:var(--x-component-round-default);border:solid 1px var(--x-border-color-default);color:var(--x-border-color-default)}.x-upload__imageList{display:flex;gap:10px}.x-upload__del-img{position:absolute;z-index:9999;width:18px;height:18px;border-radius:50%;color:var(--x-color-white);font-size:15px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5);cursor:pointer;top:-7px;right:-7px}.x-upload__del-img:hover{background:rgba(0,0,0,.8)}.x-upload__img{position:relative}.x-vtree{position:relative;height:200px;overflow-y:auto}.x-vtree__spacer{position:absolute;width:100%;top:0;padding-bottom:20px}.x-vtree__node{position:absolute;width:100%;height:30px;line-height:30px;white-space:nowrap;cursor:pointer;box-sizing:border-box;padding:0 10px}.x-vtree__node.is-selected{background-color:#f5f6fa}.x-vtree__node:hover{background-color:#f5f6fa}.x-vtree__node-inner{display:flex;align-items:center}.x-vtree__expand-icon{display:inline-block;width:20px;text-align:center;margin-right:5px;cursor:pointer;font-size:15px;margin-bottom:-3px}table{border-collapse:collapse}.x-table{position:relative;overflow:auto;width:100%}.x-table.is-border{border-top:solid 1px var(--x-border-color-default);border-bottom:none}.x-table__container{width:100%}.x-table__body{overflow-y:auto;display:block}.x-table__header{position:sticky;top:0;z-index:2;background:#fff}.x-table th{color:var(--x-text-color-secondary);font-size:var(--x-font-size-large)}.x-table__row{font-size:var(--x-font-size-default);color:var(--x-text-color-primary)}.x-table__row:hover{background-color:#f5f7fa}.x-table__row.is-stripe{background-color:#f9f9f9}.x-table__cell{border-bottom:1px solid var(--x-border-color-default);padding:6px 10px}.x-table__cell.is-border{border-right:1px solid var(--x-border-color-default);border-left:1px solid var(--x-border-color-default)}.x-tabs{width:100%;display:flex}.x-tabs--position-body_top{flex-direction:column}.x-tabs--position-body_bottom{flex-direction:column-reverse}.x-tabs--position-body_left{flex-direction:row}.x-tabs--position-body_right{flex-direction:row-reverse}.x-tabs__header{display:flex;border-bottom:1px solid var(--x-border-color-default);margin-bottom:15px}.x-tabs--position-header_top>div.is-active{border-bottom:2px solid var(--x-color-primary)}.x-tabs--position-header_bottom{margin-bottom:0}.x-tabs--position-header_bottom>div.is-active{border-bottom:2px solid var(--x-color-primary)}.x-tabs--position-header_left{flex-direction:column;border-bottom:none;border-right:1px solid var(--x-border-color-default);margin-right:15px;margin-bottom:0}.x-tabs--position-header_left>div.is-active{border-right:2px solid var(--x-color-primary)}.x-tabs--position-header_right{flex-direction:column-reverse;border-bottom:none;border-left:1px solid var(--x-border-color-default);margin-left:15px;margin-bottom:0}.x-tabs--position-header_right>div.is-active{border-left:2px solid var(--x-color-primary)}.x-tabs__header>div{display:flex;gap:8px;align-items:center;justify-content:center;padding:8px 20px;block-size:border-box;cursor:pointer;position:relative;color:var(--x-text-color-primary);font-weight:400}.x-tabs--type_card{padding:8px 20px;border:1px solid var(--x-border-color-default)}.x-tabs__header>div:hover{color:var(--x-color-primary);font-weight:500}.x-tabs__header>div.is-active{color:var(--x-color-primary);font-weight:600;transition:all .1s cubic-bezier(.645,.045,.355,1);border-color:var(--x-color-primary)}.x-tabs__content{padding:8px 0}.x-menu{position:relative;box-sizing:border-box;display:flex;flex-direction:row;justify-content:flex-start;padding:0 20px;border-bottom:solid 1px var(--x-border-color-default)}.x-menu--mode_vertical{flex-direction:column;border-bottom:none;border-right:solid 1px var(--x-border-color-default)}.x-menu-item{--x-menu-bg-color:var(--x-color-white);--x-menu-border-color:var(--x-border-color-default);--x-menu-hover-bg-color:var(--x-color-primary-light-8);--x-menu-hover-text-color:var(--x-color-primary);--x-menu-active-bg-color:var(--x-color-primary-light-8);--x-menu-active-text-color:var(--x-color-primary);-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;position:relative;font-size:13px;padding:9px 10px}.x-menu-item.is-active{color:var(--x-menu-active-text-color)}.x-menu-item.is-active::after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background-color:var(--x-menu-active-text-color)}.x-menu-item:hover{background-color:var(--x-menu-hover-bg-color);color:var(--x-menu-hover-text-color);transition:all .2s ease-in-out}.x-sub-menu{--x-menu-bg-color:var(--x-color-white);--x-menu-border-color:var(--x-border-color-default);--x-menu-hover-bg-color:var(--x-color-primary-light-8);--x-menu-hover-text-color:var(--x-color-primary);--x-menu-active-bg-color:var(--x-color-primary-light-8);--x-menu-active-text-color:var(--x-color-primary);position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.x-sub-menu__title{display:flex;align-items:center;justify-content:space-between;padding:9px 10px;font-size:13px}.x-sub-menu__title:hover{color:var(--x-menu-hover-text-color);background-color:var(--x-menu-hover-bg-color);transition:all .2s ease-in-out}.x-sub-menu__title.is-active{color:var(--x-menu-active-text-color)}.x-sub-menu__menu{cursor:pointer}.x-sub-menu--mode_horizontal{position:absolute;top:0;left:-20px;z-index:1000;top:150%;display:flex;flex-direction:column;padding:10px;width:100px;gap:10px;border:solid 1px var(--x-border-color-default);color:#4d5059}.x-sub-menu--mode_vertical{display:flex;flex-direction:column;padding:4px;margin-left:4px}.x-sub-menu__menu.is-nested{left:118%;top:0}.x-sub-menu__icon{transition:transform .3s}.x-sub-menu--icon_open{transform:rotate(90deg)}.x-steps{display:flex;width:100%;align-items:center;justify-content:space-between}.x-steps--direction_vertical{flex-direction:column;align-items:flex-start;height:100%;min-height:300px}.x-steps-item{--x-steps-border-color:var(--x-neutral-color-light-4);--x-steps-line-color:var(--x-neutral-color-light-4);--x-steps-active-line-color:var(--x-color-primary);--x-steps-process-border-color:var(--x-neutral-color-light-3);--x-steps-process-text-color:var(--x-neutral-color-light-3);--x-steps-process-line-color:var(--x-neutral-color-light-3);--x-steps-text-color:var(--x-neutral-color-light-4);--x-steps-active-text-color:var(--x-color-primary);--x-steps-active-border-color:var(--x-color-primary);flex:1}.x-steps-item--direction_vertical{display:flex;align-items:center;gap:10px;min-height:0}.x-steps-item__text-wrapper{display:flex;flex-direction:column;align-items:center}.x-steps-item__head{display:flex;align-items:center;justify-content:start;width:100%}.x-steps-item--direction_vertical{align-items:center;justify-content:start;height:100%;min-height:0}.x-steps-item__text{box-sizing:border-box;display:flex;align-items:center;justify-content:center;height:30px;width:30px;border:solid 3px var(--x-steps-border-color);font-weight:700;border-radius:50%;color:var(--x-steps-text-color)}.x-steps-item__line{flex:1;height:2px;background-color:var(--x-steps-line-color)}.x-steps-item--state_middle{background-color:var(--x-steps-process-border-color)}.x-steps-item--state_finish{background-color:var(--x-steps-active-line-color)}.x-steps-item--line_vertical{width:2px;height:60px;flex:none}.x-steps-item__main{margin-top:8px;padding-right:10%;min-width:120px;display:flex;flex-direction:column;justify-content:start;align-items:start}.x-steps-item--direction_vertical{align-items:start;justify-content:start}.x-steps-item__title{font-size:var(--x-font-size-default);color:var(--x-steps-text-color)}.x-steps-item__desc{font-size:var(--x-font-size-small);color:var(--x-steps-text-color)}.x-steps-item.is-active{--x-steps-text-color:var(--x-steps-active-text-color);--x-steps-border-color:var(--x-steps-active-border-color)}.x-steps-item.is-process{--x-steps-text-color:var(--x-steps-process-text-color);--x-steps-border-color:var(--x-steps-process-border-color)}.x-steps .x-steps-item:last-child{flex:0}.x-steps .x-steps-item:last-child .x-steps-item__line{display:none}.x-steps .x-steps-item:last-child .x-steps-item__main{padding-right:0}.x-steps-item--type_primary{--x-steps-active-text-color:var(--x-color-primary);--x-steps-active-border-color:var(--x-color-primary);--x-steps-active-line-color:var(--x-color-primary)}.x-steps-item--type_success{--x-steps-active-text-color:var(--x-color-success);--x-steps-active-border-color:var(--x-color-success);--x-steps-active-line-color:var(--x-color-success)}.x-steps-item--type_warning{--x-steps-active-text-color:var(--x-color-warning);--x-steps-active-border-color:var(--x-color-warning);--x-steps-active-line-color:var(--x-color-warning)}.x-steps-item--type_error{--x-steps-active-text-color:var(--x-color-error);--x-steps-active-border-color:var(--x-color-error);--x-steps-active-line-color:var(--x-color-error)}.x-page-header{display:flex;flex-direction:column;padding:16px 24px;background:#fff}.x-page-header__main{flex:1;display:flex;align-items:center}.x-page-header__back{cursor:pointer;display:inline-flex;align-items:center;color:var(--x-color-primary);margin-right:16px}.x-page-header__back:hover{opacity:.8}.x-page-header__text{margin-left:4px}.x-page-header__title{font-size:18px;font-weight:500;color:#4d5059}.x-page-header__divider{width:1px;height:1em;background:#dcdfe6;margin:0 16px}.x-page-header__content{color:#606266;font-size:14px}.x-page-header__extra{margin-left:auto}.x-breadcrumb{display:flex;align-items:center;padding:12px 0}.x-breadcrumb-item{display:inline-flex;align-items:center}.x-breadcrumb-item__link{color:var(--x-color-primary);cursor:pointer}.x-breadcrumb-item__link:hover{opacity:.8}.x-breadcrumb-item__text{color:#606266}.x-breadcrumb-item__separator{margin:0 8px;color:#c0c4cc}.x-breadcrumb-item__separator-icon{margin:0 6px;font-size:14px}.x-breadcrumb-item:last-child --x-breadcrumb-item-separator,.x-breadcrumb-item:last-child --x-breadcrumb-item-separator-icon{display:none}.x-breadcrumb-item:last-child --x-breadcrumb-item-text{color:#303133}.x-image-preview{position:relative;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.x-image-preview__img{width:100vw;height:100vh;display:flex;box-sizing:border-box;padding-left:40px;padding-right:40px;justify-content:space-between;align-items:center;overflow:hidden}.x-image-preview__img img{max-width:100vh;max-height:100vh;transition:transform .3s}.x-image-preview__menu{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);display:flex;gap:12px;background:rgba(0,0,0,.7);border-radius:4px}.x-image-preview__left{background:rgba(125,125,125,.7);border-radius:50%;cursor:pointer;width:40px;height:40px;display:flex;justify-content:center;align-items:center;color:#fff;font-size:23px}.x-image-preview__left:hover{background:rgba(125,125,125,.9)}.x-image-preview__close{background:rgba(125,125,125,.7);border-radius:50%;position:absolute;cursor:pointer;top:40px;right:40px;width:40px;height:40px;display:flex;justify-content:center;align-items:center;color:#fff;font-size:23px}.x-image-preview__close:hover{background:rgba(125,125,125,.9)}.x-image-preview__right{background:rgba(125,125,125,.7);border-radius:50%;cursor:pointer;width:40px;height:40px;display:flex;justify-content:center;align-items:center;color:#fff;font-size:23px}.x-image-preview__right:hover{background:rgba(125,125,125,.9)}.x-image-preview__counter{position:fixed;bottom:80px;left:50%;transform:translateX(-50%);color:#fff;font-size:14px;font-size:17px;padding:6px 12px;border-radius:4px}.x-image-preview__menu-item{cursor:pointer;color:#fff;padding:8px;padding-bottom:3px;font-size:20px;border-radius:4px}.x-image-preview__menu-item:hover{background:rgba(255,255,255,.1)}.x-image-preview-enter-from,.x-image-preview-leave-to{opacity:0}.x-image-preview-enter-active .x-image-preview{animation:dialogFadeIn .2s}.x-image-preview-leave-active .x-image-preview{animation:dialogFadeOut .2s}.x-tooltip{position:relative;display:inline-block}.x-tooltip__content{position:absolute;background:#303133;color:#fff;padding:8px 12px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:1000;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.x-tooltip__content::before{content:"";position:absolute;width:0;height:0;border:6px solid transparent}.x-tooltip--content_top{bottom:calc(100% + 12px);left:50%;transform:translateX(-50%)}.x-tooltip--content_top::before{bottom:-12px;left:50%;transform:translateX(-50%);border-top-color:#303133}.x-tooltip--content_bottom{top:calc(100% + 12px);left:50%;transform:translateX(-50%)}.x-tooltip--content_bottom::before{top:-12px;left:50%;transform:translateX(-50%);border-bottom-color:#303133}.x-tooltip--content_left{right:calc(100% + 12px);top:50%;transform:translateY(-50%)}.x-tooltip--content_left::before{right:-12px;top:50%;transform:translateY(-50%);border-left-color:#303133}.x-tooltip--content_right{left:calc(100% + 12px);top:50%;transform:translateY(-50%)}.x-tooltip--content_right::before{left:-12px;top:50%;transform:translateY(-50%);border-right-color:#303133}.x-tooltip-enter-active,.x-tooltip-leave-active{transition:opacity .2s,transform .2s}.x-tooltip-enter-from,.x-tooltip-leave-to{opacity:0;transform:scale(.8)}.x-popover{position:relative;display:inline-block}.x-popover__content{position:absolute;background:#fff;color:#333;padding:12px;border-radius:4px;font-size:14px;z-index:1000;min-width:150px;box-shadow:0 2px 12px rgba(0,0,0,.1);border:1px solid #ebeef5}.x-popover__content::after,.x-popover__content::before{content:"";position:absolute;width:0;height:0}.x-popover__content::before{border:6px solid transparent;z-index:1}.x-popover__content::after{border:5px solid transparent;z-index:2}.x-popover__title{padding-bottom:8px;margin-bottom:8px;font-size:16px;font-weight:500;border-bottom:1px solid #ebeef5}.x-popover--content_top{bottom:calc(100% + 10px);left:50%;transform:translateX(-50%)}.x-popover--content_top::before{bottom:-12px;left:50%;transform:translateX(-50%);border-top-color:#ebeef5}.x-popover--content_top::after{bottom:-10px;left:50%;transform:translateX(-50%);border-top-color:#fff}.x-popover--content_bottom{top:calc(100% + 10px);left:50%;transform:translateX(-50%)}.x-popover--content_bottom::before{top:-12px;left:50%;transform:translateX(-50%);border-bottom-color:#ebeef5}.x-popover--content_bottom::after{top:-10px;left:50%;transform:translateX(-50%);border-bottom-color:#fff}.x-popover--content_left{right:calc(100% + 10px);top:50%;transform:translateY(-50%)}.x-popover--content_left::before{right:-12px;top:50%;transform:translateY(-50%);border-left-color:#ebeef5}.x-popover--content_left::after{right:-10px;top:50%;transform:translateY(-50%);border-left-color:#fff}.x-popover--content_right{left:calc(100% + 10px);top:50%;transform:translateY(-50%)}.x-popover--content_right::before{left:-12px;top:50%;transform:translateY(-50%);border-right-color:#ebeef5}.x-popover--content_right::after{left:-10px;top:50%;transform:translateY(-50%);border-right-color:#fff}.x-popover-enter-active,.x-popover-leave-active{transition:opacity .2s,transform .2s}.x-popover-enter-from,.x-popover-leave-to{opacity:0;transform:scale(.8)}.x-date-picker{position:relative;width:100%;display:inline-block}.x-date-picker__input{width:200px}.x-date-picker__input.is-range{width:230px}.x-date-picker__panel{position:absolute;top:100%;left:0;z-index:2000;border:1px solid #e4e7ed;border-radius:4px;background-color:#fff;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);margin-top:12px;padding:16px;width:320px}.x-date-picker--panel_range{display:flex;width:640px;justify-content:space-between}.x-date-picker__panel-left{flex:1}.x-date-picker__panel-right{flex:1;border-left:1px solid #e4e7ed;margin-left:16px;padding-left:16px}.x-date-picker__header{display:flex;align-items:center;justify-content:space-between;padding:0 8px 16px;border-bottom:1px solid #e4e7ed}.x-date-picker__header span{cursor:pointer;padding:4px;border-radius:4px}.x-date-picker__header span:hover{background-color:#f5f7fa}.x-date-picker__header-label{font-size:16px;font-weight:500;color:#303133}.x-date-picker__week-header{display:flex;padding:12px 0}.x-date-picker__week-header span{flex:1;text-align:center;color:#909399;font-size:14px}.x-date-picker__days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.x-date-picker__months{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 0}.x-date-picker__years{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 0}.x-date-picker__cell{height:36px;line-height:36px;text-align:center;cursor:pointer;border-radius:4px;font-size:14px;color:#303133}.x-date-picker__cell:hover{background-color:#f5f7fa}.x-date-picker__cell.is-today{color:var(--x-color-primary);font-weight:500}.x-date-picker__cell.is-selected{background-color:var(--x-color-primary);color:#fff;font-weight:500}.x-date-picker__cell.is-selected:hover{background-color:var(--x-color-primary)}.x-date-picker__cell.is-in-range{background-color:#e6f7ff;color:var(--x-color-primary)}.x-date-picker__cell.is-range-start{background-color:var(--x-color-primary);color:#fff;border-top-right-radius:0;border-bottom-right-radius:0}.x-date-picker__cell.is-range-end{background-color:var(--x-color-primary);color:#fff;border-top-left-radius:0;border-bottom-left-radius:0}.x-date-picker__cell.is-disabled{cursor:not-allowed;color:#c0c4cc;background-color:#f5f7fa}.x-date-picker__cell.is-not-current-month{color:#909399}.x-date-picker-enter-active,.x-date-picker-leave-active{transition:opacity .3s ease-in-out,transform .3s ease-in-out;transform-origin:top}.x-date-picker-enter-from,.x-date-picker-leave-to{opacity:0;transform:scaleY(0)}.x-date-picker-enter-to,.x-date-picker-leave-from{opacity:1;transform:scaleY(1)}.x-time-picker{position:relative;display:inline-block;width:100%}.x-time-picker__input{width:190px;cursor:pointer}.x-time-picker__input.is-range{width:100%}.x-time-picker__panel{position:absolute;top:100%;left:6px;z-index:1000;margin-top:8px;background-color:var(--x-color-white);border:1px solid var(--x-border-color-default);border-radius:var(--x-component-round-small)}.x-time-picker--panel_range{width:360px;display:flex;gap:10px;padding:10px;padding-right:5px}.x-time-picker__time-columns{display:flex;width:172px}.x-time-picker__column{flex:1;text-align:center;border-right:1px solid var(--x-border-color-default)}.x-time-picker__column:last-child{border-right:none}.x-time-picker__column-header{padding:8px;color:var(--x-text-color-secondary);font-size:var(--x-font-size-default);font-weight:700}.x-time-picker__column-content{height:216px;overflow-y:auto}.x-time-picker__cell{display:block;height:32px;line-height:32px;color:var(--x-text-color-secondary);font-size:var(--x-font-size-default);cursor:pointer;transition:background-color .2s}.x-time-picker__cell:hover{background-color:var(--x-color-primary-light-9)}.x-time-picker__cell.is-selected{color:var(--x-color-primary);font-weight:700;background-color:var(--x-color-primary-light-9)}.x-time-picker__bottom{display:flex;justify-content:end;padding:8px}.x-time-picker__panel-left{border:solid 1px var(--x-border-color-default);border-radius:4px}.x-time-picker__panel-right{border:solid 1px var(--x-border-color-default);border-radius:4px}.x-option{display:flex;align-items:center;justify-content:space-between;padding:0 12px;height:34px;line-height:34px;cursor:pointer;background-color:#fff}.x-option:hover{background-color:var(--x-color-primary-light-9)}.x-option.is-selected{color:var(--x-color-primary);font-weight:500;background-color:var(--x-color-primary-light-9)}.x-option.is-disabled{cursor:not-allowed;color:var(--x-text-color-disabled);opacity:.7}.x-option__label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.x-option__check{font-size:14px;color:var(--x-color-primary)}.x-collapse{border-top:1px solid var(--x-border-color-default);border-bottom:1px solid var(--x-border-color-default)}.x-collapse-item__title{display:flex;align-items:center;height:48px;line-height:48px;padding:0 16px;color:var(--x-text-color-primary);cursor:pointer;font-size:var(--x-font-size-default);transition:border-bottom-color .3s;position:relative}.x-collapse-item__title-arrow{margin-left:auto;transition:transform .3s;font-size:12px}.x-collapse-item__title.is-active{border-bottom:1px solid var(--x-border-color-default)}.x-collapse-item__title.is-disabled{color:var(--x-text-color-disabled);cursor:not-allowed}.x-collapse-item__content{overflow:hidden;background-color:#fff;border-bottom:1px solid var(--x-border-color-default);padding:0 16px;box-sizing:border-box;transition:height .3s ease-in-out}.x-collapse-item__content-box{padding:16px 0}.x-collapse-item:last-child .x-collapse-item__content{border-bottom:none}.x-select{position:relative;display:inline-block;width:100%;box-sizing:border-box;cursor:pointer}.x-select--size_small{font-size:var(--x-font-size-small)}.x-select--size_default{font-size:var(--x-font-size-default)}.x-select--size_large{font-size:var(--x-font-size-large)}.x-select.is-disabled{cursor:not-allowed;opacity:.7}.x-select.is-focus .x-select__wrapper{border-color:var(--x-color-primary);box-shadow:0 0 0 2px var(--x-color-primary-light-9)}.x-select.is-multiple .x-select__wrapper{padding:2px 30px 2px 8px;height:auto;min-height:32px}.x-select__wrapper{background-color:#fff;display:flex;align-items:center;width:100%;min-height:32px;padding:0 30px 0 12px;box-sizing:border-box;border:1px solid var(--x-border-color-default);border-radius:4px;background-color:var(--x-background-color-default);transition:all .2s cubic-bezier(.645,.045,.355,1)}.x-select__wrapper.is-hover{border-color:var(--x-color-primary)}.x-select__wrapper.is-disabled{border-color:var(--x-border-color-disabled);background-color:var(--x-disabled-disabled-bg)}.x-select__selected{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.x-select__placeholder{color:var(--x-text-color-placeholder)}.x-select__label{color:var(--x-text-color-primary)}.x-select__tags{display:flex;flex-wrap:wrap;align-items:center;flex:1;gap:4px;min-height:28px}.x-select__tag{display:inline-flex;align-items:center;gap:4px;padding:0 8px;height:24px;line-height:24px;background-color:var(--x-color-primary-light-9);color:var(--x-color-primary);border-radius:2px;font-size:var(--x-font-size-small)}.x-select__tag .x-icon{cursor:pointer;font-size:14px}.x-select__tag .x-icon:hover{color:var(--x-color-danger)}.x-select__arrow{position:absolute;right:8px;font-size:14px;color:var(--x-text-color-secondary);transition:transform .3s}.x-select__arrow.is-reverse{transform:rotate(180deg)}.x-select__clear{position:absolute;right:25px;font-size:14px;color:var(--x-text-color-secondary)}.x-select__clear:hover{color:var(--x-text-color-primary)}.x-select__dropdown{position:absolute;top:calc(100% + 4px);left:0;width:100%;max-height:200px;overflow-y:auto;background-color:var(--x-background-color-default);border:1px solid var(--x-border-color-default);border-radius:4px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);z-index:1000;padding:6px 0;box-sizing:border-box}.x-select__empty{padding:10px 0;text-align:center;color:var(--x-text-color-secondary)}.x-select__filter-input{flex:1;min-width:60px;border:none;outline:0;background:0 0;height:28px;font-size:inherit;color:var(--x-text-color-primary);padding:0;margin:0}.x-select__filter-input::-moz-placeholder{color:var(--x-text-color-placeholder)}.x-select__filter-input::placeholder{color:var(--x-text-color-placeholder)}.x-card{color:var(--x-text-color-primary)}.x-card--shadow_always{box-shadow:0 0 12px rgba(0,0,0,.12)}.x-card--shadow_hover{transition:box-shadow .3s}.x-card--shadow_hover:hover{box-shadow:0 0 12px rgba(0,0,0,.12)}.x-card--shadow_never{box-shadow:none}.x-card__header{padding:16px;font-size:var(--x-font-size-large);border-bottom:solid 1px var(--x-border-color-default)}.x-card__body{padding:16px}.x-card__footer{padding:16px;border-top:1px solid var(--x-border-color-default)}:root{--x-tag-padding-small:4px;--x-tag-padding-default:6px;--x-tag-padding-large:6px;--x-tag-height-small:20px;--x-tag-height-default:24px;--x-tag-height-large:28px;--x-tag-font-size-small:12px;--x-tag-font-size-default:14px;--x-tag-font-size-large:16px}.x-tag{--x-tag-bg-color-light:var(--x-color-primary-light-8);--x-tag-text-color-light:var(--x-color-primary);--x-tag-bg-color-dark:var(--x-color-primary);--x-tag-text-color-dark:var(--x-color-white);--x-tag-bg-color-plain:var(--x-color-white);--x-tag-text-color-plain:var(--x-color-primary);--x-tag-border-color:var(--x-color-primary);--x-tag-text-color:var(--x-color-primary);--x-tag-border-radius:var(--x-component-round-small);--x-tag-font-size:var(--x-tag-font-size-default);--x-tag-padding:var(--x-tag-padding-default);--x-tag-size:var(--x-tag-height-default);--x-tag-close-hover-text-color:var(--x-color-white);--x-tag-close-hover-bg-color:var(--x-color-primary);display:inline-flex;align-items:center;justify-content:center;padding:0 10px;height:var(--x-tag-size);border:solid 1px var(--x-tag-border-color);border-radius:var(--x-tag-radius);font-size:var(--x-tag-font-size);line-height:1;padding:0 var(--x-tag-padding);color:var(--x-tag-text-color);background-color:var(--x-tag-bg-color-light);border-radius:var(--x-tag-border-radius)}.x-tag__close{margin-left:8px;font-size:14px;cursor:pointer;transition:color .3s;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.x-tag__close:hover{color:var(--x-tag-close-hover-text-color);background-color:var(--x-tag-close-hover-bg-color)}.x-tag--effect_dark{color:var(--x-tag-text-color-dark);background-color:var(--x-tag-bg-color-dark);--x-tag-close-hover-text-color:var(--x-neutral-color-light-4);--x-tag-close-hover-bg-color:var(--x-tag-close-hover-bg-color-dark)}.x-tag.is-round{--x-tag-border-radius:var(--x-component-round-round)}.x-tag--primary{--x-tag-bg-color-light:var(--x-color-primary-light-8);--x-tag-text-color-light:var(--x-color-primary);--x-tag-bg-color-dark:var(--x-color-primary);--x-tag-bg-color-plain:var(--x-color-primary);--x-tag-text-color-plain:var(--x-color-primary);--x-tag-border-color:var(--x-color-primary);--x-tag-text-color:var(--x-color-primary);--x-tag-close-hover-bg-color:var(--x-color-primary)}.x-tag--success{--x-tag-bg-color-light:var(--x-color-success-light-8);--x-tag-text-color-light:var(--x-color-success);--x-tag-bg-color-dark:var(--x-color-success);--x-tag-bg-color-plain:var(--x-color-success);--x-tag-text-color-plain:var(--x-color-success);--x-tag-border-color:var(--x-color-success);--x-tag-text-color:var(--x-color-success);--x-tag-close-hover-bg-color:var(--x-color-success)}.x-tag--warning{--x-tag-bg-color-light:var(--x-color-warning-light-8);--x-tag-text-color-light:var(--x-color-warning);--x-tag-bg-color-dark:var(--x-color-warning);--x-tag-bg-color-plain:var(--x-color-warning);--x-tag-text-color-plain:var(--x-color-warning);--x-tag-border-color:var(--x-color-warning);--x-tag-text-color:var(--x-color-warning);--x-tag-close-hover-bg-color:var(--x-color-warning)}.x-tag--error{--x-tag-bg-color-light:var(--x-color-error-light-8);--x-tag-text-color-light:var(--x-color-error);--x-tag-bg-color-dark:var(--x-color-error);--x-tag-bg-color-plain:var(--x-color-error);--x-tag-text-color-plain:var(--x-color-error);--x-tag-border-color:var(--x-color-error);--x-tag-text-color:var(--x-color-error);--x-tag-close-hover-bg-color:var(--x-color-error)}.x-tag--small{--x-tag-font-size:var(--x-tag-font-size-small);--x-tag-size:var(--x-tag-height-small);--x-tag-padding:var(--x-tag-padding-small)}.x-tag--default{--x-tag-font-size:var(--x-tag-font-size-default);--x-tag-size:var(--x-tag-height-default);--x-tag-padding:var(--x-tag-padding-default)}.x-tag--large{--x-tag-font-size:var(--x-tag-font-size-large);--x-tag-size:var(--x-tag-height-large);--x-tag-padding:var(--x-tag-padding-large)}.x-timeline{--x-timeline-node-color:var(--x-neutral-color-light-6);display:flex;flex-direction:column}.x-timeline-item{position:relative;padding-bottom:20px;display:flex;align-items:flex-start;justify-content:center}.x-timeline-item:last-child .x-timeline-item__line{display:none}.x-timeline-item__line{position:absolute;left:5px;height:100%;width:2px;background-color:var(--x-neutral-color-light-6);z-index:0}.x-timeline-item__node{position:relative;display:flex;justify-content:center;align-items:center;width:12px;height:12px;background-color:var(--x-timeline-node-color);border-radius:50%;margin-right:16px;z-index:1}.x-timeline-item__node.is-hollow{background-color:#fff;border:3px solid var(--x-timeline-node-color);box-sizing:border-box}.x-timeline-item--small_{width:6px;height:6px}.x-timeline-item--large_{width:10px;height:10px}.x-timeline-item__wrapper{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.x-timeline-item__time{color:#909399;font-size:12px;margin-top:8px}.x-timeline-item__content{color:#303133;font-size:14px}.x-timeline-item--position_top{flex-direction:column-reverse;gap:8px}.x-timeline-item--primary{--x-timeline-node-color:var(--x-color-primary)}.x-timeline-item--success{--x-timeline-node-color:var(--x-color-success)}.x-timeline-item--warning{--x-timeline-node-color:var(--x-color-warning)}.x-timeline-item--error{--x-timeline-node-color:var(--x-color-error)}.x-result{padding:10px;display:flex;flex-direction:column;gap:13px;justify-content:center;align-items:center}.x-result__title{font-size:var(--x-font-size-large);color:var(--x-text-color-primary)}.x-result__sub-title{font-size:var(--x-font-size-small);color:var(--x-text-color-secondary)}.x-sender{--x-sender-text-color:var(--x-text-color-primary);--x-sender-text-color-aside:var(--x-text-color-secondary);--x-sender-border-color:var(--x-border-color-default);--x-sender-bg-color:var(--x-color-white);--x-sender-bg-color-aside:var(--x-color-disabled-bg);--x-sender-size:var(--x-component-size-default);--x-sender-font-size:var(--x-font-size-default);--x-sender-padding:var(--x-padding-default);--x-sender-round:var(--x-component-round-default);width:100%;border:2px solid var(--x-sender-border-color);border-radius:var(--x-sender-round);background-color:var(--x-sender-bg-color)}.x-sender textarea{resize:none}.x-sender.is-focus{transition:border-color .3s ease;--x-sender-border-color:var(--x-color-primary)}.x-sender__inner-wrapper{display:flex;flex-direction:column;width:100%;box-sizing:border-box;border-radius:var(--x-sender-round);position:relative;padding:5px 10px}.x-sender__inner-wrapper:hover{transition:border-color .3s ease;--x-sender-border-color:var(--x-border-color-hover)}.x-sender--position_between{flex-direction:row;padding:5px 10px;align-items:center}.x-sender__inner-wrapper.is-adj{align-items:end}.x-sender__inner{flex:1;align-items:center;padding:5px var(--x-sender-padding);padding-bottom:0;box-sizing:border-box;outline:0;color:var(--x-sender-text-color);font-size:var(--x-sender-font-size);font-family:inherit;resize:vertical;height:auto;min-height:27px;line-height:1.2;width:100%;border:none;border-radius:var(--x-sender-round)}.x-sender__inner.is-bottom{min-height:45px}.x-sender__inner.is-disabled{--x-sender-border-color:var(--x-border-color-disabled);--x-sender-bg-color:var(--x-color-disabled-bg);--x-sender-text-color:var(--x-text-color-disabled);--x-sender-text-color-aside:var(--x-text-color-placeholder);resize:none}.x-sender__bottom{padding:10px;display:flex;justify-content:space-between;align-items:center;flex-direction:row-reverse;width:calc(100% - 10px)}.x-sender__action{display:flex;align-items:center;justify-content:flex-end;flex-direction:row;gap:10px;margin-left:10px}.x-sender__prefix{display:flex;align-items:center;justify-content:flex-end;flex-direction:row;gap:10px}.x-sender__wapper-top{display:flex;align-items:center;padding-left:3px;padding-top:9px}.x-sender__wapper-bottom{display:flex;align-items:center}sender::-moz-placeholder{color:var(--x-text-color-placeholder)}sender::placeholder{color:var(--x-text-color-placeholder)}sender::-webkit-input-placeholder{color:var(--x-text-color-placeholder)}sender:-moz-placeholder{color:var(--x-text-color-placeholder)}sender::-moz-placeholder{color:var(--x-text-color-placeholder)}sender:-ms-input-placeholder{color:var(--x-text-color-placeholder)}sender::-ms-input-placeholder{color:var(--x-text-color-placeholder)}li,ul{list-style:none;margin:0}