.oq-textarea{--oq-input-text-color: var(--oq-text-color-regular);--oq-input-border: var(--oq-border);--oq-input-hover-border: var(--oq-border-color-hover);--oq-input-focus-border: var(--oq-color-primary);--oq-input-transparent-border: 0 0 0 1px #0000 inset;--oq-input-border-color: var(--oq-border-color);--oq-input-border-radius: var(--oq-border-radius-base);--oq-input-bg-color: var(--oq-fill-color-blank);--oq-input-icon-color: var(--oq-text-color-placeholder);--oq-input-placeholder-color: var(--oq-text-color-placeholder);--oq-input-hover-border-color: var(--oq-border-color-hover);--oq-input-clear-hover-color: var(--oq-text-color-secondary);--oq-input-focus-border-color: var(--oq-color-primary);--oq-input-width: 100%}.oq-textarea{display:inline-block;font-size:var(--oq-font-size-base);position:relative;vertical-align:bottom;width:100%}.oq-textarea__inner{-webkit-appearance:none;background-color:var(--oq-input-bg-color, var(--oq-fill-color-blank));background-image:none;border:none;border-radius:var(--oq-input-border-radius, var(--oq-border-radius-base));box-shadow:0 0 0 1px var(--oq-input-border-color, var(--oq-border-color)) inset;box-sizing:border-box;color:var(--oq-input-text-color, var(--oq-text-color-regular));display:block;font-family:inherit;font-size:inherit;line-height:1.5;padding:5px 11px;position:relative;resize:vertical;transition:var(--oq-transition-box-shadow);width:100%}.oq-textarea__inner::placeholder{color:var(--oq-input-placeholder-color, var(--oq-text-color-placeholder))}.oq-textarea__inner:hover{box-shadow:0 0 0 1px var(--oq-input-hover-border-color) inset}.oq-textarea__inner:focus{box-shadow:0 0 0 1px var(--oq-input-focus-border-color) inset;outline:none}.oq-textarea .oq-input__count{background:var(--oq-fill-color-blank);bottom:5px;color:var(--oq-color-info);font-size:12px;line-height:14px;position:absolute;right:10px}.oq-textarea.is-disabled .oq-textarea__inner{background-color:var(--oq-disabled-bg-color);box-shadow:0 0 0 1px var(--oq-disabled-border-color) inset;color:var(--oq-disabled-text-color);cursor:not-allowed}.oq-textarea.is-disabled .oq-textarea__inner::placeholder{color:var(--oq-text-color-placeholder)}.oq-textarea.is-exceed .oq-textarea__inner{box-shadow:0 0 0 1px var(--oq-color-danger) inset}.oq-textarea.is-exceed .oq-input__count{color:var(--oq-color-danger)}.oq-input{--oq-input-text-color: var(--oq-text-color-regular);--oq-input-border: var(--oq-border);--oq-input-hover-border: var(--oq-border-color-hover);--oq-input-focus-border: var(--oq-color-primary);--oq-input-transparent-border: 0 0 0 1px #0000 inset;--oq-input-border-color: var(--oq-border-color);--oq-input-border-radius: var(--oq-border-radius-base);--oq-input-bg-color: var(--oq-fill-color-blank);--oq-input-icon-color: var(--oq-text-color-placeholder);--oq-input-placeholder-color: var(--oq-text-color-placeholder);--oq-input-hover-border-color: var(--oq-border-color-hover);--oq-input-clear-hover-color: var(--oq-text-color-secondary);--oq-input-focus-border-color: var(--oq-color-primary);--oq-input-width: 100%}.oq-input{--oq-input-height: var(--oq-component-size);box-sizing:border-box;display:inline-flex;font-size:var(--oq-font-size-base);line-height:var(--oq-input-height);position:relative;vertical-align:middle;width:var(--oq-input-width)}.oq-input::-webkit-scrollbar{width:6px;z-index:11}.oq-input::-webkit-scrollbar:horizontal{height:6px}.oq-input::-webkit-scrollbar-thumb{background:var(--oq-text-color-disabled);border-radius:5px;width:6px}.oq-input::-webkit-scrollbar-corner{background:var(--oq-fill-color-blank)}.oq-input::-webkit-scrollbar-track{background:var(--oq-fill-color-blank)}.oq-input::-webkit-scrollbar-track-piece{background:var(--oq-fill-color-blank);width:6px}.oq-input .oq-input__clear,.oq-input .oq-input__password{color:var(--oq-input-icon-color);cursor:pointer;font-size:14px}.oq-input .oq-input__clear:hover,.oq-input .oq-input__password:hover{color:var(--oq-input-clear-hover-color)}.oq-input .oq-input__count{align-items:center;color:var(--oq-color-info);display:inline-flex;font-size:12px;height:100%}.oq-input .oq-input__count .oq-input__count-inner{background:var(--oq-fill-color-blank);display:inline-block;line-height:normal;padding-left:8px}.oq-input__wrapper{align-items:center;background-color:var(--oq-input-bg-color, var(--oq-fill-color-blank));background-image:none;border-radius:var(--oq-input-border-radius, var(--oq-border-radius-base));box-shadow:0 0 0 1px var(--oq-input-border-color, var(--oq-border-color)) inset;cursor:text;display:inline-flex;flex-grow:1;justify-content:center;padding:1px 11px;transform:translateZ(0);transition:var(--oq-transition-box-shadow)}.oq-input__wrapper:hover{box-shadow:0 0 0 1px var(--oq-input-hover-border-color) inset}.oq-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--oq-input-focus-border-color) inset}.oq-input{--oq-input-inner-height: calc(var(--oq-input-height, 32px) - 2px)}.oq-input__inner{-webkit-appearance:none;background:none;border:none;box-sizing:border-box;color:var(--oq-input-text-color, var(--oq-text-color-regular));flex-grow:1;font-size:inherit;height:var(--oq-input-inner-height);line-height:var(--oq-input-inner-height);outline:none;padding:0;width:100%}.oq-input__inner:focus{outline:none}.oq-input__inner::placeholder{color:var(--oq-input-placeholder-color, var(--oq-text-color-placeholder))}.oq-input__inner[type=password]::-ms-reveal{display:none}.oq-input__inner[type=number]{line-height:1}.oq-input__prefix{color:var(--oq-input-icon-color, var(--oq-text-color-placeholder));display:inline-flex;flex-shrink:0;flex-wrap:nowrap;height:100%;line-height:var(--oq-input-inner-height);pointer-events:none;text-align:center;transition:all var(--oq-transition-duration);white-space:nowrap}.oq-input__prefix-inner{align-items:center;display:inline-flex;justify-content:center;pointer-events:all}.oq-input__prefix-inner>:last-child{margin-right:8px}.oq-input__prefix-inner>:first-child,.oq-input__prefix-inner>:first-child.oq-input__icon{margin-left:0}.oq-input__suffix{color:var(--oq-input-icon-color, var(--oq-text-color-placeholder));display:inline-flex;flex-shrink:0;flex-wrap:nowrap;height:100%;line-height:var(--oq-input-inner-height);pointer-events:none;text-align:center;transition:all var(--oq-transition-duration);white-space:nowrap}.oq-input__suffix-inner{align-items:center;display:inline-flex;justify-content:center;pointer-events:all}.oq-input__suffix-inner>:first-child{margin-left:8px}.oq-input .oq-input__icon{align-items:center;display:flex;height:inherit;justify-content:center;line-height:inherit;margin-left:8px;transition:all var(--oq-transition-duration)}.oq-input__validateIcon{pointer-events:none}.oq-input.is-active .oq-input__wrapper{box-shadow:0 0 0 1px var(--oq-input-focus-color, ) inset}.oq-input.is-disabled{cursor:not-allowed}.oq-input.is-disabled .oq-input__wrapper{background-color:var(--oq-disabled-bg-color);box-shadow:0 0 0 1px var(--oq-disabled-border-color) inset;cursor:not-allowed}.oq-input.is-disabled .oq-input__inner{color:var(--oq-disabled-text-color);-webkit-text-fill-color:var(--oq-disabled-text-color);cursor:not-allowed}.oq-input.is-disabled .oq-input__inner::placeholder{color:var(--oq-text-color-placeholder)}.oq-input.is-disabled .oq-input__icon{cursor:not-allowed}.oq-input.is-exceed .oq-input__wrapper{box-shadow:0 0 0 1px var(--oq-color-danger) inset}.oq-input.is-exceed .oq-input__suffix .oq-input__count{color:var(--oq-color-danger)}.oq-input--large{--oq-input-height: var(--oq-component-size-large);font-size:14px}.oq-input--large .oq-input__wrapper{padding:1px 15px}.oq-input--large{--oq-input-inner-height: calc(var(--oq-input-height, 40px) - 2px)}.oq-input--small{--oq-input-height: var(--oq-component-size-small);font-size:12px}.oq-input--small .oq-input__wrapper{padding:1px 7px}.oq-input--small{--oq-input-inner-height: calc(var(--oq-input-height, 24px) - 2px)}.oq-input-group{align-items:stretch;display:inline-flex;width:100%}.oq-input-group__append,.oq-input-group__prepend{align-items:center;background-color:var(--oq-fill-color-light);border-radius:var(--oq-input-border-radius);color:var(--oq-color-info);display:inline-flex;justify-content:center;min-height:100%;padding:0 20px;position:relative;white-space:nowrap}.oq-input-group__append:focus,.oq-input-group__prepend:focus{outline:none}.oq-input-group__append .oq-button,.oq-input-group__append .oq-select,.oq-input-group__prepend .oq-button,.oq-input-group__prepend .oq-select{display:inline-block;margin:0 -20px}.oq-input-group__append button.oq-button,.oq-input-group__append button.oq-button:hover,.oq-input-group__append div.oq-select .oq-select__wrapper,.oq-input-group__append div.oq-select:hover .oq-select__wrapper,.oq-input-group__prepend button.oq-button,.oq-input-group__prepend button.oq-button:hover,.oq-input-group__prepend div.oq-select .oq-select__wrapper,.oq-input-group__prepend div.oq-select:hover .oq-select__wrapper{background-color:initial;border-color:#0000;color:inherit}.oq-input-group__append .oq-button,.oq-input-group__append .oq-input,.oq-input-group__prepend .oq-button,.oq-input-group__prepend .oq-input{font-size:inherit}.oq-input-group__prepend{border-bottom-right-radius:0;border-right:0;border-top-right-radius:0;box-shadow:1px 0 0 0 var(--oq-input-border-color) inset,0 1px 0 0 var(--oq-input-border-color) inset,0 -1px 0 0 var(--oq-input-border-color) inset}.oq-input-group__append{border-bottom-left-radius:0;border-left:0;border-top-left-radius:0;box-shadow:0 1px 0 0 var(--oq-input-border-color) inset,0 -1px 0 0 var(--oq-input-border-color) inset,-1px 0 0 0 var(--oq-input-border-color) inset}.oq-input-group--prepend>.oq-input__wrapper{border-bottom-left-radius:0;border-top-left-radius:0}.oq-input-group--prepend .oq-input-group__prepend .oq-select .oq-select__wrapper{border-bottom-right-radius:0;border-top-right-radius:0;box-shadow:1px 0 0 0 var(--oq-input-border-color) inset,0 1px 0 0 var(--oq-input-border-color) inset,0 -1px 0 0 var(--oq-input-border-color) inset}.oq-input-group--append>.oq-input__wrapper{border-bottom-right-radius:0;border-top-right-radius:0}.oq-input-group--append .oq-input-group__append .oq-select .oq-select__wrapper{border-bottom-left-radius:0;border-top-left-radius:0;box-shadow:0 1px 0 0 var(--oq-input-border-color) inset,0 -1px 0 0 var(--oq-input-border-color) inset,-1px 0 0 0 var(--oq-input-border-color) inset}.oq-input-hidden{display:none!important}