@iooo/element 0.0.0-stage → 1.0.0

package/dist/index.css

@@ -0,0 +1,2 @@
+:root{--sp-color-white:#fff;--sp-color-black:#000;--colors:(primary: #409eff, success: #67c23a, info: #909399, warning: #e6a23c, danger: #ff5656);--sp-color-primary:#409eff;--sp-color-primary-light-3:#79bbff;--sp-color-primary-light-5:#a0cfff;--sp-color-primary-light-7:#c6e2ff;--sp-color-primary-light-9:#ecf5ff;--sp-color-primary-dark-2:#337ecc;--sp-color-success:#67c23a;--sp-color-success-light-3:#95d475;--sp-color-success-light-5:#b3e19d;--sp-color-success-light-7:#d1edc4;--sp-color-success-light-9:#f0f9eb;--sp-color-success-dark-2:#529b2e;--sp-color-info:#909399;--sp-color-info-light-3:#b1b3b8;--sp-color-info-light-5:#c8c9cc;--sp-color-info-light-7:#dedfe0;--sp-color-info-light-9:#f4f4f5;--sp-color-info-dark-2:#73767a;--sp-color-warning:#e6a23c;--sp-color-warning-light-3:#eebe77;--sp-color-warning-light-5:#f3d19e;--sp-color-warning-light-7:#f8e3c5;--sp-color-warning-light-9:#fdf6ec;--sp-color-warning-dark-2:#b88230;--sp-color-danger:#ff5656;--sp-color-danger-light-3:#ff8989;--sp-color-danger-light-5:#ffabab;--sp-color-danger-light-7:#fcc;--sp-color-danger-light-9:#fee;--sp-color-danger-dark-2:#cc4545;--sp-bg-color:#fff;--sp-bg-color-page:#f2f3f5;--sp-bg-color-overlay:#fff;--sp-text-color-primary:#303133;--sp-text-color-regular:#606266;--sp-text-color-secondary:#909399;--sp-text-color-disabled:#c0c4cc;--sp-border-color:#dcdfe6;--sp-border-color-light:#e4e7ed;--sp-border-color-lighter:#ebeef5;--sp-border-color-dark:#d4d7de;--sp-border-color-darker:#cdd0d6;--sp-fill-color:#f0f2f5;--sp-fill-color-light:#f5f7fa;--sp-fill-color-lighter:#fafafa;--sp-fill-color-dark:#ebedf0;--sp-fill-color-darker:#e6e8eb;--sp-text-color-placeholder:#a8abb2;--sp-border-color-extra-light:#f2f6fc;--sp-fill-color-extra-light:#fafcff;--sp-fill-color-blank:#fff;--sp-border-width:1px;--sp-border-style:solid;--sp-border-color-hover:var(--sp-text-color-disabled);--sp-border:var(--sp-border-width) var(--sp-border-style) var(--sp-border-color);--sp-border-radius-base:4px;--sp-border-radius-small:2px;--sp-border-radius-round:20px;--sp-border-radius-circle:100%;--sp-font-size-extra-large:20px;--sp-font-size-large:18px;--sp-font-size-medium:16px;--sp-font-size-base:14px;--sp-font-size-small:13px;--sp-font-size-extra-small:12px;--sp-font-family:"Helvetica Neue", Helvetica, "PingFang SC", sans-serif;--sp-font-weight-primary:500;--sp-disabled-bg-color:var(--sp-fill-color-light);--sp-disabled-text-color:var(--sp-text-color-placeholder);--sp-disabled-border-color:var(--sp-border-color-light);--sp-transition-duration:.3s;--sp-transition-duration-fast:.2s}body{font-family:var(--sp-font-family);font-weight:400;font-size:var(--sp-font-size-base);color:var(--sp-text-color-primary);-webrpt-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}a{color:var(--sp-color-primary);text-decoration:none}a:hover,a:focus{color:var(--sp-color-primary-light-3)}a:active{color:var(--sp-color-primary-dark-2)}.sp-button{--sp-button-font-weight:var(--sp-font-weight-primary);--sp-button-border-color:var(--sp-border-color);--sp-button-bg-color:var(--sp-fill-color-blank);--sp-button-text-color:var(--sp-text-color-regular);--sp-button-disabled-text-color:var(--sp-disabled-text-color);--sp-button-disabled-bg-color:var(--sp-fill-color-blank);--sp-button-disabled-border-color:var(--sp-border-color-light);--sp-button-hover-text-color:var(--sp-color-primary);--sp-button-hover-bg-color:var(--sp-color-primary-light-9);--sp-button-hover-border-color:var(--sp-color-primary-light-7);--sp-button-active-text-color:var(--sp-button-hover-text-color);--sp-button-active-border-color:var(--sp-color-primary);--sp-button-active-bg-color:var(--sp-button-hover-bg-color);--sp-button-outline-color:var(--sp-color-primary-light-5);--sp-button-active-color:var(--sp-text-color-primary);white-space:nowrap;cursor:pointer;height:32px;color:var(--sp-button-text-color);text-align:center;box-sizing:border-box;line-height:1;font-weight:var(--sp-button-font-weight);-webkit-user-select:none;user-select:none;vertical-align:middle;-webkit-appearance:none;border:var(--sp-border);background-color:var(--sp-button-bg-color);border-color:var(--sp-button-border-color);font-size:var(--sp-font-size-base);border-radius:var(--sp-border-radius-base);outline:none;justify-content:center;align-items:center;padding:8px 15px;transition:all .1s;display:inline-flex}.sp-button:hover,.sp-button:focus{color:var(--sp-button-hover-text-color);border-color:var(--sp-button-hover-border-color);background-color:var(--sp-button-hover-bg-color);outline:none}.sp-button:active{color:var(--sp-button-active-text-color);border-color:var(--sp-button-active-border-color);background-color:var(--sp-button-active-bg-color);outline:none}.sp-button.is-plain{--sp-button-hover-text-color:var(--sp-color-primary);--sp-button-hover-bg-color:var(--sp-fill-color-blank);--sp-button-hover-border-color:var(--sp-color-primary)}.sp-button.is-round{border-radius:var(--sp-border-radius-round)}.sp-button.is-circle{border-radius:50%;padding:8px}.sp-button.is-disabled,.sp-button.is-disabled:hover,.sp-button.is-disabled:focus.sp-button[disabled],.sp-button[disabled]:hover,.sp-button[disabled]:focus{cursor:not-allowed;color:var(--sp-button-disabled-text-color);background-image:none;background-color:var(--sp-button-disabled-bg-color);border-color:var(--sp-button-disabled-border-color)}.sp-button [class*=sp-icon]+span{margin-left:4px}.sp-button--primary{--sp-button-text-color:var(--sp-color-white);--sp-button-bg-color:var(--sp-color-primary);--sp-button-border-color:var(--sp-color-primary);--sp-button-outline-color:var(--sp-color-primary-light-5);--sp-button-active-color:var(--sp-color-primary-dark-2);--sp-button-hover-text-color:var(--sp-color-white);--sp-button-hover-bg-color:var(--sp-color-primary-light-3);--sp-button-hover-border-color:var(--sp-color-primary-light-3);--sp-button-active-bg-color:var(--sp-color-primary-dark-2);--sp-button-active-border-color:var(--sp-color-primary-dark-2);--sp-button-disabled-text-color:var(--sp-color-white);--sp-button-disabled-bg-color:var(--sp-color-primary-light-5);--sp-button-disabled-border-color:var(--sp-color-primary-light)}.sp-button--primary.is-plain{--sp-button-text-color:var(--sp-color-primary);--sp-button-bg-color:var(--sp-color-primary-light-9);--sp-button-border-color:var(--sp-color-primary-light-5);--sp-button-hover-text-color:var(--sp-color-white);--sp-button-hover-bg-color:var(--sp-color-primary);--sp-button-hover-border-color:var(--sp-color-primary);--sp-button-active-text-color:var(--sp-color-white)}.sp-button--success{--sp-button-text-color:var(--sp-color-white);--sp-button-bg-color:var(--sp-color-success);--sp-button-border-color:var(--sp-color-success);--sp-button-outline-color:var(--sp-color-success-light-5);--sp-button-active-color:var(--sp-color-success-dark-2);--sp-button-hover-text-color:var(--sp-color-white);--sp-button-hover-bg-color:var(--sp-color-success-light-3);--sp-button-hover-border-color:var(--sp-color-success-light-3);--sp-button-active-bg-color:var(--sp-color-success-dark-2);--sp-button-active-border-color:var(--sp-color-success-dark-2);--sp-button-disabled-text-color:var(--sp-color-white);--sp-button-disabled-bg-color:var(--sp-color-success-light-5);--sp-button-disabled-border-color:var(--sp-color-success-light)}.sp-button--success.is-plain{--sp-button-text-color:var(--sp-color-success);--sp-button-bg-color:var(--sp-color-success-light-9);--sp-button-border-color:var(--sp-color-success-light-5);--sp-button-hover-text-color:var(--sp-color-white);--sp-button-hover-bg-color:var(--sp-color-success);--sp-button-hover-border-color:var(--sp-color-success);--sp-button-active-text-color:var(--sp-color-white)}.sp-button--info{--sp-button-text-color:var(--sp-color-white);--sp-button-bg-color:var(--sp-color-info);--sp-button-border-color:var(--sp-color-info);--sp-button-outline-color:var(--sp-color-info-light-5);--sp-button-active-color:var(--sp-color-info-dark-2);--sp-button-hover-text-color:var(--sp-color-white);--sp-button-hover-bg-color:var(--sp-color-info-light-3);--sp-button-hover-border-color:var(--sp-color-info-light-3);--sp-button-active-bg-color:var(--sp-color-info-dark-2);--sp-button-active-border-color:var(--sp-color-info-dark-2);--sp-button-disabled-text-color:var(--sp-color-white);--sp-button-disabled-bg-color:var(--sp-color-info-light-5);--sp-button-disabled-border-color:var(--sp-color-info-light)}.sp-button--info.is-plain{--sp-button-text-color:var(--sp-color-info);--sp-button-bg-color:var(--sp-color-info-light-9);--sp-button-border-color:var(--sp-color-info-light-5);--sp-button-hover-text-color:var(--sp-color-white);--sp-button-hover-bg-color:var(--sp-color-info);--sp-button-hover-border-color:var(--sp-color-info);--sp-button-active-text-color:var(--sp-color-white)}.sp-button--warning{--sp-button-text-color:var(--sp-color-white);--sp-button-bg-color:var(--sp-color-warning);--sp-button-border-color:var(--sp-color-warning);--sp-button-outline-color:var(--sp-color-warning-light-5);--sp-button-active-color:var(--sp-color-warning-dark-2);--sp-button-hover-text-color:var(--sp-color-white);--sp-button-hover-bg-color:var(--sp-color-warning-light-3);--sp-button-hover-border-color:var(--sp-color-warning-light-3);--sp-button-active-bg-color:var(--sp-color-warning-dark-2);--sp-button-active-border-color:var(--sp-color-warning-dark-2);--sp-button-disabled-text-color:var(--sp-color-white);--sp-button-disabled-bg-color:var(--sp-color-warning-light-5);--sp-button-disabled-border-color:var(--sp-color-warning-light)}.sp-button--warning.is-plain{--sp-button-text-color:var(--sp-color-warning);--sp-button-bg-color:var(--sp-color-warning-light-9);--sp-button-border-color:var(--sp-color-warning-light-5);--sp-button-hover-text-color:var(--sp-color-white);--sp-button-hover-bg-color:var(--sp-color-warning);--sp-button-hover-border-color:var(--sp-color-warning);--sp-button-active-text-color:var(--sp-color-white)}.sp-button--danger{--sp-button-text-color:var(--sp-color-white);--sp-button-bg-color:var(--sp-color-danger);--sp-button-border-color:var(--sp-color-danger);--sp-button-outline-color:var(--sp-color-danger-light-5);--sp-button-active-color:var(--sp-color-danger-dark-2);--sp-button-hover-text-color:var(--sp-color-white);--sp-button-hover-bg-color:var(--sp-color-danger-light-3);--sp-button-hover-border-color:var(--sp-color-danger-light-3);--sp-button-active-bg-color:var(--sp-color-danger-dark-2);--sp-button-active-border-color:var(--sp-color-danger-dark-2);--sp-button-disabled-text-color:var(--sp-color-white);--sp-button-disabled-bg-color:var(--sp-color-danger-light-5);--sp-button-disabled-border-color:var(--sp-color-danger-light)}.sp-button--danger.is-plain{--sp-button-text-color:var(--sp-color-danger);--sp-button-bg-color:var(--sp-color-danger-light-9);--sp-button-border-color:var(--sp-color-danger-light-5);--sp-button-hover-text-color:var(--sp-color-white);--sp-button-hover-bg-color:var(--sp-color-danger);--sp-button-hover-border-color:var(--sp-color-danger);--sp-button-active-text-color:var(--sp-color-white)}.sp-button--large{--sp-button-size:40px;height:var(--sp-button-size);font-size:var(--sp-font-size-base);border-radius:var(--sp-border-radius-base);padding:12px 19px}.sp-button--small{--sp-button-size:24px;height:var(--sp-button-size);border-radius:calc(var(--sp-border-radius-base) - 1px);padding:5px 11px;font-size:12px}.sp-collapse{--sp-collapse-border-color:var(--sp-border-color-light);--sp-collapse-header-height:48px;--sp-collapse-header-bg-color:var(--sp-fill-color-blank);--sp-collapse-header-text-color:var(--sp-text-color-primary);--sp-collapse-header-font-size:24px;--sp-collapse-content-bg-color:var(--sp-fill-color-blank);--sp-collapse-content-font-size:13px;--sp-collapse-content-text-color:var(--sp-text-color-primary);--sp-collapse-disabled-text-color:var(--sp-disabled-text-color);--sp-collapse-disabled-border-color:var(--sp-border-color-lighter);border-top:1px solid var(--sp-collapse-border-color);border-bottom:1px solid var(--sp-collapse-border-color)}.sp-collapse-item_header{height:var(--sp-collapse-header-height);line-height:var(--sp-collapse-header-height);background-color:var(--sp-collapse-header-bg-color);color:var(--sp-collapse-header-text-color);cursor:pointer;font-size:var(--sp-collapse-header-font-size);transition:border-bottom-color var(--sp-transition-duration);border-bottom:1px solid var(--sp-collapse-border-color);outline:none;justify-content:space-between;align-items:center;font-weight:500;display:flex}.sp-collapse-item_header.is-disabled{color:var(--sp-collapse-disabled-text-color);cursor:not-allowed;background-image:none}.sp-collapse-item_header.is-active{border-bottom-color:#0000}.sp-collapse-item_header.is-active .header-angle{transform:rotate(90deg)}.sp-collapse-item_header .header-angle{transition:transform var(--sp-transition-duration)}.sp-collapse-item_content{will-change:height;background-color:var(--sp-collapse-content-bg-color);box-sizing:border-box;font-size:var(--sp-collapse-content-font-size);color:var(--sp-collapse-content-text-color);border-bottom:1px solid var(--sp-collapse-border-color);padding-bottom:12px;overflow:hidden}.slide-enter-active,.slide-leave-active{transition:height .2s ease-in-out}.sp-icon{--sp-icon-color:inherit;fill:currentColor;color:var(--sp-icon-color);font-size:inherit;justify-content:center;align-items:center;display:inline-flex;position:relative}.sp-icon--primary{--sp-icon-color:var(--sp-color-primary)}.sp-icon--info{--sp-icon-color:var(--sp-color-info)}.sp-icon--success{--sp-icon-color:var(--sp-color-success)}.sp-icon--warning{--sp-icon-color:var(--sp-color-warning)}.sp-icon--danger{--sp-icon-color:var(--sp-color-danger)}.sp-alert{--sp-alert-font-weight:var(--sp-font-weight-primary);--sp-alert-border-color:var(--sp-border-color);--sp-alert-bg-color:var(--sp-fill-color-blank);--sp-alert-text-color:var(--sp-text-color-regular);--sp-alert-disabled-text-color:var(--sp-disabled-text-color);--sp-alert-disabled-bg-color:var(--sp-fill-color-blank);--sp-alert-disabled-border-color:var(--sp-border-color-light);--sp-alert-hover-text-color:var(--sp-color-primary);--sp-alert-hover-bg-color:var(--sp-color-primary-light-9);--sp-alert-hover-border-color:var(--sp-color-primary-light-7);--sp-alert-active-text-color:var(--sp-alert-hover-text-color);--sp-alert-active-border-color:var(--sp-color-primary);--sp-alert-active-bg-color:var(--sp-alert-hover-bg-color);--sp-alert-outline-color:var(--sp-color-primary-light-5);--sp-alert-active-color:var(--sp-text-color-primary);background-color:var(--sp-alert-bg-color);white-space:nowrap;cursor:pointer;width:500px;color:var(--sp-alert-text-color);box-sizing:border-box;line-height:1;font-weight:var(--sp-alert-font-weight);-webkit-user-select:none;user-select:none;vertical-align:middle;-webkit-appearance:none;border:var(--sp-border);background-color:var(--sp-alert-bg-color);border-color:var(--sp-alert-border-color);font-size:var(--sp-font-size-base);outline:none;justify-content:space-between;align-items:center;padding:8px 15px;transition:all .1s;display:inline-flex}.sp-alert:hover,.sp-alert:focus{color:var(--sp-alert-hover-text-color);border-color:var(--sp-alert-hover-border-color);background-color:var(--sp-alert-hover-bg-color);outline:none}.sp-alert:active{color:var(--sp-alert-active-text-color);border-color:var(--sp-alert-active-border-color);background-color:var(--sp-alert-active-bg-color);outline:none}.sp-alert.is-plain{--sp-alert-hover-text-color:var(--sp-color-primary);--sp-alert-hover-bg-color:var(--sp-fill-color-blank);--sp-alert-hover-border-color:var(--sp-color-primary)}.sp-alert.is-round{border-radius:var(--sp-border-radius-round)}.sp-alert.is-circle{border-radius:50%;padding:8px}.sp-alert.is-disabled,.sp-alert.is-disabled:hover,.sp-alert.is-disabled:focus.sp-alert[disabled],.sp-alert[disabled]:hover,.sp-alert[disabled]:focus{cursor:not-allowed;color:var(--sp-button-disabled-text-color);background-image:none;background-color:var(--sp-alert-disabled-bg-color);border-color:var(--sp-alert-disabled-border-color)}.sp-alert [class*=sp-icon]+span{margin-left:4px}.sp-alert-content{word-wrap:break-word;word-break:break-all;white-space:pre-wrap;text-align:left;word-break:break-all;flex:1;margin-top:2px;margin-bottom:2px;line-height:1.5}.sp-alert-content.is-center{text-align:center}.sp-alert-icon{cursor:pointer;flex-shrink:0;margin-left:12px}.sp-alert--error{--sp-alert-text-color:var(--sp-color-white);--sp-alert-bg-color:var(--sp-color-error);--sp-alert-border-color:var(--sp-color-error);--sp-alert-outline-color:var(--sp-color-error-light-5);--sp-alert-active-color:var(--sp-color-error-dark-2);--sp-alert-hover-text-color:var(--sp-color-white);--sp-alert-hover-bg-color:var(--sp-color-error-light-3);--sp-alert-hover-border-color:var(--sp-color-error-light-3);--sp-alert-active-bg-color:var(--sp-color-error-dark-2);--sp-alert-active-border-color:var(--sp-color-error-dark-2);--sp-alert-disabled-text-color:var(--sp-color-white);--sp-alert-disabled-bg-color:var(--sp-color-error-light-5);--sp-alert-disabled-border-color:var(--sp-color-error-light)}.sp-alert--error.is-plain{--sp-alert-text-color:var(--sp-color-error);--sp-alert-bg-color:var(--sp-color-error-light-9);--sp-alert-border-color:var(--sp-color-error-light-5);--sp-alert-hover-text-color:var(--sp-color-white);--sp-alert-hover-bg-color:var(--sp-color-error);--sp-alert-hover-border-color:var(--sp-color-error);--sp-alert-active-text-color:var(--sp-color-white)}.sp-alert--success{--sp-alert-text-color:var(--sp-color-white);--sp-alert-bg-color:var(--sp-color-success);--sp-alert-border-color:var(--sp-color-success);--sp-alert-outline-color:var(--sp-color-success-light-5);--sp-alert-active-color:var(--sp-color-success-dark-2);--sp-alert-hover-text-color:var(--sp-color-white);--sp-alert-hover-bg-color:var(--sp-color-success-light-3);--sp-alert-hover-border-color:var(--sp-color-success-light-3);--sp-alert-active-bg-color:var(--sp-color-success-dark-2);--sp-alert-active-border-color:var(--sp-color-success-dark-2);--sp-alert-disabled-text-color:var(--sp-color-white);--sp-alert-disabled-bg-color:var(--sp-color-success-light-5);--sp-alert-disabled-border-color:var(--sp-color-success-light)}.sp-alert--success.is-plain{--sp-alert-text-color:var(--sp-color-success);--sp-alert-bg-color:var(--sp-color-success-light-9);--sp-alert-border-color:var(--sp-color-success-light-5);--sp-alert-hover-text-color:var(--sp-color-white);--sp-alert-hover-bg-color:var(--sp-color-success);--sp-alert-hover-border-color:var(--sp-color-success);--sp-alert-active-text-color:var(--sp-color-white)}.sp-alert--info{--sp-alert-text-color:var(--sp-color-white);--sp-alert-bg-color:var(--sp-color-info);--sp-alert-border-color:var(--sp-color-info);--sp-alert-outline-color:var(--sp-color-info-light-5);--sp-alert-active-color:var(--sp-color-info-dark-2);--sp-alert-hover-text-color:var(--sp-color-white);--sp-alert-hover-bg-color:var(--sp-color-info-light-3);--sp-alert-hover-border-color:var(--sp-color-info-light-3);--sp-alert-active-bg-color:var(--sp-color-info-dark-2);--sp-alert-active-border-color:var(--sp-color-info-dark-2);--sp-alert-disabled-text-color:var(--sp-color-white);--sp-alert-disabled-bg-color:var(--sp-color-info-light-5);--sp-alert-disabled-border-color:var(--sp-color-info-light)}.sp-alert--info.is-plain{--sp-alert-text-color:var(--sp-color-info);--sp-alert-bg-color:var(--sp-color-info-light-9);--sp-alert-border-color:var(--sp-color-info-light-5);--sp-alert-hover-text-color:var(--sp-color-white);--sp-alert-hover-bg-color:var(--sp-color-info);--sp-alert-hover-border-color:var(--sp-color-info);--sp-alert-active-text-color:var(--sp-color-white)}.sp-alert--warning{--sp-alert-text-color:var(--sp-color-white);--sp-alert-bg-color:var(--sp-color-warning);--sp-alert-border-color:var(--sp-color-warning);--sp-alert-outline-color:var(--sp-color-warning-light-5);--sp-alert-active-color:var(--sp-color-warning-dark-2);--sp-alert-hover-text-color:var(--sp-color-white);--sp-alert-hover-bg-color:var(--sp-color-warning-light-3);--sp-alert-hover-border-color:var(--sp-color-warning-light-3);--sp-alert-active-bg-color:var(--sp-color-warning-dark-2);--sp-alert-active-border-color:var(--sp-color-warning-dark-2);--sp-alert-disabled-text-color:var(--sp-color-white);--sp-alert-disabled-bg-color:var(--sp-color-warning-light-5);--sp-alert-disabled-border-color:var(--sp-color-warning-light)}.sp-alert--warning.is-plain{--sp-alert-text-color:var(--sp-color-warning);--sp-alert-bg-color:var(--sp-color-warning-light-9);--sp-alert-border-color:var(--sp-color-warning-light-5);--sp-alert-hover-text-color:var(--sp-color-white);--sp-alert-hover-bg-color:var(--sp-color-warning);--sp-alert-hover-border-color:var(--sp-color-warning);--sp-alert-active-text-color:var(--sp-color-white)}.sp-tooltip{--sp-popover-padding:12px;--sp-popover-border-radius:4px;--sp-popover-bg-color:var(--sp-bg-color-overlay);--sp-popover-font-size:var(--sp-font-size-base);--sp-popover-border-color:var(--sp-border-color);display:inline-block}.sp-tooltip .sp-tooltip_popper{background:var(--sp-popover-bg-color);border-radius:var(--sp-popover-border-radius);padding:var(--sp-popover-padding);color:var(--sp-text-color-regular);border:1px solid var(--sp-popover-border-color);text-align:justify;line-height:1.5;font-size:var(--sp-popover-font-size);box-shadow:var(--sp-box-shadow-light);word-break:break-all;box-sizing:border-box;z-index:1000}.sp-tooltip .sp-tooltip_popper #arrow,.sp-tooltip .sp-tooltip_popper #arrow:before{background:var(--sp-popover-bg-color);box-sizing:border-box;width:8px;height:8px;position:absolute}.sp-tooltip .sp-tooltip_popper #arrow{visibility:hidden}.sp-tooltip .sp-tooltip_popper #arrow:before{visibility:visible;content:"";transform:rotate(45deg)}.sp-tooltip .sp-tooltip_popper[data-popper-placement^=top]>#arrow{bottom:-5px}.sp-tooltip .sp-tooltip_popper[data-popper-placement^=bottom]>#arrow{top:-5px}.sp-tooltip .sp-tooltip_popper[data-popper-placement^=left]>#arrow{right:-5px}.sp-tooltip .sp-tooltip_popper[data-popper-placement^=right]>#arrow{left:-5px}.sp-tooltip .sp-tooltip_popper[data-popper-placement^=top]>#arrow:before{border-right:1px solid var(--sp-popover-border-color);border-bottom:1px solid var(--sp-popover-border-color)}.sp-tooltip .sp-tooltip_popper[data-popper-placement^=bottom]>#arrow:before{border-left:1px solid var(--sp-popover-border-color);border-top:1px solid var(--sp-popover-border-color)}.sp-tooltip .sp-tooltip_popper[data-popper-placement^=left]>#arrow:before{border-right:1px solid var(--sp-popover-border-color);border-top:1px solid var(--sp-popover-border-color)}.sp-tooltip .sp-tooltip_popper[data-popper-placement^=right]>#arrow:before{border-left:1px solid var(--sp-popover-border-color);border-bottom:1px solid var(--sp-popover-border-color)}.sp-tooltip_trigger{display:inline-block}.sp-tooltip .fade-enter-active,.sp-tooltip .fade-leave-active{transition:opacity var(--sp-transition-duration)}.sp-tooltip .fade-enter-from,.sp-tooltip .fade-leave-to{opacity:0}.sp-message{--sp-message-bg-color:var(--sp-color-info-light-9);--sp-message-border-color:var(--sp-border-color-lighter);--sp-message-padding:15px 19px;--sp-message-close-size:16px;--sp-message-close-icon-color:var(--sp-text-color-placeholder);--sp-message-close-hover-color:var(--sp-text-color-secondary);box-sizing:border-box;border-radius:var(--sp-border-radius-base);background-color:var(--sp-message-bg-color);width:fit-content;max-width:calc(100% - 32px);padding:var(--sp-message-padding);transition:top var(--sp-transition-duration), opacity var(--sp-transition-duration), transform var(--sp-transition-duration);align-items:center;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}.sp-message .sp-message_content{overflow-wrap:anywhere;color:var(--sp-message-text-color)}.sp-message.is-close .sp-message_content{padding-right:30px}.sp-message .sp-message_close{align-items:center;display:flex}.sp-message .sp-message_close svg{cursor:pointer}.sp-message--info{--sp-message-bg-color:var(--sp-color-info-light-9);--sp-message-border-color:var(--sp-color-info-light-8);--sp-message-text-color:var(--sp-color-info)}.sp-message--info .sp-message_close{--sp-icon-color:var(--sp-color-info)}.sp-message--success{--sp-message-bg-color:var(--sp-color-success-light-9);--sp-message-border-color:var(--sp-color-success-light-8);--sp-message-text-color:var(--sp-color-success)}.sp-message--success .sp-message_close{--sp-icon-color:var(--sp-color-success)}.sp-message--warning{--sp-message-bg-color:var(--sp-color-warning-light-9);--sp-message-border-color:var(--sp-color-warning-light-8);--sp-message-text-color:var(--sp-color-warning)}.sp-message--warning .sp-message_close{--sp-icon-color:var(--sp-color-warning)}.sp-message--danger{--sp-message-bg-color:var(--sp-color-danger-light-9);--sp-message-border-color:var(--sp-color-danger-light-8);--sp-message-text-color:var(--sp-color-danger)}.sp-message--danger .sp-message_close{--sp-icon-color:var(--sp-color-danger)}.sp-message.fade-up-enter-from,.sp-message.fade-up-leave-to{opacity:0;transform:translate(-50%,-100%)}.sp-input{--sp-input-text-color:var(--sp-text-color-regular);--sp-input-border:var(--sp-border);--sp-input-hover-border:var(--sp-border-color-hover);--sp-input-focus-border:var(--sp-color-primary);--sp-input-transparent-border:0 0 0 1px transparent inset;--sp-input-border-color:var(--sp-border-color);--sp-input-border-radius:var(--sp-border-radius-base);--sp-input-bg-color:var(--sp-fill-color-blank);--sp-input-icon-color:var(--sp-text-color-placeholder);--sp-input-placeholder-color:var(--sp-text-color-placeholder);--sp-input-hover-border-color:var(--sp-border-color-hover);--sp-input-clear-hover-color:var(--sp-text-color-secondary);--sp-input-focus-border-color:var(--sp-color-primary);--sp-input-height:var(--sp-component-size);font-size:var(--sp-font-size-base);width:100%;line-height:var(--sp-input-height);box-sizing:border-box;vertical-align:middle;display:inline-flex;position:relative}.sp-input.is-disabled{cursor:not-allowed}.sp-input.is-disabled .sp-input__wrapper{background-color:var(--sp-disabled-bg-color);box-shadow:0 0 0 1px var(--sp-disabled-border-color) inset}.sp-input.is-disabled .sp-input__inner{color:var(--sp-disabled-text-color);-webkit-text-fill-color:var(--sp-disabled-text-color);cursor:not-allowed}.sp-input.is-disabled .sp-textarea__inner{background-color:var(--sp-disabled-bg-color);box-shadow:0 0 0 1px var(--sp-disabled-border-color) inset;color:var(--sp-disabled-text-color);-webkit-text-fill-color:var(--sp-disabled-text-color);cursor:not-allowed}.sp-input.is-prepend>.sp-input__wrapper{border-top-left-radius:0;border-bottom-left-radius:0}.sp-input.is-append>.sp-input__wrapper{border-top-right-radius:0;border-bottom-right-radius:0}.sp-input--large{--sp-input-height:var(--sp-component-size-large);font-size:14px}.sp-input--large .sp-input__wrapper{padding:1px 15px}.sp-input--large .sp-input__wrapper .sp-input__inner{--sp-input-inner-height:calc(var(--sp-input-height,40px) - 2px)}.sp-input--small{--sp-input-height:var(--sp-component-size-small);font-size:12px}.sp-input--small .sp-input__wrapper{padding:1px 7px}.sp-input--small .sp-input__wrapper .sp-input__inner{--sp-input-inner-height:calc(var(--sp-input-height,24px) - 2px)}.sp-input__prefix,.sp-input__suffix{white-space:nowrap;text-align:center;height:100%;color:var(--sp-input-icon-color,var(--sp-text-color-placeholder));transition:all var(--sp-transition-duration);flex-wrap:nowrap;flex-shrink:0;display:inline-flex}.sp-input__prefix>:first-child{margin-left:0!important}.sp-input__prefix>:last-child{margin-right:8px!important}.sp-input__suffix>:first-child{margin-left:8px!important}.sp-input__suffix>:last-child{margin-right:0!important}.sp-input__prepend,.sp-input__append{background-color:var(--sp-fill-color-light);color:var(--sp-color-info);border-radius:var(--sp-input-border-radius);white-space:nowrap;justify-content:center;align-items:center;min-height:100%;padding:0 20px;display:inline-flex;position:relative}.sp-input__prepend{box-shadow:1px 0 0 0 var(--sp-input-border-color) inset, 0 1px 0 0 var(--sp-input-border-color) inset, 0 -1px 0 0 var(--sp-input-border-color) inset;border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.sp-input__append{box-shadow:0 1px 0 0 var(--sp-input-border-color) inset, 0 -1px 0 0 var(--sp-input-border-color) inset, -1px 0 0 0 var(--sp-input-border-color) inset;border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.sp-input__append>.sp-input__wrapper{border-top-left-radius:0;border-bottom-left-radius:0}.sp-input--textarea{vertical-align:bottom;width:100%;font-size:var(--sp-font-size-base);display:inline-block;position:relative}.sp-textarea__wrapper{resize:vertical;box-sizing:border-box;width:100%;line-height:1.5;font-size:inherit;color:var(--sp-input-text-color,var(--sp-text-color-regular));background-color:var(--sp-input-bg-color,var(--sp-fill-color-blank));-webkit-appearance:none;box-shadow:0 0 0 1px var(--sp-input-border-color,var(--sp-border-color)) inset;border-radius:var(--sp-input-border-radius,var(--sp-border-radius-base));transition:var(--sp-transition-box-shadow);background-image:none;border:none;padding:5px 11px;font-family:inherit;display:block;position:relative}.sp-textarea__wrapper:focus{box-shadow:0 0 0 1px var(--sp-input-focus-border-color) inset;outline:none}.sp-textarea__wrapper::placeholder{color:var(--sp-input-placeholder-color)}.sp-input__wrapper{background-color:var(--sp-input-bg-color,var(--sp-fill-color-blank));border-radius:var(--sp-input-border-radius,var(--sp-border-radius-base));transition:var(--sp-transition-box-shadow);box-shadow:0 0 0 1px var(--sp-input-border-color,var(--sp-border-color)) inset;background-image:none;flex-grow:1;justify-content:center;align-items:center;padding:1px 11px;display:inline-flex}.sp-input__wrapper:hover{box-shadow:0 0 0 1px var(--sp-input-hover-border-color) inset}.sp-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--sp-input-focus-border-color) inset}.sp-input__wrapper .sp-input__inner{--sp-input-inner-height:calc(var(--sp-input-height,32px) - 2px);-webkit-appearance:none;width:100%;color:var(--sp-input-text-color,var(--sp-text-color-regular));font-size:inherit;height:var(--sp-input-inner-height);line-height:var(--sp-input-inner-height);box-sizing:border-box;background:0 0;border:none;outline:none;flex-grow:1;padding:0}.sp-input__wrapper .sp-input__inner::placeholder{color:var(--sp-input-placeholder-color)}.sp-input__wrapper .sp-icon{height:inherit;line-height:inherit;transition:all var(--sp-transition-duration);justify-content:center;align-items:center;margin-left:8px;display:flex}.sp-input__wrapper .sp-input__clear,.sp-input__wrapper .sp-input__password{color:var(--sp-input-icon-color);cursor:pointer;font-size:14px}.sp-input__wrapper .sp-input__clear:hover,.sp-input__wrapper .sp-input__password:hover{color:var(--sp-input-clear-hover-color)}.sp-form{--sp-form-label-font-size:var(--sp-font-size-base);--sp-form-content-font-size:var(--sp-font-size-base)}.sp-form-item{margin-bottom:18px;display:flex}.sp-form-item .sp-form-item__label{box-sizing:border-box;width:150px;height:32px;line-height:32px;font-size:var(--sp-form-label-font-size);color:var(--sp-text-color-regular);justify-content:flex-end;padding:0 12px 0 0;display:inline-flex}.sp-form-item .sp-form-item__content{line-height:32px;font-size:var(--sp-form-content-font-size);flex-wrap:wrap;flex:1;align-items:center;min-width:0;display:flex;position:relative}.sp-form-item .sp-form-item__error-msg{color:var(--sp-color-danger);padding-top:2px;font-size:12px;line-height:1;position:absolute;top:100%;left:0}.sp-form-item.is-error .sp-input__wrapper{box-shadow:0 0 0 1px var(--sp-color-danger) inset}.sp-form-item.is-success .sp-input__wrapper{box-shadow:0 0 0 1px var(--sp-color-success) inset}.sp-form-item.is-required>.sp-form-item__label:before{content:"*";color:var(--sp-color-danger);margin-right:4px}.sp-select{--sp-select-item-hover-bg-color:var(--sp-fill-color-light);--sp-select-item-font-size:var(--sp-font-size-base);--sp-select-item-font-color:var(--sp-text-color-regular);--sp-select-item-selected-font-color:var(--sp-color-primary);--sp-select-item-disabled-font-color:var(--sp-text-color-placeholder);--sp-select-input-focus-border-color:var(--sp-color-primary);vertical-align:middle;line-height:32px;display:inline-block}.sp-select .sp-tooltip .sp-tooltip__popper{padding:0}.sp-select .sp-input.is-focus .sp-input__wrapper{box-shadow:0 0 0 1px var(--sp-select-input-focus-border-color) inset!important}.sp-select .sp-input .sp-header-angle{transition:transform var(--sp-transition-duration)}.sp-select .sp-input .sp-header-angle.is-active{transform:rotate(180deg)}.sp-select .sp-input__inner{cursor:pointer}.sp-select .sp-select__nodata,.sp-select .sp-select__loading{text-align:center;color:var(--sp-text-color-secondary);font-size:var(--sp-select-font-size);margin:0;padding:10px 0}.sp-select .sp-select__menu{box-sizing:border-box;margin:6px 0;padding:0;list-style:none}.sp-select .sp-select__menu-item{font-size:var(--sp-select-item-font-size);white-space:nowrap;text-overflow:ellipsis;color:var(--sp-select-item-font-color);box-sizing:border-box;cursor:pointer;height:34px;margin:0;padding:0 32px 0 20px;line-height:34px;position:relative;overflow:hidden}.sp-select .sp-select__menu-item:hover{background-color:var(--sp-select-item-hover-bg-color)}.sp-select .sp-select__menu-item.is-selected{color:var(--sp-select-item-selected-font-color);font-weight:700}.sp-select .sp-select__menu-item.is-highlighted{background-color:var(--sp-select-item-hover-bg-color)}.sp-select .sp-select__menu-item.is-disabled{color:var(--sp-select-item-disabled-font-color);cursor:not-allowed}.sp-select .sp-select__menu-item.is-disabled:hover{background-color:#0000}.sp-switch{--sp-switch-on-color:var(--sp-color-primary);--sp-switch-off-color:var(--sp-border-color);--sp-switch-on-border-color:var(--sp-color-primary);--sp-switch-off-border-color:var(--sp-border-color);align-items:center;height:32px;font-size:14px;line-height:20px;display:inline-flex}.sp-switch .sp-switch__input{opacity:0;width:0;height:0;margin:0;position:absolute}.sp-switch .sp-switch__input:focus-visible~.sp-switch__core{outline:2px solid var(--sp-switch-on-color);outline-offset:1px}.sp-switch.is-disabled{opacity:.6}.sp-switch.is-disabled .sp-switch__core{cursor:not-allowed}.sp-switch.is-checked .sp-switch__core{border-color:var(--sp-switch-on-border-color);background-color:var(--sp-switch-on-color)}.sp-switch.is-checked .sp-switch__core .sp-switch__core-action{left:calc(100% - 17px)}.sp-switch.is-checked .sp-switch__core .sp-switch__core-inner{padding:0 18px 0 4px}.sp-switch--large{height:40px;font-size:14px;line-height:24px}.sp-switch--large .sp-switch__core{border-radius:12px;min-width:50px;height:24px}.sp-switch--large .sp-switch__core .sp-switch__core-action{width:20px;height:20px}.sp-switch--large.is-checked .sp-switch__core .sp-switch__core-action{color:var(--sp-switch-on-color);left:calc(100% - 21px)}.sp-switch--small{height:24px;font-size:12px;line-height:16px}.sp-switch--small .sp-switch__core{border-radius:8px;min-width:30px;height:16px}.sp-switch--small .sp-switch__core .sp-switch__core-action{width:12px;height:12px}.sp-switch--small.is-checked .sp-switch__core .sp-switch__core-action{color:var(--sp-switch-on-color);left:calc(100% - 13px)}.sp-switch__core{border:1px solid var(--sp-switch-off-border-color);box-sizing:border-box;background:var(--sp-switch-off-color);cursor:pointer;min-width:40px;height:20px;transition:border-color var(--sp-transition-duration), background-color var(--sp-transition-duration);border-radius:10px;outline:none;align-items:center;display:inline-flex;position:relative}.sp-switch__core .sp-switch__core-action{border-radius:var(--sp-border-radius-circle);background-color:var(--sp-color-white);width:16px;height:16px;transition:all var(--sp-transition-duration);position:absolute;left:1px}.sp-switch__core .sp-switch__core-inner{width:100%;transition:all var(--sp-transition-duration);justify-content:center;align-items:center;height:16px;padding:0 4px 0 18px;display:flex;overflow:hidden}.sp-switch__core .sp-switch__core-inner .sp-switch__core-inner-text{color:var(--sp-color-white);-webkit-user-select:none;user-select:none;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}
+/*$vite$:1*/

package/dist/umd/sp-element.css

@@ -0,0 +1,2 @@
+:root{--sp-color-white:#fff;--sp-color-black:#000;--colors:(primary: #409eff, success: #67c23a, info: #909399, warning: #e6a23c, danger: #ff5656);--sp-color-primary:#409eff;--sp-color-primary-light-3:#79bbff;--sp-color-primary-light-5:#a0cfff;--sp-color-primary-light-7:#c6e2ff;--sp-color-primary-light-9:#ecf5ff;--sp-color-primary-dark-2:#337ecc;--sp-color-success:#67c23a;--sp-color-success-light-3:#95d475;--sp-color-success-light-5:#b3e19d;--sp-color-success-light-7:#d1edc4;--sp-color-success-light-9:#f0f9eb;--sp-color-success-dark-2:#529b2e;--sp-color-info:#909399;--sp-color-info-light-3:#b1b3b8;--sp-color-info-light-5:#c8c9cc;--sp-color-info-light-7:#dedfe0;--sp-color-info-light-9:#f4f4f5;--sp-color-info-dark-2:#73767a;--sp-color-warning:#e6a23c;--sp-color-warning-light-3:#eebe77;--sp-color-warning-light-5:#f3d19e;--sp-color-warning-light-7:#f8e3c5;--sp-color-warning-light-9:#fdf6ec;--sp-color-warning-dark-2:#b88230;--sp-color-danger:#ff5656;--sp-color-danger-light-3:#ff8989;--sp-color-danger-light-5:#ffabab;--sp-color-danger-light-7:#fcc;--sp-color-danger-light-9:#fee;--sp-color-danger-dark-2:#cc4545;--sp-bg-color:#fff;--sp-bg-color-page:#f2f3f5;--sp-bg-color-overlay:#fff;--sp-text-color-primary:#303133;--sp-text-color-regular:#606266;--sp-text-color-secondary:#909399;--sp-text-color-disabled:#c0c4cc;--sp-border-color:#dcdfe6;--sp-border-color-light:#e4e7ed;--sp-border-color-lighter:#ebeef5;--sp-border-color-dark:#d4d7de;--sp-border-color-darker:#cdd0d6;--sp-fill-color:#f0f2f5;--sp-fill-color-light:#f5f7fa;--sp-fill-color-lighter:#fafafa;--sp-fill-color-dark:#ebedf0;--sp-fill-color-darker:#e6e8eb;--sp-text-color-placeholder:#a8abb2;--sp-border-color-extra-light:#f2f6fc;--sp-fill-color-extra-light:#fafcff;--sp-fill-color-blank:#fff;--sp-border-width:1px;--sp-border-style:solid;--sp-border-color-hover:var(--sp-text-color-disabled);--sp-border:var(--sp-border-width) var(--sp-border-style) var(--sp-border-color);--sp-border-radius-base:4px;--sp-border-radius-small:2px;--sp-border-radius-round:20px;--sp-border-radius-circle:100%;--sp-font-size-extra-large:20px;--sp-font-size-large:18px;--sp-font-size-medium:16px;--sp-font-size-base:14px;--sp-font-size-small:13px;--sp-font-size-extra-small:12px;--sp-font-family:"Helvetica Neue", Helvetica, "PingFang SC", sans-serif;--sp-font-weight-primary:500;--sp-disabled-bg-color:var(--sp-fill-color-light);--sp-disabled-text-color:var(--sp-text-color-placeholder);--sp-disabled-border-color:var(--sp-border-color-light);--sp-transition-duration:.3s;--sp-transition-duration-fast:.2s}body{font-family:var(--sp-font-family);font-weight:400;font-size:var(--sp-font-size-base);color:var(--sp-text-color-primary);-webrpt-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}a{color:var(--sp-color-primary);text-decoration:none}a:hover,a:focus{color:var(--sp-color-primary-light-3)}a:active{color:var(--sp-color-primary-dark-2)}.sp-button{--sp-button-font-weight:var(--sp-font-weight-primary);--sp-button-border-color:var(--sp-border-color);--sp-button-bg-color:var(--sp-fill-color-blank);--sp-button-text-color:var(--sp-text-color-regular);--sp-button-disabled-text-color:var(--sp-disabled-text-color);--sp-button-disabled-bg-color:var(--sp-fill-color-blank);--sp-button-disabled-border-color:var(--sp-border-color-light);--sp-button-hover-text-color:var(--sp-color-primary);--sp-button-hover-bg-color:var(--sp-color-primary-light-9);--sp-button-hover-border-color:var(--sp-color-primary-light-7);--sp-button-active-text-color:var(--sp-button-hover-text-color);--sp-button-active-border-color:var(--sp-color-primary);--sp-button-active-bg-color:var(--sp-button-hover-bg-color);--sp-button-outline-color:var(--sp-color-primary-light-5);--sp-button-active-color:var(--sp-text-color-primary);white-space:nowrap;cursor:pointer;height:32px;color:var(--sp-button-text-color);text-align:center;box-sizing:border-box;line-height:1;font-weight:var(--sp-button-font-weight);-webkit-user-select:none;user-select:none;vertical-align:middle;-webkit-appearance:none;border:var(--sp-border);background-color:var(--sp-button-bg-color);border-color:var(--sp-button-border-color);font-size:var(--sp-font-size-base);border-radius:var(--sp-border-radius-base);outline:none;justify-content:center;align-items:center;padding:8px 15px;transition:all .1s;display:inline-flex}.sp-button:hover,.sp-button:focus{color:var(--sp-button-hover-text-color);border-color:var(--sp-button-hover-border-color);background-color:var(--sp-button-hover-bg-color);outline:none}.sp-button:active{color:var(--sp-button-active-text-color);border-color:var(--sp-button-active-border-color);background-color:var(--sp-button-active-bg-color);outline:none}.sp-button.is-plain{--sp-button-hover-text-color:var(--sp-color-primary);--sp-button-hover-bg-color:var(--sp-fill-color-blank);--sp-button-hover-border-color:var(--sp-color-primary)}.sp-button.is-round{border-radius:var(--sp-border-radius-round)}.sp-button.is-circle{border-radius:50%;padding:8px}.sp-button.is-disabled,.sp-button.is-disabled:hover,.sp-button.is-disabled:focus.sp-button[disabled],.sp-button[disabled]:hover,.sp-button[disabled]:focus{cursor:not-allowed;color:var(--sp-button-disabled-text-color);background-image:none;background-color:var(--sp-button-disabled-bg-color);border-color:var(--sp-button-disabled-border-color)}.sp-button [class*=sp-icon]+span{margin-left:4px}.sp-button--primary{--sp-button-text-color:var(--sp-color-white);--sp-button-bg-color:var(--sp-color-primary);--sp-button-border-color:var(--sp-color-primary);--sp-button-outline-color:var(--sp-color-primary-light-5);--sp-button-active-color:var(--sp-color-primary-dark-2);--sp-button-hover-text-color:var(--sp-color-white);--sp-button-hover-bg-color:var(--sp-color-primary-light-3);--sp-button-hover-border-color:var(--sp-color-primary-light-3);--sp-button-active-bg-color:var(--sp-color-primary-dark-2);--sp-button-active-border-color:var(--sp-color-primary-dark-2);--sp-button-disabled-text-color:var(--sp-color-white);--sp-button-disabled-bg-color:var(--sp-color-primary-light-5);--sp-button-disabled-border-color:var(--sp-color-primary-light)}.sp-button--primary.is-plain{--sp-button-text-color:var(--sp-color-primary);--sp-button-bg-color:var(--sp-color-primary-light-9);--sp-button-border-color:var(--sp-color-primary-light-5);--sp-button-hover-text-color:var(--sp-color-white);--sp-button-hover-bg-color:var(--sp-color-primary);--sp-button-hover-border-color:var(--sp-color-primary);--sp-button-active-text-color:var(--sp-color-white)}.sp-button--success{--sp-button-text-color:var(--sp-color-white);--sp-button-bg-color:var(--sp-color-success);--sp-button-border-color:var(--sp-color-success);--sp-button-outline-color:var(--sp-color-success-light-5);--sp-button-active-color:var(--sp-color-success-dark-2);--sp-button-hover-text-color:var(--sp-color-white);--sp-button-hover-bg-color:var(--sp-color-success-light-3);--sp-button-hover-border-color:var(--sp-color-success-light-3);--sp-button-active-bg-color:var(--sp-color-success-dark-2);--sp-button-active-border-color:var(--sp-color-success-dark-2);--sp-button-disabled-text-color:var(--sp-color-white);--sp-button-disabled-bg-color:var(--sp-color-success-light-5);--sp-button-disabled-border-color:var(--sp-color-success-light)}.sp-button--success.is-plain{--sp-button-text-color:var(--sp-color-success);--sp-button-bg-color:var(--sp-color-success-light-9);--sp-button-border-color:var(--sp-color-success-light-5);--sp-button-hover-text-color:var(--sp-color-white);--sp-button-hover-bg-color:var(--sp-color-success);--sp-button-hover-border-color:var(--sp-color-success);--sp-button-active-text-color:var(--sp-color-white)}.sp-button--info{--sp-button-text-color:var(--sp-color-white);--sp-button-bg-color:var(--sp-color-info);--sp-button-border-color:var(--sp-color-info);--sp-button-outline-color:var(--sp-color-info-light-5);--sp-button-active-color:var(--sp-color-info-dark-2);--sp-button-hover-text-color:var(--sp-color-white);--sp-button-hover-bg-color:var(--sp-color-info-light-3);--sp-button-hover-border-color:var(--sp-color-info-light-3);--sp-button-active-bg-color:var(--sp-color-info-dark-2);--sp-button-active-border-color:var(--sp-color-info-dark-2);--sp-button-disabled-text-color:var(--sp-color-white);--sp-button-disabled-bg-color:var(--sp-color-info-light-5);--sp-button-disabled-border-color:var(--sp-color-info-light)}.sp-button--info.is-plain{--sp-button-text-color:var(--sp-color-info);--sp-button-bg-color:var(--sp-color-info-light-9);--sp-button-border-color:var(--sp-color-info-light-5);--sp-button-hover-text-color:var(--sp-color-white);--sp-button-hover-bg-color:var(--sp-color-info);--sp-button-hover-border-color:var(--sp-color-info);--sp-button-active-text-color:var(--sp-color-white)}.sp-button--warning{--sp-button-text-color:var(--sp-color-white);--sp-button-bg-color:var(--sp-color-warning);--sp-button-border-color:var(--sp-color-warning);--sp-button-outline-color:var(--sp-color-warning-light-5);--sp-button-active-color:var(--sp-color-warning-dark-2);--sp-button-hover-text-color:var(--sp-color-white);--sp-button-hover-bg-color:var(--sp-color-warning-light-3);--sp-button-hover-border-color:var(--sp-color-warning-light-3);--sp-button-active-bg-color:var(--sp-color-warning-dark-2);--sp-button-active-border-color:var(--sp-color-warning-dark-2);--sp-button-disabled-text-color:var(--sp-color-white);--sp-button-disabled-bg-color:var(--sp-color-warning-light-5);--sp-button-disabled-border-color:var(--sp-color-warning-light)}.sp-button--warning.is-plain{--sp-button-text-color:var(--sp-color-warning);--sp-button-bg-color:var(--sp-color-warning-light-9);--sp-button-border-color:var(--sp-color-warning-light-5);--sp-button-hover-text-color:var(--sp-color-white);--sp-button-hover-bg-color:var(--sp-color-warning);--sp-button-hover-border-color:var(--sp-color-warning);--sp-button-active-text-color:var(--sp-color-white)}.sp-button--danger{--sp-button-text-color:var(--sp-color-white);--sp-button-bg-color:var(--sp-color-danger);--sp-button-border-color:var(--sp-color-danger);--sp-button-outline-color:var(--sp-color-danger-light-5);--sp-button-active-color:var(--sp-color-danger-dark-2);--sp-button-hover-text-color:var(--sp-color-white);--sp-button-hover-bg-color:var(--sp-color-danger-light-3);--sp-button-hover-border-color:var(--sp-color-danger-light-3);--sp-button-active-bg-color:var(--sp-color-danger-dark-2);--sp-button-active-border-color:var(--sp-color-danger-dark-2);--sp-button-disabled-text-color:var(--sp-color-white);--sp-button-disabled-bg-color:var(--sp-color-danger-light-5);--sp-button-disabled-border-color:var(--sp-color-danger-light)}.sp-button--danger.is-plain{--sp-button-text-color:var(--sp-color-danger);--sp-button-bg-color:var(--sp-color-danger-light-9);--sp-button-border-color:var(--sp-color-danger-light-5);--sp-button-hover-text-color:var(--sp-color-white);--sp-button-hover-bg-color:var(--sp-color-danger);--sp-button-hover-border-color:var(--sp-color-danger);--sp-button-active-text-color:var(--sp-color-white)}.sp-button--large{--sp-button-size:40px;height:var(--sp-button-size);font-size:var(--sp-font-size-base);border-radius:var(--sp-border-radius-base);padding:12px 19px}.sp-button--small{--sp-button-size:24px;height:var(--sp-button-size);border-radius:calc(var(--sp-border-radius-base) - 1px);padding:5px 11px;font-size:12px}.sp-collapse{--sp-collapse-border-color:var(--sp-border-color-light);--sp-collapse-header-height:48px;--sp-collapse-header-bg-color:var(--sp-fill-color-blank);--sp-collapse-header-text-color:var(--sp-text-color-primary);--sp-collapse-header-font-size:24px;--sp-collapse-content-bg-color:var(--sp-fill-color-blank);--sp-collapse-content-font-size:13px;--sp-collapse-content-text-color:var(--sp-text-color-primary);--sp-collapse-disabled-text-color:var(--sp-disabled-text-color);--sp-collapse-disabled-border-color:var(--sp-border-color-lighter);border-top:1px solid var(--sp-collapse-border-color);border-bottom:1px solid var(--sp-collapse-border-color)}.sp-collapse-item_header{height:var(--sp-collapse-header-height);line-height:var(--sp-collapse-header-height);background-color:var(--sp-collapse-header-bg-color);color:var(--sp-collapse-header-text-color);cursor:pointer;font-size:var(--sp-collapse-header-font-size);transition:border-bottom-color var(--sp-transition-duration);border-bottom:1px solid var(--sp-collapse-border-color);outline:none;justify-content:space-between;align-items:center;font-weight:500;display:flex}.sp-collapse-item_header.is-disabled{color:var(--sp-collapse-disabled-text-color);cursor:not-allowed;background-image:none}.sp-collapse-item_header.is-active{border-bottom-color:#0000}.sp-collapse-item_header.is-active .header-angle{transform:rotate(90deg)}.sp-collapse-item_header .header-angle{transition:transform var(--sp-transition-duration)}.sp-collapse-item_content{will-change:height;background-color:var(--sp-collapse-content-bg-color);box-sizing:border-box;font-size:var(--sp-collapse-content-font-size);color:var(--sp-collapse-content-text-color);border-bottom:1px solid var(--sp-collapse-border-color);padding-bottom:12px;overflow:hidden}.slide-enter-active,.slide-leave-active{transition:height .2s ease-in-out}.sp-icon{--sp-icon-color:inherit;fill:currentColor;color:var(--sp-icon-color);font-size:inherit;justify-content:center;align-items:center;display:inline-flex;position:relative}.sp-icon--primary{--sp-icon-color:var(--sp-color-primary)}.sp-icon--info{--sp-icon-color:var(--sp-color-info)}.sp-icon--success{--sp-icon-color:var(--sp-color-success)}.sp-icon--warning{--sp-icon-color:var(--sp-color-warning)}.sp-icon--danger{--sp-icon-color:var(--sp-color-danger)}.sp-alert{--sp-alert-font-weight:var(--sp-font-weight-primary);--sp-alert-border-color:var(--sp-border-color);--sp-alert-bg-color:var(--sp-fill-color-blank);--sp-alert-text-color:var(--sp-text-color-regular);--sp-alert-disabled-text-color:var(--sp-disabled-text-color);--sp-alert-disabled-bg-color:var(--sp-fill-color-blank);--sp-alert-disabled-border-color:var(--sp-border-color-light);--sp-alert-hover-text-color:var(--sp-color-primary);--sp-alert-hover-bg-color:var(--sp-color-primary-light-9);--sp-alert-hover-border-color:var(--sp-color-primary-light-7);--sp-alert-active-text-color:var(--sp-alert-hover-text-color);--sp-alert-active-border-color:var(--sp-color-primary);--sp-alert-active-bg-color:var(--sp-alert-hover-bg-color);--sp-alert-outline-color:var(--sp-color-primary-light-5);--sp-alert-active-color:var(--sp-text-color-primary);background-color:var(--sp-alert-bg-color);white-space:nowrap;cursor:pointer;width:500px;color:var(--sp-alert-text-color);box-sizing:border-box;line-height:1;font-weight:var(--sp-alert-font-weight);-webkit-user-select:none;user-select:none;vertical-align:middle;-webkit-appearance:none;border:var(--sp-border);background-color:var(--sp-alert-bg-color);border-color:var(--sp-alert-border-color);font-size:var(--sp-font-size-base);outline:none;justify-content:space-between;align-items:center;padding:8px 15px;transition:all .1s;display:inline-flex}.sp-alert:hover,.sp-alert:focus{color:var(--sp-alert-hover-text-color);border-color:var(--sp-alert-hover-border-color);background-color:var(--sp-alert-hover-bg-color);outline:none}.sp-alert:active{color:var(--sp-alert-active-text-color);border-color:var(--sp-alert-active-border-color);background-color:var(--sp-alert-active-bg-color);outline:none}.sp-alert.is-plain{--sp-alert-hover-text-color:var(--sp-color-primary);--sp-alert-hover-bg-color:var(--sp-fill-color-blank);--sp-alert-hover-border-color:var(--sp-color-primary)}.sp-alert.is-round{border-radius:var(--sp-border-radius-round)}.sp-alert.is-circle{border-radius:50%;padding:8px}.sp-alert.is-disabled,.sp-alert.is-disabled:hover,.sp-alert.is-disabled:focus.sp-alert[disabled],.sp-alert[disabled]:hover,.sp-alert[disabled]:focus{cursor:not-allowed;color:var(--sp-button-disabled-text-color);background-image:none;background-color:var(--sp-alert-disabled-bg-color);border-color:var(--sp-alert-disabled-border-color)}.sp-alert [class*=sp-icon]+span{margin-left:4px}.sp-alert-content{word-wrap:break-word;word-break:break-all;white-space:pre-wrap;text-align:left;word-break:break-all;flex:1;margin-top:2px;margin-bottom:2px;line-height:1.5}.sp-alert-content.is-center{text-align:center}.sp-alert-icon{cursor:pointer;flex-shrink:0;margin-left:12px}.sp-alert--error{--sp-alert-text-color:var(--sp-color-white);--sp-alert-bg-color:var(--sp-color-error);--sp-alert-border-color:var(--sp-color-error);--sp-alert-outline-color:var(--sp-color-error-light-5);--sp-alert-active-color:var(--sp-color-error-dark-2);--sp-alert-hover-text-color:var(--sp-color-white);--sp-alert-hover-bg-color:var(--sp-color-error-light-3);--sp-alert-hover-border-color:var(--sp-color-error-light-3);--sp-alert-active-bg-color:var(--sp-color-error-dark-2);--sp-alert-active-border-color:var(--sp-color-error-dark-2);--sp-alert-disabled-text-color:var(--sp-color-white);--sp-alert-disabled-bg-color:var(--sp-color-error-light-5);--sp-alert-disabled-border-color:var(--sp-color-error-light)}.sp-alert--error.is-plain{--sp-alert-text-color:var(--sp-color-error);--sp-alert-bg-color:var(--sp-color-error-light-9);--sp-alert-border-color:var(--sp-color-error-light-5);--sp-alert-hover-text-color:var(--sp-color-white);--sp-alert-hover-bg-color:var(--sp-color-error);--sp-alert-hover-border-color:var(--sp-color-error);--sp-alert-active-text-color:var(--sp-color-white)}.sp-alert--success{--sp-alert-text-color:var(--sp-color-white);--sp-alert-bg-color:var(--sp-color-success);--sp-alert-border-color:var(--sp-color-success);--sp-alert-outline-color:var(--sp-color-success-light-5);--sp-alert-active-color:var(--sp-color-success-dark-2);--sp-alert-hover-text-color:var(--sp-color-white);--sp-alert-hover-bg-color:var(--sp-color-success-light-3);--sp-alert-hover-border-color:var(--sp-color-success-light-3);--sp-alert-active-bg-color:var(--sp-color-success-dark-2);--sp-alert-active-border-color:var(--sp-color-success-dark-2);--sp-alert-disabled-text-color:var(--sp-color-white);--sp-alert-disabled-bg-color:var(--sp-color-success-light-5);--sp-alert-disabled-border-color:var(--sp-color-success-light)}.sp-alert--success.is-plain{--sp-alert-text-color:var(--sp-color-success);--sp-alert-bg-color:var(--sp-color-success-light-9);--sp-alert-border-color:var(--sp-color-success-light-5);--sp-alert-hover-text-color:var(--sp-color-white);--sp-alert-hover-bg-color:var(--sp-color-success);--sp-alert-hover-border-color:var(--sp-color-success);--sp-alert-active-text-color:var(--sp-color-white)}.sp-alert--info{--sp-alert-text-color:var(--sp-color-white);--sp-alert-bg-color:var(--sp-color-info);--sp-alert-border-color:var(--sp-color-info);--sp-alert-outline-color:var(--sp-color-info-light-5);--sp-alert-active-color:var(--sp-color-info-dark-2);--sp-alert-hover-text-color:var(--sp-color-white);--sp-alert-hover-bg-color:var(--sp-color-info-light-3);--sp-alert-hover-border-color:var(--sp-color-info-light-3);--sp-alert-active-bg-color:var(--sp-color-info-dark-2);--sp-alert-active-border-color:var(--sp-color-info-dark-2);--sp-alert-disabled-text-color:var(--sp-color-white);--sp-alert-disabled-bg-color:var(--sp-color-info-light-5);--sp-alert-disabled-border-color:var(--sp-color-info-light)}.sp-alert--info.is-plain{--sp-alert-text-color:var(--sp-color-info);--sp-alert-bg-color:var(--sp-color-info-light-9);--sp-alert-border-color:var(--sp-color-info-light-5);--sp-alert-hover-text-color:var(--sp-color-white);--sp-alert-hover-bg-color:var(--sp-color-info);--sp-alert-hover-border-color:var(--sp-color-info);--sp-alert-active-text-color:var(--sp-color-white)}.sp-alert--warning{--sp-alert-text-color:var(--sp-color-white);--sp-alert-bg-color:var(--sp-color-warning);--sp-alert-border-color:var(--sp-color-warning);--sp-alert-outline-color:var(--sp-color-warning-light-5);--sp-alert-active-color:var(--sp-color-warning-dark-2);--sp-alert-hover-text-color:var(--sp-color-white);--sp-alert-hover-bg-color:var(--sp-color-warning-light-3);--sp-alert-hover-border-color:var(--sp-color-warning-light-3);--sp-alert-active-bg-color:var(--sp-color-warning-dark-2);--sp-alert-active-border-color:var(--sp-color-warning-dark-2);--sp-alert-disabled-text-color:var(--sp-color-white);--sp-alert-disabled-bg-color:var(--sp-color-warning-light-5);--sp-alert-disabled-border-color:var(--sp-color-warning-light)}.sp-alert--warning.is-plain{--sp-alert-text-color:var(--sp-color-warning);--sp-alert-bg-color:var(--sp-color-warning-light-9);--sp-alert-border-color:var(--sp-color-warning-light-5);--sp-alert-hover-text-color:var(--sp-color-white);--sp-alert-hover-bg-color:var(--sp-color-warning);--sp-alert-hover-border-color:var(--sp-color-warning);--sp-alert-active-text-color:var(--sp-color-white)}.sp-tooltip{--sp-popover-padding:12px;--sp-popover-border-radius:4px;--sp-popover-bg-color:var(--sp-bg-color-overlay);--sp-popover-font-size:var(--sp-font-size-base);--sp-popover-border-color:var(--sp-border-color);display:inline-block}.sp-tooltip .sp-tooltip_popper{background:var(--sp-popover-bg-color);border-radius:var(--sp-popover-border-radius);padding:var(--sp-popover-padding);color:var(--sp-text-color-regular);border:1px solid var(--sp-popover-border-color);text-align:justify;line-height:1.5;font-size:var(--sp-popover-font-size);box-shadow:var(--sp-box-shadow-light);word-break:break-all;box-sizing:border-box;z-index:1000}.sp-tooltip .sp-tooltip_popper #arrow,.sp-tooltip .sp-tooltip_popper #arrow:before{background:var(--sp-popover-bg-color);box-sizing:border-box;width:8px;height:8px;position:absolute}.sp-tooltip .sp-tooltip_popper #arrow{visibility:hidden}.sp-tooltip .sp-tooltip_popper #arrow:before{visibility:visible;content:"";transform:rotate(45deg)}.sp-tooltip .sp-tooltip_popper[data-popper-placement^=top]>#arrow{bottom:-5px}.sp-tooltip .sp-tooltip_popper[data-popper-placement^=bottom]>#arrow{top:-5px}.sp-tooltip .sp-tooltip_popper[data-popper-placement^=left]>#arrow{right:-5px}.sp-tooltip .sp-tooltip_popper[data-popper-placement^=right]>#arrow{left:-5px}.sp-tooltip .sp-tooltip_popper[data-popper-placement^=top]>#arrow:before{border-right:1px solid var(--sp-popover-border-color);border-bottom:1px solid var(--sp-popover-border-color)}.sp-tooltip .sp-tooltip_popper[data-popper-placement^=bottom]>#arrow:before{border-left:1px solid var(--sp-popover-border-color);border-top:1px solid var(--sp-popover-border-color)}.sp-tooltip .sp-tooltip_popper[data-popper-placement^=left]>#arrow:before{border-right:1px solid var(--sp-popover-border-color);border-top:1px solid var(--sp-popover-border-color)}.sp-tooltip .sp-tooltip_popper[data-popper-placement^=right]>#arrow:before{border-left:1px solid var(--sp-popover-border-color);border-bottom:1px solid var(--sp-popover-border-color)}.sp-tooltip_trigger{display:inline-block}.sp-tooltip .fade-enter-active,.sp-tooltip .fade-leave-active{transition:opacity var(--sp-transition-duration)}.sp-tooltip .fade-enter-from,.sp-tooltip .fade-leave-to{opacity:0}.sp-message{--sp-message-bg-color:var(--sp-color-info-light-9);--sp-message-border-color:var(--sp-border-color-lighter);--sp-message-padding:15px 19px;--sp-message-close-size:16px;--sp-message-close-icon-color:var(--sp-text-color-placeholder);--sp-message-close-hover-color:var(--sp-text-color-secondary);box-sizing:border-box;border-radius:var(--sp-border-radius-base);background-color:var(--sp-message-bg-color);width:fit-content;max-width:calc(100% - 32px);padding:var(--sp-message-padding);transition:top var(--sp-transition-duration), opacity var(--sp-transition-duration), transform var(--sp-transition-duration);align-items:center;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}.sp-message .sp-message_content{overflow-wrap:anywhere;color:var(--sp-message-text-color)}.sp-message.is-close .sp-message_content{padding-right:30px}.sp-message .sp-message_close{align-items:center;display:flex}.sp-message .sp-message_close svg{cursor:pointer}.sp-message--info{--sp-message-bg-color:var(--sp-color-info-light-9);--sp-message-border-color:var(--sp-color-info-light-8);--sp-message-text-color:var(--sp-color-info)}.sp-message--info .sp-message_close{--sp-icon-color:var(--sp-color-info)}.sp-message--success{--sp-message-bg-color:var(--sp-color-success-light-9);--sp-message-border-color:var(--sp-color-success-light-8);--sp-message-text-color:var(--sp-color-success)}.sp-message--success .sp-message_close{--sp-icon-color:var(--sp-color-success)}.sp-message--warning{--sp-message-bg-color:var(--sp-color-warning-light-9);--sp-message-border-color:var(--sp-color-warning-light-8);--sp-message-text-color:var(--sp-color-warning)}.sp-message--warning .sp-message_close{--sp-icon-color:var(--sp-color-warning)}.sp-message--danger{--sp-message-bg-color:var(--sp-color-danger-light-9);--sp-message-border-color:var(--sp-color-danger-light-8);--sp-message-text-color:var(--sp-color-danger)}.sp-message--danger .sp-message_close{--sp-icon-color:var(--sp-color-danger)}.sp-message.fade-up-enter-from,.sp-message.fade-up-leave-to{opacity:0;transform:translate(-50%,-100%)}.sp-input{--sp-input-text-color:var(--sp-text-color-regular);--sp-input-border:var(--sp-border);--sp-input-hover-border:var(--sp-border-color-hover);--sp-input-focus-border:var(--sp-color-primary);--sp-input-transparent-border:0 0 0 1px transparent inset;--sp-input-border-color:var(--sp-border-color);--sp-input-border-radius:var(--sp-border-radius-base);--sp-input-bg-color:var(--sp-fill-color-blank);--sp-input-icon-color:var(--sp-text-color-placeholder);--sp-input-placeholder-color:var(--sp-text-color-placeholder);--sp-input-hover-border-color:var(--sp-border-color-hover);--sp-input-clear-hover-color:var(--sp-text-color-secondary);--sp-input-focus-border-color:var(--sp-color-primary);--sp-input-height:var(--sp-component-size);font-size:var(--sp-font-size-base);width:100%;line-height:var(--sp-input-height);box-sizing:border-box;vertical-align:middle;display:inline-flex;position:relative}.sp-input.is-disabled{cursor:not-allowed}.sp-input.is-disabled .sp-input__wrapper{background-color:var(--sp-disabled-bg-color);box-shadow:0 0 0 1px var(--sp-disabled-border-color) inset}.sp-input.is-disabled .sp-input__inner{color:var(--sp-disabled-text-color);-webkit-text-fill-color:var(--sp-disabled-text-color);cursor:not-allowed}.sp-input.is-disabled .sp-textarea__inner{background-color:var(--sp-disabled-bg-color);box-shadow:0 0 0 1px var(--sp-disabled-border-color) inset;color:var(--sp-disabled-text-color);-webkit-text-fill-color:var(--sp-disabled-text-color);cursor:not-allowed}.sp-input.is-prepend>.sp-input__wrapper{border-top-left-radius:0;border-bottom-left-radius:0}.sp-input.is-append>.sp-input__wrapper{border-top-right-radius:0;border-bottom-right-radius:0}.sp-input--large{--sp-input-height:var(--sp-component-size-large);font-size:14px}.sp-input--large .sp-input__wrapper{padding:1px 15px}.sp-input--large .sp-input__wrapper .sp-input__inner{--sp-input-inner-height:calc(var(--sp-input-height,40px) - 2px)}.sp-input--small{--sp-input-height:var(--sp-component-size-small);font-size:12px}.sp-input--small .sp-input__wrapper{padding:1px 7px}.sp-input--small .sp-input__wrapper .sp-input__inner{--sp-input-inner-height:calc(var(--sp-input-height,24px) - 2px)}.sp-input__prefix,.sp-input__suffix{white-space:nowrap;text-align:center;height:100%;color:var(--sp-input-icon-color,var(--sp-text-color-placeholder));transition:all var(--sp-transition-duration);flex-wrap:nowrap;flex-shrink:0;display:inline-flex}.sp-input__prefix>:first-child{margin-left:0!important}.sp-input__prefix>:last-child{margin-right:8px!important}.sp-input__suffix>:first-child{margin-left:8px!important}.sp-input__suffix>:last-child{margin-right:0!important}.sp-input__prepend,.sp-input__append{background-color:var(--sp-fill-color-light);color:var(--sp-color-info);border-radius:var(--sp-input-border-radius);white-space:nowrap;justify-content:center;align-items:center;min-height:100%;padding:0 20px;display:inline-flex;position:relative}.sp-input__prepend{box-shadow:1px 0 0 0 var(--sp-input-border-color) inset, 0 1px 0 0 var(--sp-input-border-color) inset, 0 -1px 0 0 var(--sp-input-border-color) inset;border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.sp-input__append{box-shadow:0 1px 0 0 var(--sp-input-border-color) inset, 0 -1px 0 0 var(--sp-input-border-color) inset, -1px 0 0 0 var(--sp-input-border-color) inset;border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.sp-input__append>.sp-input__wrapper{border-top-left-radius:0;border-bottom-left-radius:0}.sp-input--textarea{vertical-align:bottom;width:100%;font-size:var(--sp-font-size-base);display:inline-block;position:relative}.sp-textarea__wrapper{resize:vertical;box-sizing:border-box;width:100%;line-height:1.5;font-size:inherit;color:var(--sp-input-text-color,var(--sp-text-color-regular));background-color:var(--sp-input-bg-color,var(--sp-fill-color-blank));-webkit-appearance:none;box-shadow:0 0 0 1px var(--sp-input-border-color,var(--sp-border-color)) inset;border-radius:var(--sp-input-border-radius,var(--sp-border-radius-base));transition:var(--sp-transition-box-shadow);background-image:none;border:none;padding:5px 11px;font-family:inherit;display:block;position:relative}.sp-textarea__wrapper:focus{box-shadow:0 0 0 1px var(--sp-input-focus-border-color) inset;outline:none}.sp-textarea__wrapper::placeholder{color:var(--sp-input-placeholder-color)}.sp-input__wrapper{background-color:var(--sp-input-bg-color,var(--sp-fill-color-blank));border-radius:var(--sp-input-border-radius,var(--sp-border-radius-base));transition:var(--sp-transition-box-shadow);box-shadow:0 0 0 1px var(--sp-input-border-color,var(--sp-border-color)) inset;background-image:none;flex-grow:1;justify-content:center;align-items:center;padding:1px 11px;display:inline-flex}.sp-input__wrapper:hover{box-shadow:0 0 0 1px var(--sp-input-hover-border-color) inset}.sp-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--sp-input-focus-border-color) inset}.sp-input__wrapper .sp-input__inner{--sp-input-inner-height:calc(var(--sp-input-height,32px) - 2px);-webkit-appearance:none;width:100%;color:var(--sp-input-text-color,var(--sp-text-color-regular));font-size:inherit;height:var(--sp-input-inner-height);line-height:var(--sp-input-inner-height);box-sizing:border-box;background:0 0;border:none;outline:none;flex-grow:1;padding:0}.sp-input__wrapper .sp-input__inner::placeholder{color:var(--sp-input-placeholder-color)}.sp-input__wrapper .sp-icon{height:inherit;line-height:inherit;transition:all var(--sp-transition-duration);justify-content:center;align-items:center;margin-left:8px;display:flex}.sp-input__wrapper .sp-input__clear,.sp-input__wrapper .sp-input__password{color:var(--sp-input-icon-color);cursor:pointer;font-size:14px}.sp-input__wrapper .sp-input__clear:hover,.sp-input__wrapper .sp-input__password:hover{color:var(--sp-input-clear-hover-color)}.sp-form{--sp-form-label-font-size:var(--sp-font-size-base);--sp-form-content-font-size:var(--sp-font-size-base)}.sp-form-item{margin-bottom:18px;display:flex}.sp-form-item .sp-form-item__label{box-sizing:border-box;width:150px;height:32px;line-height:32px;font-size:var(--sp-form-label-font-size);color:var(--sp-text-color-regular);justify-content:flex-end;padding:0 12px 0 0;display:inline-flex}.sp-form-item .sp-form-item__content{line-height:32px;font-size:var(--sp-form-content-font-size);flex-wrap:wrap;flex:1;align-items:center;min-width:0;display:flex;position:relative}.sp-form-item .sp-form-item__error-msg{color:var(--sp-color-danger);padding-top:2px;font-size:12px;line-height:1;position:absolute;top:100%;left:0}.sp-form-item.is-error .sp-input__wrapper{box-shadow:0 0 0 1px var(--sp-color-danger) inset}.sp-form-item.is-success .sp-input__wrapper{box-shadow:0 0 0 1px var(--sp-color-success) inset}.sp-form-item.is-required>.sp-form-item__label:before{content:"*";color:var(--sp-color-danger);margin-right:4px}.sp-select{--sp-select-item-hover-bg-color:var(--sp-fill-color-light);--sp-select-item-font-size:var(--sp-font-size-base);--sp-select-item-font-color:var(--sp-text-color-regular);--sp-select-item-selected-font-color:var(--sp-color-primary);--sp-select-item-disabled-font-color:var(--sp-text-color-placeholder);--sp-select-input-focus-border-color:var(--sp-color-primary);vertical-align:middle;line-height:32px;display:inline-block}.sp-select .sp-tooltip .sp-tooltip__popper{padding:0}.sp-select .sp-input.is-focus .sp-input__wrapper{box-shadow:0 0 0 1px var(--sp-select-input-focus-border-color) inset!important}.sp-select .sp-input .sp-header-angle{transition:transform var(--sp-transition-duration)}.sp-select .sp-input .sp-header-angle.is-active{transform:rotate(180deg)}.sp-select .sp-input__inner{cursor:pointer}.sp-select .sp-select__nodata,.sp-select .sp-select__loading{text-align:center;color:var(--sp-text-color-secondary);font-size:var(--sp-select-font-size);margin:0;padding:10px 0}.sp-select .sp-select__menu{box-sizing:border-box;margin:6px 0;padding:0;list-style:none}.sp-select .sp-select__menu-item{font-size:var(--sp-select-item-font-size);white-space:nowrap;text-overflow:ellipsis;color:var(--sp-select-item-font-color);box-sizing:border-box;cursor:pointer;height:34px;margin:0;padding:0 32px 0 20px;line-height:34px;position:relative;overflow:hidden}.sp-select .sp-select__menu-item:hover{background-color:var(--sp-select-item-hover-bg-color)}.sp-select .sp-select__menu-item.is-selected{color:var(--sp-select-item-selected-font-color);font-weight:700}.sp-select .sp-select__menu-item.is-highlighted{background-color:var(--sp-select-item-hover-bg-color)}.sp-select .sp-select__menu-item.is-disabled{color:var(--sp-select-item-disabled-font-color);cursor:not-allowed}.sp-select .sp-select__menu-item.is-disabled:hover{background-color:#0000}.sp-switch{--sp-switch-on-color:var(--sp-color-primary);--sp-switch-off-color:var(--sp-border-color);--sp-switch-on-border-color:var(--sp-color-primary);--sp-switch-off-border-color:var(--sp-border-color);align-items:center;height:32px;font-size:14px;line-height:20px;display:inline-flex}.sp-switch .sp-switch__input{opacity:0;width:0;height:0;margin:0;position:absolute}.sp-switch .sp-switch__input:focus-visible~.sp-switch__core{outline:2px solid var(--sp-switch-on-color);outline-offset:1px}.sp-switch.is-disabled{opacity:.6}.sp-switch.is-disabled .sp-switch__core{cursor:not-allowed}.sp-switch.is-checked .sp-switch__core{border-color:var(--sp-switch-on-border-color);background-color:var(--sp-switch-on-color)}.sp-switch.is-checked .sp-switch__core .sp-switch__core-action{left:calc(100% - 17px)}.sp-switch.is-checked .sp-switch__core .sp-switch__core-inner{padding:0 18px 0 4px}.sp-switch--large{height:40px;font-size:14px;line-height:24px}.sp-switch--large .sp-switch__core{border-radius:12px;min-width:50px;height:24px}.sp-switch--large .sp-switch__core .sp-switch__core-action{width:20px;height:20px}.sp-switch--large.is-checked .sp-switch__core .sp-switch__core-action{color:var(--sp-switch-on-color);left:calc(100% - 21px)}.sp-switch--small{height:24px;font-size:12px;line-height:16px}.sp-switch--small .sp-switch__core{border-radius:8px;min-width:30px;height:16px}.sp-switch--small .sp-switch__core .sp-switch__core-action{width:12px;height:12px}.sp-switch--small.is-checked .sp-switch__core .sp-switch__core-action{color:var(--sp-switch-on-color);left:calc(100% - 13px)}.sp-switch__core{border:1px solid var(--sp-switch-off-border-color);box-sizing:border-box;background:var(--sp-switch-off-color);cursor:pointer;min-width:40px;height:20px;transition:border-color var(--sp-transition-duration), background-color var(--sp-transition-duration);border-radius:10px;outline:none;align-items:center;display:inline-flex;position:relative}.sp-switch__core .sp-switch__core-action{border-radius:var(--sp-border-radius-circle);background-color:var(--sp-color-white);width:16px;height:16px;transition:all var(--sp-transition-duration);position:absolute;left:1px}.sp-switch__core .sp-switch__core-inner{width:100%;transition:all var(--sp-transition-duration);justify-content:center;align-items:center;height:16px;padding:0 4px 0 18px;display:flex;overflow:hidden}.sp-switch__core .sp-switch__core-inner .sp-switch__core-inner-text{color:var(--sp-color-white);-webkit-user-select:none;user-select:none;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}
+/*$vite$:1*/