vue-stunning-ui/dist/style.css

This template should help get you started developing with Vue Stunning UI in Vue 3.

@charset "UTF-8";:root{--hg-color-white: #ffffff;--hg-color-black: #000000;--hg-color-primary: #409eff;--hg-color-primary-light-3: #79bbff;--hg-color-primary-light-5: #a0cfff;--hg-color-primary-light-7: #c6e2ff;--hg-color-primary-light-8: #d9ecff;--hg-color-primary-light-9: #ecf5ff;--hg-color-primary-dark-2: #337ecc;--hg-color-success: #67c23a;--hg-color-success-light-3: #95d475;--hg-color-success-light-5: #b3e19d;--hg-color-success-light-7: #d1edc4;--hg-color-success-light-8: #e1f3d8;--hg-color-success-light-9: #f0f9eb;--hg-color-success-dark-2: #529b2e;--hg-color-warning: #e6a23c;--hg-color-warning-light-3: #eebe77;--hg-color-warning-light-5: #f3d19e;--hg-color-warning-light-7: #f8e3c5;--hg-color-warning-light-8: #faecd8;--hg-color-warning-light-9: #fdf6ec;--hg-color-warning-dark-2: #b88230;--hg-color-danger: #f56c6c;--hg-color-danger-light-3: #f89898;--hg-color-danger-light-5: #fab6b6;--hg-color-danger-light-7: #fcd3d3;--hg-color-danger-light-8: #fde2e2;--hg-color-danger-light-9: #fef0f0;--hg-color-danger-dark-2: #c45656;--hg-color-error: #f56c6c;--hg-color-error-light-3: #f89898;--hg-color-error-light-5: #fab6b6;--hg-color-error-light-7: #fcd3d3;--hg-color-error-light-8: #fde2e2;--hg-color-error-light-9: #fef0f0;--hg-color-error-dark-2: #c45656;--hg-color-info: #909399;--hg-color-info-light-3: #b1b3b8;--hg-color-info-light-5: #c8c9cc;--hg-color-info-light-7: #dedfe0;--hg-color-info-light-8: #e9e9eb;--hg-color-info-light-9: #f4f4f5;--hg-color-info-dark-2: #73767a;--hg-bg-color: #ffffff;--hg-bg-color-page: #f2f3f5;--hg-bg-color-overlay: #ffffff;--hg-text-color-primary: #303133;--hg-text-color-regular: #606266;--hg-text-color-secondary: #909399;--hg-text-color-placeholder: #a8abb2;--hg-text-color-disabled: #c0c4cc;--hg-border-color: #dcdfe6;--hg-border-color-light: #e4e7ed;--hg-border-color-lighter: #ebeef5;--hg-border-color-extra-light: #f2f6fc;--hg-border-color-dark: #d4d7de;--hg-border-color-darker: #cdd0d6;--hg-fill-color: #f0f2f5;--hg-fill-color-light: #f5f7fa;--hg-fill-color-lighter: #fafafa;--hg-fill-color-extra-light: #fafcff;--hg-fill-color-dark: #ebedf0;--hg-fill-color-darker: #e6e8eb;--hg-fill-color-blank: #ffffff;--hg-border-width: 1px;--hg-border-style: solid;--hg-border-color-hover: var(--hg-text-color-disabled);--hg-border: var(--hg-border-width) var(--hg-border-style) var(--hg-border-color);--hg-border-radius-base: 4px;--hg-border-radius-small: 2px;--hg-border-radius-round: 20px;--hg-border-radius-circle: 100%;--hg-font-size-extra-large: 20px;--hg-font-size-large: 18px;--hg-font-size-medium: 16px;--hg-font-size-base: 14px;--hg-font-size-small: 13px;--hg-font-size-extra-small: 12px;--hg-font-family: "Hhgvetica Neue", Hhgvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;--hg-font-weight-primary: 500;--hg-disabled-bg-color: var(--hg-fill-color-light);--hg-disabled-text-color: var(--hg-text-color-placeholder);--hg-disabled-border-color: var(--hg-border-color-light);--hg-transition-duration: .3s;--hg-transition-duration-fast: .2s;--hg-overlay-color: rgba(0, 0, 0, .8);--hg-overlay-color-light: rgba(0, 0, 0, .7);--hg-overlay-color-lighter: rgba(0, 0, 0, .5);--hg-box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, .04), 0px 8px 20px rgba(0, 0, 0, .08);--hg-box-shadow-light: 0px 0px 12px rgba(0, 0, 0, .12);--hg-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, .12);--hg-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, .08), 0px 12px 32px rgba(0, 0, 0, .12), 0px 8px 16px -8px rgba(0, 0, 0, .16)}.hg-popup-parent--hidden{overflow:hidden}.hg-button{--hg-button-font-weight: var(--hg-font-weight-primary);--hg-button-border-color: var(--hg-border-color);--hg-button-bg-color: var(--hg-fill-color-blank);--hg-button-text-color: var(--hg-text-color-regular);--hg-button-disabled-text-color: var(--hg-disabled-text-color);--hg-button-disabled-bg-color: var(--hg-fill-color-blank);--hg-button-disabled-border-color: var(--hg-border-color-light);--hg-button-hover-text-color: var(--hg-color-primary);--hg-button-hover-bg-color: var(--hg-color-primary-light-9);--hg-button-hover-border-color: var(--hg-color-primary-light-7);--hg-button-active-text-color: var(--hg-button-hover-text-color);--hg-button-active-border-color: var(--hg-color-primary);--hg-button-active-bg-color: var(--hg-button-hover-bg-color);--hg-button-outline-color: var(--hg-color-primary-light-5);--hg-button-active-color: var(--hg-text-color-primary)}.hg-button{display:inline-flex;justify-content:center;align-items:center;line-height:1;height:32px;white-space:nowrap;cursor:pointer;color:var(--hg-button-text-color);text-align:center;box-sizing:border-box;outline:none;transition:.1s;font-weight:var(--hg-button-font-weight);-webkit-user-select:none;user-select:none;vertical-align:middle;-webkit-appearance:none;background-color:var(--hg-button-bg-color);border:var(--hg-border);border-color:var(--hg-button-border-color);padding:8px 15px;font-size:var(--hg-font-size-base);border-radius:var(--hg-border-radius-base)}.hg-button+.hg-button{margin-left:12px}.hg-button:hover,.hg-button:focus{color:var(--hg-button-hover-text-color);border-color:var(--hg-button-hover-border-color);background-color:var(--hg-button-hover-bg-color);outline:none}.hg-button:active{color:var(--hg-button-active-text-color);border-color:var(--hg-button-active-border-color);background-color:var(--hg-button-active-bg-color);outline:none}.hg-button.is-plain{--hg-button-hover-text-color: var(--hg-color-primary);--hg-button-hover-bg-color: var(--hg-fill-color-blank);--hg-button-hover-border-color: var(--hg-color-primary)}.hg-button.is-round{border-radius:var(--hg-border-radius-round)}.hg-button.is-circle{border-radius:50%;padding:8px}.hg-button.is-disabled,.hg-button.is-disabled:hover,.hg-button.is-disabled:focus,.hg-button[disabled],.hg-button[disabled]:hover,.hg-button[disabled]:focus{color:var(--hg-button-disabled-text-color);cursor:not-allowed;background-image:none;background-color:var(--hg-button-disabled-bg-color);border-color:var(--hg-button-disabled-border-color)}.hg-button [class*=hg-icon]+span{margin-left:6px}.hg-button--primary{--hg-button-text-color: var(--hg-color-white);--hg-button-bg-color: var(--hg-color-primary);--hg-button-border-color: var(--hg-color-primary);--hg-button-outline-color: var(--hg-color-primary-light-5);--hg-button-active-color: var(--hg-color-primary-dark-2);--hg-button-hover-text-color: var(--hg-color-white);--hg-button-hover-bg-color: var(--hg-color-primary-light-3);--hg-button-hover-border-color: var(--hg-color-primary-light-3);--hg-button-active-bg-color: var(--hg-color-primary-dark-2);--hg-button-active-border-color: var(--hg-color-primary-dark-2);--hg-button-disabled-text-color: var(--hg-color-white);--hg-button-disabled-bg-color: var(--hg-color-primary-light-5);--hg-button-disabled-border-color: var(--hg-color-primary-light-5)}.hg-button--primary.is-plain{--hg-button-text-color: var(--hg-color-primary);--hg-button-bg-color: var(--hg-color-primary-light-9);--hg-button-border-color: var(--hg-color-primary-light-5);--hg-button-hover-text-color: var(--hg-color-white);--hg-button-hover-bg-color: var(--hg-color-primary);--hg-button-hover-border-color: var(--hg-color-primary);--hg-button-active-text-color: var(--hg-color-white)}.hg-button--success{--hg-button-text-color: var(--hg-color-white);--hg-button-bg-color: var(--hg-color-success);--hg-button-border-color: var(--hg-color-success);--hg-button-outline-color: var(--hg-color-success-light-5);--hg-button-active-color: var(--hg-color-success-dark-2);--hg-button-hover-text-color: var(--hg-color-white);--hg-button-hover-bg-color: var(--hg-color-success-light-3);--hg-button-hover-border-color: var(--hg-color-success-light-3);--hg-button-active-bg-color: var(--hg-color-success-dark-2);--hg-button-active-border-color: var(--hg-color-success-dark-2);--hg-button-disabled-text-color: var(--hg-color-white);--hg-button-disabled-bg-color: var(--hg-color-success-light-5);--hg-button-disabled-border-color: var(--hg-color-success-light-5)}.hg-button--success.is-plain{--hg-button-text-color: var(--hg-color-success);--hg-button-bg-color: var(--hg-color-success-light-9);--hg-button-border-color: var(--hg-color-success-light-5);--hg-button-hover-text-color: var(--hg-color-white);--hg-button-hover-bg-color: var(--hg-color-success);--hg-button-hover-border-color: var(--hg-color-success);--hg-button-active-text-color: var(--hg-color-white)}.hg-button--warning{--hg-button-text-color: var(--hg-color-white);--hg-button-bg-color: var(--hg-color-warning);--hg-button-border-color: var(--hg-color-warning);--hg-button-outline-color: var(--hg-color-warning-light-5);--hg-button-active-color: var(--hg-color-warning-dark-2);--hg-button-hover-text-color: var(--hg-color-white);--hg-button-hover-bg-color: var(--hg-color-warning-light-3);--hg-button-hover-border-color: var(--hg-color-warning-light-3);--hg-button-active-bg-color: var(--hg-color-warning-dark-2);--hg-button-active-border-color: var(--hg-color-warning-dark-2);--hg-button-disabled-text-color: var(--hg-color-white);--hg-button-disabled-bg-color: var(--hg-color-warning-light-5);--hg-button-disabled-border-color: var(--hg-color-warning-light-5)}.hg-button--warning.is-plain{--hg-button-text-color: var(--hg-color-warning);--hg-button-bg-color: var(--hg-color-warning-light-9);--hg-button-border-color: var(--hg-color-warning-light-5);--hg-button-hover-text-color: var(--hg-color-white);--hg-button-hover-bg-color: var(--hg-color-warning);--hg-button-hover-border-color: var(--hg-color-warning);--hg-button-active-text-color: var(--hg-color-white)}.hg-button--info{--hg-button-text-color: var(--hg-color-white);--hg-button-bg-color: var(--hg-color-info);--hg-button-border-color: var(--hg-color-info);--hg-button-outline-color: var(--hg-color-info-light-5);--hg-button-active-color: var(--hg-color-info-dark-2);--hg-button-hover-text-color: var(--hg-color-white);--hg-button-hover-bg-color: var(--hg-color-info-light-3);--hg-button-hover-border-color: var(--hg-color-info-light-3);--hg-button-active-bg-color: var(--hg-color-info-dark-2);--hg-button-active-border-color: var(--hg-color-info-dark-2);--hg-button-disabled-text-color: var(--hg-color-white);--hg-button-disabled-bg-color: var(--hg-color-info-light-5);--hg-button-disabled-border-color: var(--hg-color-info-light-5)}.hg-button--info.is-plain{--hg-button-text-color: var(--hg-color-info);--hg-button-bg-color: var(--hg-color-info-light-9);--hg-button-border-color: var(--hg-color-info-light-5);--hg-button-hover-text-color: var(--hg-color-white);--hg-button-hover-bg-color: var(--hg-color-info);--hg-button-hover-border-color: var(--hg-color-info);--hg-button-active-text-color: var(--hg-color-white)}.hg-button--danger{--hg-button-text-color: var(--hg-color-white);--hg-button-bg-color: var(--hg-color-danger);--hg-button-border-color: var(--hg-color-danger);--hg-button-outline-color: var(--hg-color-danger-light-5);--hg-button-active-color: var(--hg-color-danger-dark-2);--hg-button-hover-text-color: var(--hg-color-white);--hg-button-hover-bg-color: var(--hg-color-danger-light-3);--hg-button-hover-border-color: var(--hg-color-danger-light-3);--hg-button-active-bg-color: var(--hg-color-danger-dark-2);--hg-button-active-border-color: var(--hg-color-danger-dark-2);--hg-button-disabled-text-color: var(--hg-color-white);--hg-button-disabled-bg-color: var(--hg-color-danger-light-5);--hg-button-disabled-border-color: var(--hg-color-danger-light-5)}.hg-button--danger.is-plain{--hg-button-text-color: var(--hg-color-danger);--hg-button-bg-color: var(--hg-color-danger-light-9);--hg-button-border-color: var(--hg-color-danger-light-5);--hg-button-hover-text-color: var(--hg-color-white);--hg-button-hover-bg-color: var(--hg-color-danger);--hg-button-hover-border-color: var(--hg-color-danger);--hg-button-active-text-color: var(--hg-color-white)}.hg-button--large{--hg-button-size: 40px;height:var(--hg-button-size);padding:12px 19px;font-size:var(--hg-font-size-base);border-radius:var(--hg-border-radius-base)}.hg-button--small{--hg-button-size: 24px;height:var(--hg-button-size);padding:5px 11px;font-size:12px;border-radius:calc(var(--hg-border-radius-base) - 1px)}.hg-icon{--hg-icon-color: inherit;display:inline-flex;justify-content:center;align-items:center;position:relative;fill:currentColor;color:var(--hg-icon-color);font-size:inherit}.hg-icon--primary{--hg-icon-color: var(--hg-color-primary)}.hg-icon--success{--hg-icon-color: var(--hg-color-success)}.hg-icon--warning{--hg-icon-color: var(--hg-color-warning)}.hg-icon--info{--hg-icon-color: var(--hg-color-info)}.hg-icon--danger{--hg-icon-color: var(--hg-color-danger)}.hg-collapse{--hg-collapse-border-color: var(--hg-border-color-light);--hg-collapse-header-height: 48px;--hg-collapse-header-bg-color: var(--hg-fill-color-blank);--hg-collapse-header-text-color: var(--hg-text-color-primary);--hg-collapse-header-font-size: 13px;--hg-collapse-content-bg-color: var(--hg-fill-color-blank);--hg-collapse-content-font-size: 13px;--hg-collapse-content-text-color: var(--hg-text-color-primary);--hg-collapse-disabled-text-color: var(--hg-disabled-text-color);--hg-collapse-disabled-border-color: var(--hg-border-color-lighter);border-top:1px solid var(--hg-collapse-border-color);border-bottom:1px solid var(--hg-collapse-border-color)}.hg-collapse-item__header{display:flex;align-items:center;justify-content:space-between;height:var(--hg-collapse-header-height);line-height:var(--hg-collapse-header-height);background-color:var(--hg-collapse-header-bg-color);color:var(--hg-collapse-header-text-color);cursor:pointer;font-size:var(--hg-collapse-header-font-size);font-weight:500;transition:border-bottom-color var(--hg-transition-duration);outline:none;border-bottom:1px solid var(--hg-collapse-border-color)}.hg-collapse-item__header.is-disabled{color:var(--hg-collapse-disabled-text-color);cursor:not-allowed;background-image:none}.hg-collapse-item__header.is-active{border-bottom-color:transparent}.hg-collapse-item__header.is-active .header-angle{transform:rotate(90deg)}.hg-collapse-item__header .header-angle{margin:0 8px 0 auto;transition:transform var(--hg-transition-duration)}.hg-collapse-item__content{will-change:height;background-color:var(--hg-collapse-content-bg-color);overflow:hidden;box-sizing:border-box;font-size:var(--hg-collapse-content-font-size);color:var(--hg-collapse-content-text-color);border-bottom:1px solid var(--hg-collapse-border-color);padding-bottom:25px}.slide-enter-active,.slide-leave-active{transition:height var(--hg-transition-duration)}.hg-collapse-item__wrapper{overflow:hidden}.hg-tooltip{--hg-popover-bg-color: var(--hg-bg-color-overlay);--hg-popover-font-size: var(--hg-font-size-base);--hg-popover-border-color: var(--hg-border-color);--hg-popover-padding: 12px;--hg-popover-border-radius: 4px;display:inline-block}.hg-tooltip .hg-tooltip__popper{background:var(--hg-popover-bg-color);border-radius:var(--hg-popover-border-radius);border:1px solid var(--hg-popover-border-color);padding:var(--hg-popover-padding);color:var(--hg-text-color-regular);box-shadow:var(--hg-box-shadow-light);line-height:1.4;text-align:justify;font-size:var(--hg-popover-font-size);word-break:break-all;box-sizing:border-box;z-index:1000}.hg-tooltip .hg-tooltip__popper #arrow,.hg-tooltip .hg-tooltip__popper #arrow:before{position:absolute;width:8px;height:8px;box-sizing:border-box;background:var(--hg-popover-bg-color)}.hg-tooltip .hg-tooltip__popper #arrow{visibility:hidden}.hg-tooltip .hg-tooltip__popper #arrow:before{visibility:visible;content:"";transform:rotate(45deg)}.hg-tooltip .hg-tooltip__popper[data-popper-placement^=top]>#arrow{bottom:-5px}.hg-tooltip .hg-tooltip__popper[data-popper-placement^=bottom]>#arrow{top:-5px}.hg-tooltip .hg-tooltip__popper[data-popper-placement^=left]>#arrow{right:-5px}.hg-tooltip .hg-tooltip__popper[data-popper-placement^=right]>#arrow{left:-5px}.hg-tooltip .hg-tooltip__popper[data-popper-placement^=top]>#arrow:before{border-right:1px solid var(--hg-popover-border-color);border-bottom:1px solid var(--hg-popover-border-color)}.hg-tooltip .hg-tooltip__popper[data-popper-placement^=bottom]>#arrow:before{border-left:1px solid var(--hg-popover-border-color);border-top:1px solid var(--hg-popover-border-color)}.hg-tooltip .hg-tooltip__popper[data-popper-placement^=left]>#arrow:before{border-right:1px solid var(--hg-popover-border-color);border-top:1px solid var(--hg-popover-border-color)}.hg-tooltip .hg-tooltip__popper[data-popper-placement^=right]>#arrow:before{border-left:1px solid var(--hg-popover-border-color);border-bottom:1px solid var(--hg-popover-border-color)}.hg-tooltip .fade-enter-active,.hg-tooltip .fade-leave-active{transition:opacity var(--hg-transition-duration)}.hg-tooltip .fade-enter-from,.hg-tooltip .fade-leave-to{opacity:0}.hg-dropdown .hg-dropdown__menu{--hg-dropdown-menuItem-hover-fill: var(--hg-color-primary-light-9);--hg-dropdown-menuItem-hover-color: var(--hg-color-primary);--hg-dropdown-menuItem-disabled-color: var(--hg-border-color-lighter);--hg-dropdown-menuItem-divided-color: var(--hg-border-color-lighter)}.hg-dropdown{display:inline-block;cursor:pointer}.hg-dropdown .hg-tooltip{--hg-popover-padding: 5px 0}.hg-dropdown__menu{list-style-type:none;margin:0;padding:0}.hg-dropdown__menu .hg-dropdown__item{display:flex;align-items:center;white-space:nowrap;list-style:none;line-height:22px;padding:5px 16px;margin:0;font-size:var(--hg-font-size-base);color:var(--hg-text-color-regular);cursor:pointer;outline:none}.hg-dropdown__menu .hg-dropdown__item:not(.is-disabled):hover{background-color:var(--hg-dropdown-menuItem-hover-fill);color:var(--hg-dropdown-menuItem-hover-color)}.hg-dropdown__menu .hg-dropdown__item.is-disabled{color:var(--hg-dropdown-menuItem-disabled-color);cursor:not-allowed;background-image:none}.hg-dropdown__menu .divided-placeholder{margin:6px 0;border-top:1px solid var(--hg-dropdown-menuItem-divided-color)}.hg-message{--hg-message-bg-color: var(--hg-color-info-light-9);--hg-message-border-color: var(--hg-border-color-lighter);--hg-message-padding: 6px 16px;--hg-message-close-size: 16px;--hg-message-close-icon-color: var(--hg-text-color-placeholder);--hg-message-close-hover-color: var(--hg-text-color-secondary)}.hg-message{width:fit-content;max-width:calc(100% - 32px);box-sizing:border-box;border-radius:var(--hg-border-radius-base);border-width:var(--hg-border-width);border-style:var(--hg-border-style);border-color:var(--hg-message-border-color);position:fixed;left:50%;top:20px;transform:translate(-50%);background-color:var(--hg-message-bg-color);padding:var(--hg-message-padding);display:flex;align-items:center;transition:top var(--hg-transition-duration),opacity var(--hg-transition-duration),transform var(--hg-transition-duration)}.hg-message .hg-message__content{color:var(--hg-message-text-color);overflow-wrap:anywhere}.hg-message.is-close .hg-message__content{padding-right:30px}.hg-message .hg-message__icon{display:flex;color:var(--hg-message-text-color);font-size:14px;margin-right:12px}.hg-message .hg-message__close{display:flex;align-items:center}.hg-message .hg-message__close svg{cursor:pointer}.hg-message--info{--hg-message-bg-color: var(--hg-color-info-light-9);--hg-message-border-color: var(--hg-color-info-light-8);--hg-message-text-color: var(--hg-color-info)}.hg-message--info .hg-message__close{--hg-icon-color: var(--hg-color-info)}.hg-message--success{--hg-message-bg-color: var(--hg-color-success-light-9);--hg-message-border-color: var(--hg-color-success-light-8);--hg-message-text-color: var(--hg-color-success)}.hg-message--success .hg-message__close{--hg-icon-color: var(--hg-color-success)}.hg-message--warning{--hg-message-bg-color: var(--hg-color-warning-light-9);--hg-message-border-color: var(--hg-color-warning-light-8);--hg-message-text-color: var(--hg-color-warning)}.hg-message--warning .hg-message__close{--hg-icon-color: var(--hg-color-warning)}.hg-message--danger{--hg-message-bg-color: var(--hg-color-danger-light-9);--hg-message-border-color: var(--hg-color-danger-light-8);--hg-message-text-color: var(--hg-color-danger)}.hg-message--danger .hg-message__close{--hg-icon-color: var(--hg-color-danger)}.hg-message.fade-up-enter-from,.hg-message.fade-up-leave-to{opacity:0;transform:translate(-50%,-100%)}.hg-input{--hg-input-text-color: var(--hg-text-color-regular);--hg-input-border: var(--hg-border);--hg-input-hover-border: var(--hg-border-color-hover);--hg-input-focus-border: var(--hg-color-primary);--hg-input-transparent-border: 0 0 0 1px transparent inset;--hg-input-border-color: var(--hg-border-color);--hg-input-border-radius: var(--hg-border-radius-base);--hg-input-bg-color: var(--hg-fill-color-blank);--hg-input-icon-color: var(--hg-text-color-placeholder);--hg-input-placeholder-color: var(--hg-text-color-placeholder);--hg-input-hover-border-color: var(--hg-border-color-hover);--hg-input-clear-hover-color: var(--hg-text-color-secondary);--hg-input-focus-border-color: var(--hg-color-primary)}.hg-input{--hg-input-height: var(--hg-component-size);position:relative;font-size:var(--hg-font-size-base);display:inline-flex;width:100%;line-height:var(--hg-input-height);box-sizing:border-box;vertical-align:middle}.hg-input.is-disabled{cursor:not-allowed}.hg-input.is-disabled .hg-input__wrapper{background-color:var(--hg-disabled-bg-color);box-shadow:0 0 0 1px var(--hg-disabled-border-color) inset}.hg-input.is-disabled .hg-input__inner{color:var(--hg-disabled-text-color);-webkit-text-fill-color:var(--hg-disabled-text-color);cursor:not-allowed}.hg-input.is-disabled .hg-textarea__inner{background-color:var(--hg-disabled-bg-color);box-shadow:0 0 0 1px var(--hg-disabled-border-color) inset;color:var(--hg-disabled-text-color);-webkit-text-fill-color:var(--hg-disabled-text-color);cursor:not-allowed}.hg-input.is-prepend>.hg-input__wrapper{border-top-left-radius:0;border-bottom-left-radius:0}.hg-input.is-append>.hg-input__wrapper{border-top-right-radius:0;border-bottom-right-radius:0}.hg-input--large{--hg-input-height: var(--hg-component-size-large);font-size:14px}.hg-input--large .hg-input__wrapper{padding:1px 15px}.hg-input--large .hg-input__wrapper .hg-input__inner{--hg-input-inner-height: calc(var(--hg-input-height, 40px) - 2px)}.hg-input--small{--hg-input-height: var(--hg-component-size-small);font-size:12px}.hg-input--small .hg-input__wrapper{padding:1px 7px}.hg-input--small .hg-input__wrapper .hg-input__inner{--hg-input-inner-height: calc(var(--hg-input-height, 24px) - 2px)}.hg-input__prefix,.hg-input__suffix{display:inline-flex;white-space:nowrap;flex-shrink:0;flex-wrap:nowrap;height:100%;text-align:center;color:var(--hg-input-icon-color, var(--hg-text-color-placeholder));transition:all var(--hg-transition-duration)}.hg-input__prefix>:first-child{margin-left:0!important}.hg-input__prefix>:last-child{margin-right:8px!important}.hg-input__suffix>:first-child{margin-left:8px!important}.hg-input__suffix>:last-child{margin-right:0!important}.hg-input__prepend,.hg-input__append{background-color:var(--hg-fill-color-light);color:var(--hg-color-info);position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:100%;border-radius:var(--hg-input-border-radius);padding:0 20px;white-space:nowrap}.hg-input__prepend{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0;box-shadow:1px 0 0 0 var(--hg-input-border-color) inset,0 1px 0 0 var(--hg-input-border-color) inset,0 -1px 0 0 var(--hg-input-border-color) inset}.hg-input__append{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0;box-shadow:0 1px 0 0 var(--hg-input-border-color) inset,0 -1px 0 0 var(--hg-input-border-color) inset,-1px 0 0 0 var(--hg-input-border-color) inset}.hg-input__append>.hg-input__wrapper{border-top-left-radius:0;border-bottom-left-radius:0}.hg-input--textarea{position:relative;display:inline-block;width:100%;vertical-align:bottom;font-size:var(--hg-font-size-base)}.hg-textarea__wrapper{position:relative;display:block;resize:vertical;padding:5px 11px;line-height:1.5;box-sizing:border-box;width:100%;font-size:inherit;font-family:inherit;color:var(--hg-input-text-color, var(--hg-text-color-regular));background-color:var(--hg-input-bg-color, var(--hg-fill-color-blank));background-image:none;-webkit-appearance:none;box-shadow:0 0 0 1px var(--hg-input-border-color, var(--hg-border-color)) inset;border-radius:var(--hg-input-border-radius, var(--hg-border-radius-base));transition:var(--hg-transition-box-shadow);border:none}.hg-textarea__wrapper:focus{outline:none;box-shadow:0 0 0 1px var(--hg-input-focus-border-color) inset}.hg-textarea__wrapper::placeholder{color:var(--hg-input-placeholder-color)}.hg-input__wrapper{display:inline-flex;flex-grow:1;align-items:center;justify-content:center;padding:1px 11px;background-color:var(--hg-input-bg-color, var(--hg-fill-color-blank));background-image:none;border-radius:var(--hg-input-border-radius, var(--hg-border-radius-base));transition:var(--hg-transition-box-shadow);box-shadow:0 0 0 1px var(--hg-input-border-color, var(--hg-border-color)) inset}.hg-input__wrapper:hover{box-shadow:0 0 0 1px var(--hg-input-hover-border-color) inset}.hg-input__wrapper .hg-input__inner{--hg-input-inner-height: calc(var(--hg-input-height, 32px) - 2px);width:100%;flex-grow:1;-webkit-appearance:none;color:var(--hg-input-text-color, var(--hg-text-color-regular));font-size:inherit;height:var(--hg-input-inner-height);line-height:var(--hg-input-inner-height);padding:0;outline:none;border:none;background:none;box-sizing:border-box}.hg-input__wrapper .hg-input__inner::placeholder{color:var(--hg-input-placeholder-color)}.hg-input__wrapper .hg-icon{height:inherit;line-height:inherit;display:flex;justify-content:center;align-items:center;transition:all var(--hg-transition-duration);margin-left:8px}.hg-input__wrapper .hg-input__clear,.hg-input__wrapper .hg-input__password{color:var(--hg-input-icon-color);font-size:14px;cursor:pointer}.hg-input__wrapper .hg-input__clear:hover,.hg-input__wrapper .hg-input__password:hover{color:var(--hg-input-clear-hover-color)}.hg-switch{--hg-switch-on-color: var(--hg-color-primary);--hg-switch-off-color: var(--hg-border-color);--hg-switch-on-border-color: var(--hg-color-primary);--hg-switch-off-border-color: var(--hg-border-color)}.hg-switch{display:inline-flex;align-items:center;font-size:14px;line-height:20px;height:32px}.hg-switch .hg-switch__input{position:absolute;width:0;height:0;opacity:0;margin:0}.hg-switch .hg-switch__input:focus-visible~.hg-switch__core{outline:2px solid var(--hg-switch-on-color);outline-offset:1px}.hg-switch.is-checked .hg-switch__core{border-color:var(--hg-switch-on-border-color);background-color:var(--hg-switch-on-color)}.hg-switch.is-checked .hg-switch__core .hg-switch__core-action{left:calc(100% - 17px)}.hg-switch.is-checked .hg-switch__core .hg-switch__core-inner{padding:0 18px 0 4px}.hg-switch__core{display:inline-flex;align-items:center;position:relative;height:20px;min-width:40px;border:1px solid var(--hg-switch-off-border-color);outline:none;border-radius:10px;box-sizing:border-box;background:var(--hg-switch-off-color);cursor:pointer;transition:border-color var(--hg-transition-duration),background-color var(--hg-transition-duration)}.hg-switch__core .hg-switch__core-action{position:absolute;left:1px;border-radius:var(--hg-border-radius-circle);width:16px;height:16px;background-color:var(--hg-color-white);transition:all var(--hg-transition-duration)}.hg-switch__core .hg-switch__core-inner{width:100%;transition:all var(--hg-transition-duration);height:16px;display:flex;justify-content:center;align-items:center;overflow:hidden;padding:0 4px 0 18px}.hg-switch__core .hg-switch__core-inner .hg-switch__core-inner-text{font-size:12px;color:var(--hg-color-white);-webkit-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hg-select{--hg-select-item-hover-bg-color: var(--hg-fill-color-light);--hg-select-item-font-size: var(--hg-font-size-base);--hg-select-item-font-color: var(--hg-text-color-regular);--hg-select-item-selected-font-color: var(--hg-color-primary);--hg-select-item-disabled-font-color: var(--hg-text-color-placeholder);--hg-select-input-focus-border-color: var(--hg-color-primary)}.hg-select{display:inline-block;vertical-align:middle;width:200px}.hg-select .hg-tooltip .hg-tooltip__popper{padding:0}.hg-select>.is-disabled{color:var(--hg-disabled-text-color);-webkit-text-fill-color:var(--hg-disabled-text-color);cursor:not-allowed!important}.hg-select>.is-disabled:hover{box-shadow:0 0 0 1px var(--hg-border-color) inset!important}.hg-select>.is-filterable{cursor:text!important}.hg-select .el-select__wrapper{width:100%;border-radius:var(--hg-border-radius-base);transition:var(--hg-transition-duration);box-shadow:0 0 0 1px var(--hg-border-color) inset;cursor:pointer}.hg-select .el-select__wrapper .hg-select__suffix{display:flex;align-items:center;flex-shrink:0;margin-left:auto;cursor:pointer}.hg-select .el-select__wrapper .hg-select__selection{display:flex;flex-wrap:wrap;align-items:center;flex:1;min-width:0;gap:6px}.hg-select .el-select__wrapper .hg-select__selection .is-hidden{position:absolute;opacity:0}.hg-select .el-select__wrapper>.hg-tooltip__trigger{line-height:24px;padding:4px 12px;gap:6px;min-height:32px;display:flex;align-items:center;position:relative;box-sizing:border-box}.hg-select .el-select__wrapper:hover{box-shadow:0 0 0 1px #c0c4cc inset}.hg-select .el-select__placeholder{position:absolute;display:block;top:50%;transform:translateY(-50%);width:100%;font-size:var(--hg-select-item-font-size);color:var(--hg-input-text-color)}.hg-select .el-select__placeholder.is-hidden{visibility:hidden}.hg-select .is-option{color:var(--hg-text-color-secondary)}.hg-select .hg-select__input-wrapper .hg-input__wrapper{box-shadow:none;padding:0}.hg-select .hg-select__input-wrapper .hg-input__wrapper:hover{box-shadow:none}.hg-select .hg-select__input-wrapper .hg-input__wrapper.is-focus{box-shadow:none!important}.hg-select .hg-select__selected-item{display:flex;flex-wrap:wrap}.hg-select .hg-select__tags{column-gap:8px;row-gap:4px}.hg-select .hg-select__tags .hg-select__tags-tooltip-content{display:flex;row-gap:4px;column-gap:4px;padding:4px 8px}.hg-select>.is-focus{box-shadow:0 0 0 1px var(--hg-select-input-focus-border-color) inset!important}.hg-select .header-angle{transition:transform var(--hg-transition-duration)}.hg-select .header-angle.is-active{transform:rotate(180deg)}.hg-select .hg-select__loading,.hg-select .hg-select__nodata{padding:10px 0;margin:0;text-align:center;color:var(--hg-text-color-secondary);font-size:var(--hg-select-item-font-size)}.hg-select .hg-select__menu{list-style:none;margin:6px 0;padding:0;box-sizing:border-box}.hg-select .hg-select__menu-item{margin:0;font-size:var(--hg-select-item-font-size);padding:0 32px 0 20px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--hg-select-item-font-color);height:34px;line-height:34px;box-sizing:border-box;cursor:pointer}.hg-select .hg-select__menu-item:hover{background-color:var(--hg-select-item-hover-bg-color)}.hg-select .hg-select__menu-item.is-selected{color:var(--hg-select-item-selected-font-color);font-weight:700}.hg-select .hg-select__menu-item.is-highlighted{color:var(--hg-select-item-selected-font-color);background-color:var(--hg-select-item-hover-bg-color)}.hg-select .hg-select__menu-item.is-disabled{color:var(--hg-select-item-disabled-font-color);cursor:not-allowed}.hg-select .hg-select__menu-item.is-disabled:hover{background-color:transparent}.hg-form{--hg-form-label-font-size: var(--hg-font-size-base);--hg-form-content-font-size: var(--hg-font-size-base)}.hg-form-item{display:flex;margin-bottom:18px}.hg-form-item .hg-form-item__label{width:150px;height:32px;line-height:32px;padding:0 12px 0 0;display:inline-flex;justify-content:flex-end;font-size:var(--hg-form-label-font-size);color:var(--hg-text-color-regular)}.hg-form-item .hg-form-item__content{position:relative;display:flex;flex-wrap:wrap;flex:1;line-height:32px;align-items:center;font-size:var(--hg-form-content-font-size);min-width:0}.hg-form-item .hg-form-item__error-msg{position:absolute;top:100%;left:0;padding-top:2px;color:var(--hg-color-danger);font-size:12px;line-height:1}.hg-form-item.is-error .hg-input__wrapper{box-shadow:0 0 0 1px var(--hg-color-danger) inset}.hg-form-item.is-success .hg-input__wrapper{box-shadow:0 0 0 1px var(--hg-color-success) inset}.hg-form-item.is-required>.hg-form-item__label:before{content:"*";color:var(--hg-color-danger);margin-right:4px}.hg-tag{--hg-tag-font-weight: var(--hg-font-weight-primary);--hg-tag-border-color: var(--hg-border-color);--hg-tag-bg-color: var(--hg-fill-color-blank);--hg-tag-text-color: var(--hg-text-color-regular)}.hg-tag{background-color:var(--hg-tag-bg-color);border-color:var(--hg-tag-border-color);color:var(--hg-tag-text-color);display:inline-flex;justify-content:center;align-items:center;vertical-align:middle;height:24px;padding:0 9px;font-size:var(--hg-font-size-extra-small);line-height:1;border-width:1px;border-style:solid;border-radius:var(--hg-border-radius-base);box-sizing:border-box;white-space:nowrap;--hg-icon-size: 14px}.hg-tag.is-round{border-radius:var(--hg-border-radius-round)}.hg-tag .hg-tag__close{margin-left:6px;border-radius:50%;cursor:pointer;height:var(--hg-icon-size);width:var(--hg-icon-size)}.hg-tag .hg-tag__close:hover{background:var(--hg-tag-close-hover-bg-color);color:var(--hg-color-white)}.hg-tag--primary{--hg-tag-text-color: var(--hg-color-primary);--hg-tag-bg-color: var(--hg-color-primary-light-9);--hg-tag-border-color: var(--hg-color-primary-light-8);--hg-tag-hover-text-color: var(--hg-color-white);--hg-tag-hover-bg-color: var(--hg-color-primary);--hg-tag-close-hover-bg-color: var(--hg-color-primary);--hg-tag-hover-border-color: var(--hg-color-primary);--hg-tag-active-text-color: var(--hg-color-white)}.hg-tag--primary.hg-tag--dark{--hg-tag-text-color: var(--hg-color-white);--hg-tag-bg-color: var(--hg-color-primary);--hg-tag-border-color: var(--hg-color-primary);--hg-tag-hover-color: var(--hg-color-primary-light-3)}.hg-tag--primary.hg-tag--plain{--hg-tag-bg-color: var(--el-fill-color-blank);--hg-tag-border-color: var(--hg-color-primary-light-5);--hg-tag-hover-color: var(--hg-color-primary-light-3)}.hg-tag--success{--hg-tag-text-color: var(--hg-color-success);--hg-tag-bg-color: var(--hg-color-success-light-9);--hg-tag-border-color: var(--hg-color-success-light-8);--hg-tag-hover-text-color: var(--hg-color-white);--hg-tag-hover-bg-color: var(--hg-color-success);--hg-tag-close-hover-bg-color: var(--hg-color-success);--hg-tag-hover-border-color: var(--hg-color-success);--hg-tag-active-text-color: var(--hg-color-white)}.hg-tag--success.hg-tag--dark{--hg-tag-text-color: var(--hg-color-white);--hg-tag-bg-color: var(--hg-color-success);--hg-tag-border-color: var(--hg-color-success);--hg-tag-hover-color: var(--hg-color-success-light-3)}.hg-tag--success.hg-tag--plain{--hg-tag-bg-color: var(--el-fill-color-blank);--hg-tag-border-color: var(--hg-color-success-light-5);--hg-tag-hover-color: var(--hg-color-success-light-3)}.hg-tag--warning{--hg-tag-text-color: var(--hg-color-warning);--hg-tag-bg-color: var(--hg-color-warning-light-9);--hg-tag-border-color: var(--hg-color-warning-light-8);--hg-tag-hover-text-color: var(--hg-color-white);--hg-tag-hover-bg-color: var(--hg-color-warning);--hg-tag-close-hover-bg-color: var(--hg-color-warning);--hg-tag-hover-border-color: var(--hg-color-warning);--hg-tag-active-text-color: var(--hg-color-white)}.hg-tag--warning.hg-tag--dark{--hg-tag-text-color: var(--hg-color-white);--hg-tag-bg-color: var(--hg-color-warning);--hg-tag-border-color: var(--hg-color-warning);--hg-tag-hover-color: var(--hg-color-warning-light-3)}.hg-tag--warning.hg-tag--plain{--hg-tag-bg-color: var(--el-fill-color-blank);--hg-tag-border-color: var(--hg-color-warning-light-5);--hg-tag-hover-color: var(--hg-color-warning-light-3)}.hg-tag--info{--hg-tag-text-color: var(--hg-color-info);--hg-tag-bg-color: var(--hg-color-info-light-9);--hg-tag-border-color: var(--hg-color-info-light-8);--hg-tag-hover-text-color: var(--hg-color-white);--hg-tag-hover-bg-color: var(--hg-color-info);--hg-tag-close-hover-bg-color: var(--hg-color-info);--hg-tag-hover-border-color: var(--hg-color-info);--hg-tag-active-text-color: var(--hg-color-white)}.hg-tag--info.hg-tag--dark{--hg-tag-text-color: var(--hg-color-white);--hg-tag-bg-color: var(--hg-color-info);--hg-tag-border-color: var(--hg-color-info);--hg-tag-hover-color: var(--hg-color-info-light-3)}.hg-tag--info.hg-tag--plain{--hg-tag-bg-color: var(--el-fill-color-blank);--hg-tag-border-color: var(--hg-color-info-light-5);--hg-tag-hover-color: var(--hg-color-info-light-3)}.hg-tag--danger{--hg-tag-text-color: var(--hg-color-danger);--hg-tag-bg-color: var(--hg-color-danger-light-9);--hg-tag-border-color: var(--hg-color-danger-light-8);--hg-tag-hover-text-color: var(--hg-color-white);--hg-tag-hover-bg-color: var(--hg-color-danger);--hg-tag-close-hover-bg-color: var(--hg-color-danger);--hg-tag-hover-border-color: var(--hg-color-danger);--hg-tag-active-text-color: var(--hg-color-white)}.hg-tag--danger.hg-tag--dark{--hg-tag-text-color: var(--hg-color-white);--hg-tag-bg-color: var(--hg-color-danger);--hg-tag-border-color: var(--hg-color-danger);--hg-tag-hover-color: var(--hg-color-danger-light-3)}.hg-tag--danger.hg-tag--plain{--hg-tag-bg-color: var(--el-fill-color-blank);--hg-tag-border-color: var(--hg-color-danger-light-5);--hg-tag-hover-color: var(--hg-color-danger-light-3)}.hg-tag--large{--hg-icon-size: 16px;--hg-tag-size: 32px;height:var(--hg-tag-size);padding:0 11px}.hg-tag--small{--hg-icon-size: 12px;--hg-tag-size: 20px;height:var(--hg-tag-size);padding:0 7px}.tag-zoom-in-center-enter-active,.tag-zoom-in-center-leave-active{transition:all var(--hg-transition-duration) cubic-bezier(.55,0,.1,1)}.tag-zoom-in-center-enter-from,.tag-zoom-in-center-leave-active{opacity:0;transform:scaleX(0)}.hg-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;height:100%;overflow:auto;background:var(--hg-overlay-color-lighter)}.hg-dialog{--hg-dialog-width: 50%;--hg-dialog-margin-top: 15vh;--hg-dialog-bg-color: var(--hg-bg-color);--hg-dialog-box-shadow: var(--hg-box-shadow);--hg-dialog-title-font-size: var(--hg-font-size-large);--hg-dialog-content-font-size: 14px;--hg-dialog-font-line-height: 24px;--hg-dialog-padding-primary: 16px;--hg-dialog-border-radius: var(--hg-border-radius-small);--hg-dialog-hover-header-close: var(--hg-color-primary)}.hg-dialog{position:relative;margin:var(--hg-dialog-margin-top, 15vh) auto 50px;background:var(--hg-dialog-bg-color);border-radius:var(--hg-dialog-border-radius);box-shadow:var(--hg-dialog-box-shadow);box-sizing:border-box;padding:var(--hg-dialog-padding-primary);width:var(--hg-dialog-width, 50%);overflow-wrap:break-word}.hg-dialog .hg-dialog__header{display:flex;color:var(--hg-text-color-primary);font-size:var(--hg-dialog-title-font-size);padding-bottom:var(--hg-dialog-padding-primary)}.hg-dialog .hg-dialog__header .hg-dialog__header-title{line-height:var(--hg-dialog-font-line-height)}.hg-dialog .hg-dialog__header .hg-dialog__header-close{cursor:pointer;margin-left:auto}.hg-dialog .hg-dialog__header .hg-dialog__header-close:hover{color:var(--hg-dialog-hover-header-close)}.hg-dialog .hg-dialog__header.is-draggable{cursor:move}.hg-dialog .hg-dialog__footer{padding-top:var(--hg-dialog-padding-primary);text-align:right;box-sizing:border-box}.hg-dialog-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto}.dialog-fade-enter-active{animation:modal-fade-in var(--hg-transition-duration)}.dialog-fade-enter-active .hg-dialog-wrapper{animation:dialog-fade-in var(--hg-transition-duration)}.dialog-fade-leave-active{animation:modal-fade-out var(--hg-transition-duration)}.dialog-fade-leave-active .hg-dialog-wrapper{animation:dialog-fade-out var(--hg-transition-duration)}@keyframes dialog-fade-in{0%{transform:translate3d(0,-20px,0);opacity:0}to{transform:translateZ(0);opacity:1}}@keyframes dialog-fade-out{0%{transform:translateZ(0);opacity:1}to{transform:translate3d(0,-20px,0);opacity:0}}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-fade-out{0%{opacity:1}to{opacity:0}}.hg-drawer{--hg-drawer-margin-top: 15vh;--hg-drawer-bg-color: var(--hg-bg-color);--hg-drawer-box-shadow: var(--hg-box-shadow);--hg-drawer-title-font-size: var(--hg-font-size-large);--hg-drawer-content-font-size: 14px;--hg-drawer-font-line-height: 24px;--hg-drawer-padding-primary: 16px;--hg-drawer-border-radius: var(--hg-border-radius-small);--hg-drawer-hover-header-close: var(--hg-color-primary)}.hg-drawer{position:absolute;background:var(--hg-drawer-bg-color);box-shadow:var(--hg-drawer-box-shadow);box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;transition:all var(--hg-transition-duration)}.hg-drawer .hg-drawer__header{display:flex;color:var(--hg-text-color-primary);font-size:var(--hg-drawer-title-font-size);padding:var(--hg-drawer-padding-primary);padding-bottom:0;margin-bottom:32px}.hg-drawer .hg-drawer__header .hg-drawer__header-title{line-height:var(--hg-drawer-font-line-height)}.hg-drawer .hg-drawer__header .hg-drawer__header-close{cursor:pointer;margin-left:auto}.hg-drawer .hg-drawer__header .hg-drawer__header-close:hover{color:var(--hg-drawer-hover-header-close)}.hg-drawer .hg-drawer__body{flex:1;padding:var(--hg-drawer-padding-primary)}.hg-drawer .hg-drawer__footer{padding:var(--hg-drawer-padding-primary);padding-top:10px;text-align:right}.hg-drawer.rtl{height:100%;top:0;bottom:0;right:0}.hg-drawer.ltr{height:100%;top:0;bottom:0;left:0}.hg-drawer.ttb{width:100%;top:0;left:0}.hg-drawer.btt{width:100%;left:0;bottom:0}.hg-drawer-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto}.drawer-fade-enter-active,.drawer-fade-leave-active{transition:all var(--hg-transition-duration)}.drawer-fade-enter-from,.drawer-fade-leave-to{opacity:0}.drawer-fade-enter-to,.drawer-fade-leave-from{opacity:1}.drawer-fade-enter-from .rtl,.drawer-fade-leave-to .rtl{transform:translate(100%)}.drawer-fade-enter-from .ltr,.drawer-fade-leave-to .ltr{transform:translate(-100%)}.drawer-fade-enter-from .ttb,.drawer-fade-leave-to .ttb{transform:translateY(-100%)}.drawer-fade-enter-from .btt,.drawer-fade-leave-to .btt{transform:translateY(100%)}.hg-radio{--hg-radio-text-color: var(--hg-text-color-regular);--hg-radio-font-size: var(--hg-font-size-base);--hg-radio-font-weight: var(--hg-font-weight-primary);--hg-radio-input-height: 14px;--hg-radio-input-width: 14px;--hg-radio-input-border-radius: var(--hg-border-radius-circle);--hg-radio-input-bg-color: var(--hg-fill-color-blank);--hg-radio-input-border: var(--hg-border);--hg-radio-input-border-color: var(--hg-border-color);--hg-radio-input-border-color-hover: var(--hg-color-primary)}.hg-radio-group{display:inline-flex;align-items:center;flex-wrap:wrap;font-size:0}.hg-radio{position:relative;cursor:pointer;display:inline-flex;align-items:center;white-space:nowrap;outline:none;font-size:var(--hg-font-size-base);color:var(--hg-radio-text-color);-webkit-user-select:none;user-select:none;margin-right:32px;height:32px}.hg-radio.is-checked .hg-radio__input .hg-radio__inner{border-color:var(--hg-color-primary);background:var(--hg-color-primary)}.hg-radio.is-checked .hg-radio__input .hg-radio__inner:after{transform:translate(-50%,-50%) scale(1)}.hg-radio.is-checked .hg-radio__label{color:var(--hg-color-primary)}.hg-radio.is-disabled{color:var(--hg-disabled-text-color);-webkit-text-fill-color:var(--hg-disabled-text-color);cursor:not-allowed!important}.hg-radio.is-disabled .hg-radio__input .hg-radio__inner{border-color:var(--hg-disabled-border-color);background:var(--hg-disabled-bg-color)}.hg-radio.is-disabled .hg-radio__input .hg-radio__inner:after{background-color:var(--hg-text-color-placeholder)}.hg-radio .hg-radio__label{font-size:var(--hg-radio-font-size);padding-left:8px}.hg-radio .hg-radio__input{white-space:nowrap;cursor:pointer;outline:none;display:inline-flex;position:relative;vertical-align:middle}.hg-radio .hg-radio__input .hg-radio__original{opacity:0;outline:none;position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;margin:0}.hg-radio .hg-radio__input .hg-radio__inner{border:var(--hg-radio-input-border);border-radius:var(--hg-radio-input-border-radius);width:var(--hg-radio-input-width);height:var(--hg-radio-input-height);background-color:var(--hg-radio-input-bg-color);position:relative;cursor:pointer;display:inline-block;box-sizing:border-box}.hg-radio .hg-radio__input .hg-radio__inner:after{width:4px;height:4px;border-radius:var(--hg-radio-input-border-radius);background-color:var(--hg-color-white);content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .15s ease-in}.hg-radio--large{height:40px}.hg-radio--small{height:24px;--hg-radio-input-width: 12px;--hg-radio-input-height: 12px}.hg-upload__tip{margin-top:6px;font-size:12px}.hg-upload-content{display:inline-block}.hg-upload-content .hg-upload-content-input{display:none}.hg-upload-list{display:flex;flex-direction:column;margin:10px 0 0;padding:0;position:relative}.hg-upload-list.hg-upload-list--picture{--hg-upload-picture-card-size: 148px;display:inline-flex;flex-wrap:wrap;width:100%;margin:0;flex-direction:row}.hg-upload-list.hg-upload-list--picture .hg-upload-list__item{position:relative;overflow:hidden;background-color:var(--hg-fill-color-blank);border:1px solid var(--hg-border-color);border-radius:6px;box-sizing:border-box;width:var(--hg-upload-picture-card-size);height:var(--hg-upload-picture-card-size);margin:0 8px 8px 0;padding:0;display:inline-flex}.hg-upload-list.hg-upload-list--picture .hg-upload-list__item .hg-upload-list__item-actions{position:absolute;width:100%;height:100%;left:0;top:0;cursor:default;display:inline-flex;justify-content:center;align-items:center;color:#fff;opacity:0;font-size:20px;background-color:var(--hg-overlay-color-lighter);transition:opacity var(--hg-transition-duration);column-gap:16px}.hg-upload-list.hg-upload-list--picture .hg-upload-list__item .hg-upload-list__item-actions:hover{opacity:1}.hg-upload-list.hg-upload-list--picture .hg-upload-list__item .hg-upload-list__item-actions .hg-upload-list__item-preview,.hg-upload-list.hg-upload-list--picture .hg-upload-list__item .hg-upload-list__item-actions .hg-upload-list__item-delete{cursor:pointer}.hg-upload-list.hg-upload-list--picture .hg-upload-content--picture{background-color:var(--hg-fill-color-lighter);border:1px dashed var(--hg-border-color-darker);border-radius:6px;box-sizing:border-box;width:var(--hg-upload-picture-card-size);height:var(--hg-upload-picture-card-size);cursor:pointer;vertical-align:top;display:inline-flex;justify-content:center;align-items:center}.hg-upload-list .hg-upload-list__item{transition:all .5s cubic-bezier(.55,0,.1,1);font-size:14px;color:var(--hg-text-color-regular);margin-bottom:5px;position:relative;box-sizing:border-box;border-radius:4px;width:100%;cursor:pointer}.hg-upload-list .hg-upload-list__item:hover{background-color:var(--hg-fill-color-light)}.hg-upload-list .hg-upload-list__item:hover .hg-upload-list__item-info .hg-upload-list__item-info-name{color:var(--hg-color-primary)}.hg-upload-list .hg-upload-list__item:hover .hg-icon--close{display:block}.hg-upload-list .hg-upload-list__item .hg-icon--close{display:none;position:absolute;right:5px;top:50%;cursor:pointer;opacity:.75;color:var(--hg-text-color-regular);transition:opacity var(--hg-transition-duration);transform:translateY(-50%)}.hg-upload-list .hg-upload-list__item .hg-upload-list__item-info{display:inline-flex;align-items:center;padding-left:12px}.hg-upload-list .hg-upload-list__item .hg-upload-list__item-info .hg-icon{color:var(--hg-text-color-secondary)}.hg-upload-list .hg-upload-list__item .hg-upload-list__item-info .hg-upload-list__item-info-name{margin-left:6px;color:var(--hg-text-color-regular);display:inline-flex;text-align:center;align-items:center;padding:0 4px;transition:color var(--hg-transition-duration);font-size:var(--hg-font-size-base)}.list-enter-active,.list-leave-active{transition:all 1s}.list-enter-from,.list-leave-to{opacity:0;transform:translateY(-30px)}.list-enter-to,.list-leave-from{opacity:1}.list-leave-active{position:absolute!important}.hg-space{display:inline-flex;vertical-align:top}.hg-space.hg-space-vertical{flex-direction:column}.hg-space.hg-space-horizontal{flex-direction:row}.hg-space.space--wrap{flex-wrap:wrap}.hg-space.hg-space--center{align-items:center}.hg-space.hg-space--end{align-items:end}.hg-space.hg-space--flex-end{align-items:flex-end}.hg-space.hg-space--flex-start{align-items:flex-start}.hg-space.hg-space--self-end{align-items:self-end}.hg-space.hg-space--self-start{align-items:self-start}.hg-space.hg-space--start{align-items:start}.hg-image{--hg-image-border-color: var(--hg-border-color)}.hg-image .hg-image__item-wrapper{position:relative;display:inline-block;vertical-align:top;border-radius:var(--hg-border-radius-base);overflow:hidden;cursor:pointer}.hg-image .hg-image__item-wrapper.is-border{border:1px solid var(--hg-image-border-color)}.hg-image .hg-image__item-wrapper:hover .hg-image__item-mask{opacity:1}.hg-image .hg-image__item-wrapper .hg-image__item{position:relative;height:100%;width:100%;display:flex;align-items:center;justify-content:center;pointer-events:none}.hg-image .hg-image__item-wrapper .hg-image__item .hg-image__item-img{width:100%;height:100%}.hg-image .hg-image__item-wrapper .hg-image__item-mask{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;background:#00000080;cursor:pointer;opacity:0;transition:opacity var(--hg-transition-duration)}.hg-image__preview{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.hg-image__preview .hg-image__preview-header{position:fixed;width:100%;z-index:9;display:flex;justify-content:space-between;align-items:center;background:#0000001a;height:42px;pointer-e