.docsv3-input{--docsv3-input-width: 100%;--docsv3-input-text-color: var(--kd-color-text-primary);--docsv3-input-bg-color: var(--kd-color-fill-base);--docsv3-input-border-radius: var(--kd-border-radius-middle);--docsv3-input-border-color: var(--kd-color-line-regular);--docsv3-input-hover-border-color: var(--kd-color-line-medium);--docsv3-input-focus-border-color: var(--kd-color-line-public);--docsv3-input-error-border-color: var(--kd-color-line-error);--docsv3-input-disabled-border-color: var(--kd-color-line-heavy);--docsv3-input-placeholder-color: var(--kd-color-text-tertiary);--docsv3-input-inner-height: 24px}.docsv3-input{box-sizing:border-box;display:inline-flex;font-size:var(--kd-font-size-sub-base, 13px);position:relative;scrollbar-color:rgba(var(--kd-color-gray-9),.2) #0000;scrollbar-width:thin;vertical-align:middle;width:var(--docsv3-input-width)}.docsv3-input::-webkit-scrollbar{width:6px;z-index:11}.docsv3-input::-webkit-scrollbar:horizontal{height:6px}.docsv3-input::-webkit-scrollbar-thumb{background:rgba(var(--kd-color-gray-9),.2);border-radius:5px;width:6px}.docsv3-input::-webkit-scrollbar-corner{background:#0000}.docsv3-input::-webkit-scrollbar-button{display:none}.docsv3-input::-webkit-scrollbar-track{background:#0000}.docsv3-input::-webkit-scrollbar-track-piece{background:#0000;width:6px}html[theme-mode=dark] .docsv3-input{scrollbar-color:rgba(var(--kd-color-gray-9),.2) #0000;scrollbar-width:thin}html[theme-mode=dark] .docsv3-input::-webkit-scrollbar{width:6px;z-index:11}html[theme-mode=dark] .docsv3-input::-webkit-scrollbar:horizontal{height:6px}html[theme-mode=dark] .docsv3-input::-webkit-scrollbar-thumb{background:rgba(var(--kd-color-gray-9),.2);border-radius:5px;width:6px}html[theme-mode=dark] .docsv3-input::-webkit-scrollbar-corner{background:#0000}html[theme-mode=dark] .docsv3-input::-webkit-scrollbar-button{display:none}html[theme-mode=dark] .docsv3-input::-webkit-scrollbar-track{background:#0000}html[theme-mode=dark] .docsv3-input::-webkit-scrollbar-track-piece{background:#0000;width:6px}.docsv3-input__button{color:var(--kd-color-icon-secondary);cursor:pointer;font-size:16px;height:24px;width:24px}.docsv3-input .docsv3-input__count{align-items:center;color:var(--kd-color-text-tertiary);display:inline-flex;font-size:12px;height:100%}.docsv3-input .docsv3-input__count .docsv3-input__count-inner{display:inline-block;line-height:normal;padding:0 4px}.docsv3-input__wrapper{align-items:center;background-color:var(--docsv3-input-bg-color);background-image:none;border:1px solid var(--docsv3-input-border-color);border-radius:var(--docsv3-input-border-radius);cursor:text;display:inline-flex;flex-grow:1;justify-content:center;padding:3px 0;transform:translateZ(0);transition:var(--docsv3-transition-box-shadow)}.docsv3-input__wrapper:hover{border-color:var(--docsv3-input-hover-border-color)}.docsv3-input__wrapper.is-focus{border-color:var(--docsv3-input-focus-border-color)}.docsv3-input__wrapper--error{--docsv3-input-border-color: var(--kd-color-line-error);--docsv3-input-hover-border-color: var(--kd-color-line-error);--docsv3-input-focus-border-color: var(--kd-color-line-error);box-shadow:none}.docsv3-input__inner{-webkit-appearance:none;background:none;border:none;box-sizing:border-box;color:var(--docsv3-input-text-color);flex-grow:1;font-size:inherit;height:var(--docsv3-input-inner-height);line-height:var(--docsv3-input-inner-height);outline:none;padding:0 6px;width:100%}.docsv3-input__inner:focus{outline:none}.docsv3-input__inner::placeholder{color:var(--docsv3-input-placeholder-color)}.docsv3-input__inner[type=password]::-ms-reveal{display:none}.docsv3-input__prefix{color:#c0c4cc;display:inline-flex;flex-shrink:0;flex-wrap:nowrap;height:100%;padding-left:3px;pointer-events:none;text-align:center;transition:all var(--docsv3-transition-duration);white-space:nowrap}.docsv3-input__prefix-inner{align-items:center;display:inline-flex;height:100%;justify-content:flex-end;pointer-events:all}.docsv3-input__suffix{color:#c0c4cc;display:inline-flex;flex-shrink:0;flex-wrap:nowrap;height:100%;padding-right:3px;pointer-events:none;text-align:center;transition:all var(--docsv3-transition-duration);white-space:nowrap}.docsv3-input__suffix-inner{align-items:center;display:inline-flex;height:100%;justify-content:flex-end;pointer-events:all}.docsv3-input .docsv3-input__icon{align-items:center;display:inline-flex;height:inherit;justify-content:center;line-height:var(--docsv3-input-inner-height);margin:0;padding:0 4px}.docsv3-input__prefix .docsv3-input__icon{padding-right:0}.docsv3-input__suffix .docsv3-input__icon{padding-left:0}.docsv3-input__validateIcon{pointer-events:none}.docsv3-input.is-active .docsv3-input__wrapper{box-shadow:0 0 0 1px var(--docsv3-input-focus-color, ) inset}.docsv3-input.is-disabled{cursor:not-allowed}.docsv3-input.is-disabled .docsv3-input__wrapper{background-color:var(--kd-color-fill-regular);border-color:var(--docsv3-input-disabled-border-color);box-shadow:none;opacity:.3}.docsv3-input.is-disabled .docsv3-input__inner{color:var(--kd-color-text-primary);-webkit-text-fill-color:var(--kd-color-text-primary);cursor:not-allowed}.docsv3-input.is-disabled .docsv3-input__inner::placeholder{color:var(--kd-color-text-primary)}.docsv3-input.is-disabled .docsv3-input__icon{cursor:not-allowed}.docsv3-input.is-exceed .docsv3-input__wrapper{border-color:var(--docsv3-color-danger)}.docsv3-input.is-exceed .docsv3-input__suffix .docsv3-input__count{color:var(--docsv3-color-danger)}.docsv3-input--large{font-size:var(--kd-font-size-sub-base);--docsv3-input-inner-height: 24px}.docsv3-input--large .docsv3-input__wrapper{padding:5px 4px}.docsv3-input--large .docsv3-input__button{height:24px;width:24px}.docsv3-input--large .docsv3-input__icon{line-height:var(--docsv3-input-inner-height)}.docsv3-input--small{font-size:var(--kd-font-size-small);--docsv3-input-inner-height: 22px}.docsv3-input--small .docsv3-input__wrapper{border-radius:var(--kd-border-radius-small);padding:0}.docsv3-input--small .docsv3-input__button{height:20px;width:20px}.docsv3-input--small .docsv3-input__icon{line-height:var(--docsv3-input-inner-height)}.docsv3-input--medium{font-size:var(--kd-font-size-sub-base);--docsv3-input-inner-height: 22px}.docsv3-input--medium .docsv3-input__wrapper{padding:2px 0}.docsv3-input--medium .docsv3-input__button{height:20px;width:20px}.docsv3-input--medium .docsv3-input__icon{line-height:var(--docsv3-input-inner-height)}.docsv3-input--left .docsv3-input__inner{text-align:left}.docsv3-input--center .docsv3-input__inner{text-align:center}.docsv3-input--right .docsv3-input__inner{text-align:right}.docsv3-input-group{align-items:stretch;display:inline-flex;width:100%}.docsv3-input-group__append,.docsv3-input-group__prepend{align-items:center;border-radius:var(--kd-border-radius-middle);color:var(--kd-color-text-primary);display:inline-flex;justify-content:center;min-height:100%;position:relative;white-space:nowrap}.docsv3-input-group__append:focus,.docsv3-input-group__prepend:focus{outline:none}.docsv3-input-group__append .docsv3-button,.docsv3-input-group__append .docsv3-select,.docsv3-input-group__prepend .docsv3-button,.docsv3-input-group__prepend .docsv3-select{display:inline-block;margin:0 -20px}.docsv3-input-group__append button.docsv3-button,.docsv3-input-group__append button.docsv3-button:hover,.docsv3-input-group__append div.docsv3-select .docsv3-input__wrapper,.docsv3-input-group__append div.docsv3-select:hover .docsv3-input__wrapper,.docsv3-input-group__prepend button.docsv3-button,.docsv3-input-group__prepend button.docsv3-button:hover,.docsv3-input-group__prepend div.docsv3-select .docsv3-input__wrapper,.docsv3-input-group__prepend div.docsv3-select:hover .docsv3-input__wrapper{background-color:initial;border-color:#0000;color:inherit}.docsv3-input-group__append .docsv3-button,.docsv3-input-group__append .docsv3-input,.docsv3-input-group__prepend .docsv3-button,.docsv3-input-group__prepend .docsv3-input{font-size:inherit}.docsv3-input-group__prepend{padding:0 0 0 7px}.docsv3-input-group__append{padding:0 7px 0 0}.docsv3-input-group--prepend .docsv3-input-group__prepend .docsv3-select .docsv3-input .docsv3-input__inner{box-shadow:none!important}.docsv3-input-group--prepend .docsv3-input-group__prepend .docsv3-select .docsv3-input .docsv3-input__wrapper{border-bottom-right-radius:0;border-top-right-radius:0;box-shadow:1px 0 0 0 var(--docsv3-input-border-color) inset,0 1px 0 0 var(--docsv3-input-border-color) inset,0 -1px 0 0 var(--docsv3-input-border-color) inset}.docsv3-input-group--prepend .docsv3-input-group__prepend .docsv3-select .docsv3-input.is-focus .docsv3-input__inner{box-shadow:none!important}.docsv3-input-group--prepend .docsv3-input-group__prepend .docsv3-select .docsv3-input.is-focus .docsv3-input__wrapper{box-shadow:1px 0 0 0 var(--docsv3-input-focus-border-color) inset,1px 0 0 0 var(--docsv3-input-focus-border-color),0 1px 0 0 var(--docsv3-input-focus-border-color) inset,0 -1px 0 0 var(--docsv3-input-focus-border-color) inset!important;z-index:2}.docsv3-input-group--prepend .docsv3-input-group__prepend .docsv3-select .docsv3-input.is-focus .docsv3-input__wrapper:focus{box-shadow:1px 0 0 0 var(--docsv3-input-focus-border-color) inset,1px 0 0 0 var(--docsv3-input-focus-border-color),0 1px 0 0 var(--docsv3-input-focus-border-color) inset,0 -1px 0 0 var(--docsv3-input-focus-border-color) inset!important;outline:none;z-index:2}.docsv3-input-group--prepend .docsv3-input-group__prepend .docsv3-select:hover .docsv3-input__inner{box-shadow:none!important}.docsv3-input-group--prepend .docsv3-input-group__prepend .docsv3-select:hover .docsv3-input__wrapper{box-shadow:1px 0 0 0 var(--docsv3-input-hover-border-color) inset,1px 0 0 0 var(--docsv3-input-hover-border-color),0 1px 0 0 var(--docsv3-input-hover-border-color) inset,0 -1px 0 0 var(--docsv3-input-hover-border-color) inset!important;z-index:1}.docsv3-input-group--append .docsv3-input-group__append .docsv3-select .docsv3-input .docsv3-input__inner{box-shadow:none!important}.docsv3-input-group--append .docsv3-input-group__append .docsv3-select .docsv3-input .docsv3-input__wrapper{border-bottom-left-radius:0;border-top-left-radius:0;box-shadow:0 1px 0 0 var(--docsv3-input-border-color) inset,0 -1px 0 0 var(--docsv3-input-border-color) inset,-1px 0 0 0 var(--docsv3-input-border-color) inset}.docsv3-input-group--append .docsv3-input-group__append .docsv3-select .docsv3-input.is-focus .docsv3-input__inner{box-shadow:none!important}.docsv3-input-group--append .docsv3-input-group__append .docsv3-select .docsv3-input.is-focus .docsv3-input__wrapper{box-shadow:-1px 0 0 0 var(--docsv3-input-focus-border-color),-1px 0 0 0 var(--docsv3-input-focus-border-color) inset,0 1px 0 0 var(--docsv3-input-focus-border-color) inset,0 -1px 0 0 var(--docsv3-input-focus-border-color) inset!important;z-index:2}.docsv3-input-group--append .docsv3-input-group__append .docsv3-select:hover .docsv3-input__inner{box-shadow:none!important}.docsv3-input-group--append .docsv3-input-group__append .docsv3-select:hover .docsv3-input__wrapper{box-shadow:-1px 0 0 0 var(--docsv3-input-hover-border-color),-1px 0 0 0 var(--docsv3-input-hover-border-color) inset,0 1px 0 0 var(--docsv3-input-hover-border-color) inset,0 -1px 0 0 var(--docsv3-input-hover-border-color) inset!important;z-index:1}