.hep-textarea{width:100%;max-width:100%;font-size:var(--hep-input-font-size);display:inline-flex;position:relative}.hep-textarea--inline{width:var(--hep-form-inline-width)}.hep-textarea__inner{box-sizing:border-box;width:100%;padding:5px var(--hep-input-padding-h);box-shadow:0 0 0 1px var(--hep-input-border-color,var(--hep-border-color)) inset;border-radius:var(--hep-input-border-radius);background-color:var(--hep-input-bg-color);line-height:1.5;font-size:inherit;color:var(--hep-input-text-color);resize:vertical;-webkit-appearance:none;transition:var(--hep-transition-box-shadow);background-image:none;border:none;font-family:inherit;display:block;position:relative}.hep-textarea__inner::placeholder{color:var(--hep-input-placeholder-color)}.hep-textarea__inner:hover{box-shadow:0 0 0 1px var(--hep-input-hover-border-color,var(--hep-color-primary)) inset}.hep-textarea__inner:focus{box-shadow:0 0 0 1px var(--hep-input-hover-border-color,var(--hep-color-primary)) inset,0 0 0 3px var(--hep-input-focus-border-color,var(--hep-color-primary-light-1));outline:0}.hep-textarea__inner:-webkit-autofill{background-clip:content-box;border:1px solid #0000;box-shadow:inset 0 0 0 1000px var(--hep-input-bg-color)!important}.hep-textarea__count{bottom:5px;right:var(--hep-input-padding-h);background-color:var(--hep-input-bg-color);line-height:20px;font-size:var(--hep-font-size-small);color:var(--hep-input-placeholder-color);padding-left:5px;position:absolute}.hep-textarea__count--current{color:var(--hep-input-text-color)}.hep-textarea.is-disabled .hep-textarea__inner{background-color:var(--hep-input-disabled-bg-color);box-shadow:0 0 0 1px var(--hep-input-disabled-border-color,var(--hep-border-color)) inset;color:var(--hep-input-disabled-text-color);cursor:not-allowed}.hep-textarea.is-disabled .hep-textarea__inner::placeholder{color:var(--hep-input-disabled-placeholder-color)}.hep-textarea.is-exceed .hep-textarea__inner{box-shadow:0 0 0 1px var(--hep-color-danger) inset}.hep-textarea.is-exceed .hep-textarea__count--current{color:var(--hep-color-danger)}.hep-textarea--large{--hep-input-height:var(--hep-component-size-large);--hep-input-font-size:var(--hep-font-size-large);--hep-input-border-radius:var(--hep-border-radius-large)}.hep-textarea--small{--hep-input-height:var(--hep-component-size-small);--hep-input-font-size:var(--hep-font-size-small);--hep-input-border-radius:var(--hep-border-radius-small)}.hep-input{box-sizing:border-box;width:100%;max-width:100%;line-height:var(--hep-input-height);font-size:var(--hep-input-font-size);display:inline-flex;position:relative}.hep-input::-webkit-scrollbar{z-index:11;width:6px}.hep-input::-webkit-scrollbar:horizontal{height:6px}.hep-input::-webkit-scrollbar-thumb{background:var(--hep-text-color-slight);border-radius:5px;width:6px}.hep-input::-webkit-scrollbar-corner{background:var(--hep-fill-color-blank)}.hep-input::-webkit-scrollbar-track{background:var(--hep-fill-color-blank)}.hep-input::-webkit-scrollbar-track-piece{background:var(--hep-fill-color-blank);width:6px}.hep-input--inline{width:var(--hep-form-inline-width)}.hep-input__wrapper{padding:0 var(--hep-input-padding-h);box-shadow:0 0 0 1px var(--hep-input-border-color,var(--hep-border-color)) inset;background-color:var(--hep-input-bg-color);border-radius:var(--hep-input-border-radius);transition:var(--hep-transition-box-shadow);background-image:none;flex-grow:1;justify-content:center;align-items:center;display:inline-flex}.hep-input__wrapper:hover{z-index:1;box-shadow:0 0 0 1px var(--hep-input-hover-border-color,var(--hep-color-primary)) inset}.hep-input__wrapper.is-focus{z-index:1;box-shadow:0 0 0 1px var(--hep-input-hover-border-color,var(--hep-color-primary)) inset,0 0 0 3px var(--hep-input-focus-border-color,var(--hep-color-primary-light-1))}.hep-input.is-focus .hep-input__wrapper{box-shadow:0 0 0 1px var(--hep-input-hover-border-color,var(--hep-color-primary)) inset,0 0 0 3px var(--hep-input-focus-border-color,var(--hep-color-primary-light-1))}.hep-input.is-invalid .hep-input__wrapper{box-shadow:0 0 0 1px var(--hep-color-danger) inset}.hep-input__inner{box-sizing:border-box;width:100%;height:var(--hep-input-height);line-height:var(--hep-input-height);font-size:inherit;color:var(--hep-input-text-color);-webkit-appearance:none;background:0 0;border:none;outline:0;flex-grow:1;padding:0}.hep-input__inner:focus{outline:0}.hep-input__inner::placeholder{color:var(--hep-input-placeholder-color)}.hep-input__inner[type=password]::-ms-reveal{display:none}.hep-input__inner:autofill{background-clip:content-box;border:1px solid #0000;box-shadow:inset 0 0 0 1000px var(--hep-input-bg-color)!important}.hep-input__prefix{text-align:center;height:100%;color:var(--hep-input-icon-color);white-space:nowrap;pointer-events:none;transition:all var(--hep-transition-duration);flex-wrap:nowrap;flex-shrink:0;display:inline-flex}.hep-input__prefix-inner{pointer-events:all;justify-content:center;align-items:center;display:inline-flex;position:relative}.hep-input__prefix-inner>:last-child{margin-right:var(--hep-input-icon-space)}.hep-input__prefix-inner>:first-child,.hep-input__prefix-inner>:first-child.hep-input__icon{margin-left:0}.hep-input__prefix-inner .hep-icon{height:inherit;line-height:inherit;transition:all var(--hep-transition-duration);margin-left:var(--hep-input-icon-space);font-size:var(--hep-input-icon-size);justify-content:center;align-items:center;display:flex}.hep-input__suffix{text-align:center;height:100%;color:var(--hep-input-icon-color);white-space:nowrap;pointer-events:none;transition:all var(--hep-transition-duration);flex-wrap:nowrap;flex-shrink:0;display:inline-flex}.hep-input__suffix-inner{pointer-events:all;justify-content:center;align-items:center;display:inline-flex;position:relative}.hep-input__suffix-inner>:first-child{margin-left:var(--hep-input-icon-space)}.hep-input__suffix-inner .hep-icon{height:inherit;line-height:inherit;transition:all var(--hep-transition-duration);margin-left:var(--hep-input-icon-space);font-size:var(--hep-input-icon-size);justify-content:center;align-items:center;display:flex}.hep-input__label{color:var(--hep-text-color-auxiliary);align-items:center;line-height:1;display:inline-flex;margin-right:var(--hep-space-2x)!important}.hep-input__icon{height:inherit;line-height:inherit;margin-left:var(--hep-input-icon-space);font-size:var(--hep-input-icon-size);transition:all var(--hep-transition-duration);justify-content:center;align-items:center;display:flex}.hep-input__clear,.hep-input__password{color:var(--hep-input-icon-color);font-size:var(--hep-input-icon-size);cursor:pointer}.hep-input__clear:hover,.hep-input__password:hover{color:var(--hep-input-hover-icon-color)}.hep-input__clear{z-index:9;background-color:#fff;position:absolute;right:0}.hep-input__clear.is-float{background-color:none;position:static}.hep-input__count{margin-left:var(--hep-input-icon-space);background-color:var(--hep-input-bg-color);line-height:20px;font-size:var(--hep-font-size-small);color:var(--hep-input-placeholder-color);align-items:center;display:inline-flex}.hep-input__count--current{color:var(--hep-input-text-color)}.hep-input__validate-icon{pointer-events:none}.hep-input.is-disabled{cursor:not-allowed}.hep-input.is-disabled .hep-input__wrapper{background-color:var(--hep-input-disabled-bg-color);box-shadow:0 0 0 1px var(--hep-input-disabled-border-color,var(--hep-border-color)) inset}.hep-input.is-disabled .hep-input__inner{color:var(--hep-input-disabled-text-color);cursor:not-allowed}.hep-input.is-disabled .hep-input__inner::placeholder{color:var(--hep-input-disabled-placeholder-color)}.hep-input.is-disabled .hep-input__icon{cursor:not-allowed}.hep-input.is-exceed .hep-input__wrapper{box-shadow:0 0 0 1px var(--hep-color-danger) inset}.hep-input.is-exceed .hep-input__count--current{color:var(--hep-color-danger)}.hep-input.is-warning .hep-input__wrapper{background-color:var(--hep-color-warning-light-1);box-shadow:0 0 0 1px var(--hep-color-warning) inset}.hep-input.is-warning .hep-input__inner{color:var(--hep-color-warning-light-9)}.hep-input.is-warning .hep-input__clear{background-color:var(--hep-color-warning-light-1)}.hep-input.is-error .hep-input__wrapper{background-color:var(--hep-color-error-light-1);box-shadow:0 0 0 1px var(--hep-color-error) inset}.hep-input.is-error .hep-input__inner{color:var(--hep-color-error-light-9)}.hep-input.is-error .hep-input__clear{background-color:var(--hep-color-error-light-1)}.hep-input--large{--hep-input-height:var(--hep-component-size-large);--hep-input-font-size:var(--hep-font-size-large);--hep-input-icon-size:var(--hep-icon-size-large);--hep-input-border-radius:var(--hep-border-radius-large)}.hep-input--small{--hep-input-height:var(--hep-component-size-small);--hep-input-font-size:var(--hep-font-size-small);--hep-input-icon-size:var(--hep-icon-size-small);--hep-input-border-radius:var(--hep-border-radius-small)}.hep-input-group{align-items:stretch;display:inline-flex}.hep-input-group__append,.hep-input-group__prepend{border-radius:var(--hep-input-border-radius);white-space:nowrap;justify-content:center;align-items:center;min-height:100%;display:inline-flex;position:relative}.hep-input-group__append:focus,.hep-input-group__prepend:focus{outline:0}.hep-input-group__append.is-text,.hep-input-group__prepend.is-text{padding:0 var(--hep-space-3x);background-color:var(--hep-bg-color-page);color:var(--hep-text-color-auxiliary)}.hep-input-group__append.is-component,.hep-input-group__prepend.is-component{background-color:none;color:none;padding:0}.hep-input-group__prepend{box-shadow:1px 0 0 0 var(--hep-input-border-color) inset,0 1px 0 0 var(--hep-input-border-color) inset,0 -1px 0 0 var(--hep-input-border-color) inset;border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.hep-input-group__prepend.is-component{margin-right:-1px}.hep-input-group__prepend .hep-input__wrapper,.hep-input-group__prepend .hep-button{border-top-right-radius:0;border-bottom-right-radius:0}.hep-input-group__append{box-shadow:0 1px 0 0 var(--hep-input-border-color) inset,0 -1px 0 0 var(--hep-input-border-color) inset,-1px 0 0 0 var(--hep-input-border-color) inset;border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.hep-input-group__append.is-component{margin-left:-1px}.hep-input-group__append .hep-input__wrapper,.hep-input-group__append .hep-button,.hep-input-group--prepend>.hep-input__wrapper{border-top-left-radius:0;border-bottom-left-radius:0}.hep-input-group--append>.hep-input__wrapper{border-top-right-radius:0;border-bottom-right-radius:0}