song-ui-u/dist/index.min.css

vue3 + js的PC前端组件库

@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_