.bn-input{--bn-input-height:var(--bn-size-default);--bn-input-border-color:var(--bn-border-color);--bn-input-border-radius:4px;--bn-input-color:var(--bn-text-gray);--bn-input-placeholder-color:var(--bn-text-gray-2);--bn-input-gap-y:2px;--bn-input-group-background-color:#f5f7fa}.bn-input{position:relative;width:100%}.bn-input.is-prepend-group{display:flex}.bn-input.is-prepend-group>.bn-input__wrapper{border-top-left-radius:0;border-bottom-left-radius:0;flex:1}.bn-input.is-append-group{display:flex}.bn-input.is-append-group>.bn-input__wrapper{border-top-right-radius:0;border-bottom-right-radius:0;flex:1}.bn-input__wrapper{box-sizing:border-box;position:relative;display:flex;align-items:center;border:1px solid var(--bn-input-border-color);border-radius:var(--bn-input-border-radius);padding:0 12px;width:100%;font-size:var(--bn-fs);color:var(--bn-input-color);background-color:#fff;background-image:none;transition:all .2s cubic-bezier(.645,.045,.355,1)}.bn-input__wrapper.is-hover:not(.is-disabled){border-color:var(--bn-hover-bc)}.bn-input__wrapper.is-focus:not(.is-disabled){z-index:2;border-color:var(--bn-focus-bc)}.bn-input__wrapper.is-disabled{cursor:not-allowed}.bn-input__wrapper.is-disabled:not(.bn-input--card){border-color:var(--bn-disabled-bc);color:var(--bn-disabled-color);background-color:var(--bn-disabled-bgc)}.bn-input__wrapper.is-disabled:not(.bn-input--card) .bn-input__icon{color:var(--bn-disabled-color)}.bn-input__wrapper.is-disabled.bn-input--card{opacity:.8}.bn-input__group-prepend{position:relative;display:flex;justify-content:center;align-items:center;border-top:1px solid var(--bn-input-border-color);border-bottom:1px solid var(--bn-input-border-color);border-left:1px solid var(--bn-input-border-color);background-color:var(--bn-input-group-background-color);flex-shrink:0;box-sizing:border-box;border-top-left-radius:var(--bn-input-border-radius);border-bottom-left-radius:var(--bn-input-border-radius)}.bn-input__group-prepend>.bn-button{border-top-right-radius:0;border-bottom-right-radius:0;border:0;height:100%;background-color:transparent}.bn-input__group-prepend>.bn-select{margin:-1px}.bn-input__group-prepend>.bn-select .bn-input__wrapper{border-top-right-radius:0;border-bottom-right-radius:0;background-color:transparent}.bn-input__group-prepend>.bn-cascader{margin:-1px}.bn-input__group-prepend>.bn-cascader .bn-input__wrapper{border-top-right-radius:0;border-bottom-right-radius:0;background-color:transparent}.bn-input__group-append{position:relative;display:flex;justify-content:center;align-items:center;border-top:1px solid var(--bn-input-border-color);border-right:1px solid var(--bn-input-border-color);border-bottom:1px solid var(--bn-input-border-color);background-color:var(--bn-input-group-background-color);flex-shrink:0;box-sizing:border-box;border-top-right-radius:var(--bn-input-border-radius);border-bottom-right-radius:var(--bn-input-border-radius)}.bn-input__group-append>.bn-button{border-top-left-radius:0;border-bottom-left-radius:0;border:0;height:100%;background-color:transparent}.bn-input__group-append>.bn-select{margin:-1px}.bn-input__group-append>.bn-select .bn-input__wrapper{border-top-left-radius:0;border-bottom-left-radius:0;background-color:transparent}.bn-input__group-append>.bn-cascader{margin:-1px}.bn-input__group-append>.bn-cascader .bn-input__wrapper{border-top-left-radius:0;border-bottom-left-radius:0;background-color:transparent}.bn-input__inner{margin:0;border:0;padding:0;width:100%;height:calc(var(--bn-input-height) - var(--bn-input-gap-y));font-size:inherit;color:inherit;background:0 0;outline:0;box-sizing:border-box;flex-grow:1;line-height:1}.bn-input__inner::placeholder{color:var(--bn-input-placeholder-color)}.bn-input__inner[readonly]{cursor:default}.bn-input__inner:disabled{color:var(--bn-disabled-color);pointer-events:none}.bn-input__inner:disabled::placeholder{color:var(--bn-input-placeholder-color)}.bn-input__icon{display:flex;flex-shrink:0;font-size:inherit;color:var(--bn-text-gray-2)}.bn-input__prefix{display:flex;justify-content:center;align-items:center;height:100%;flex-shrink:0}.bn-input__prefix .bn-input__icon{margin-right:8px}.bn-input__suffix{display:flex;justify-content:center;align-items:center;height:100%;flex-shrink:0;flex-wrap:nowrap}.bn-input__suffix .bn-input__icon{margin-left:8px}.bn-input__count{flex-shrink:0;margin-left:8px;letter-spacing:-1px;color:var(--bn-color-3)}.bn-input__eye{cursor:pointer}.bn-input__clearable{cursor:pointer}.bn-input--small{--bn-input-height:var(--bn-size-small)}.bn-input--large{--bn-input-height:var(--bn-size-large)}.bn-input--card{--bn-input-gap-y:0px;border:0;box-shadow:0 2px 5px 0 rgba(36,41,52,.06)}.bn-input--card:not(.is-disabled):hover{--bn-input-placeholder-color:var(--bn-text-gray-1)}.bn-input.is-over-limit{--bn-input-color:var(--bn-danger);--bn-input-border-color:var(--bn-danger)}.bn-textarea{--bn-input-border-color:var(--bn-border-color);--bn-input-border-radius:4px;--bn-input-placeholder-color:var(--bn-color-3);--bn-disabled-bc:var(--bn-color-5);--bn-input-color:var(--bn-color-1)}.bn-textarea{position:relative}.bn-textarea__wrapper{position:relative;overflow:hidden;border:1px solid var(--bn-input-border-color);border-radius:var(--bn-input-border-radius);font-size:var(--bn-fs);color:var(--bn-input-color);background-color:#fff;transition:border-color .2s cubic-bezier(.645,.045,.355,1);background-image:none;transform:translateZ(0)}.bn-textarea__wrapper.is-hover:not(.is-disabled){--bn-input-border-color:var(--bn-hover-bc)}.bn-textarea__wrapper.is-focus:not(.is-disabled){--bn-input-border-color:var(--bn-focus-bc)}.bn-textarea__wrapper.is-disabled{border-color:var(--bn-disabled-bc);color:var(--bn-disabled-color);background-color:var(--bn-disabled-bgc);cursor:not-allowed}.bn-textarea__inner{display:block;border:0;padding:5px 15px;width:100%;font-size:inherit;color:var(--bn-input-color);background:0 0;outline:0;transition:border-color .2s cubic-bezier(.645,.045,.355,1);line-height:1.5;box-sizing:border-box;background-image:none}.bn-textarea__inner::placeholder{color:var(--bn-input-placeholder-color)}.bn-textarea__inner[readonly]{cursor:default}.bn-textarea__inner:disabled{pointer-events:none;color:var(--bn-disabled-color)}.bn-textarea__inner:disabled::placeholder{color:var(--bn-input-placeholder-color)}.bn-textarea__count{position:absolute;right:10px;bottom:5px;margin-left:8px;font-size:12px;color:var(--bn-color-3);flex-shrink:0;letter-spacing:-1px;line-height:14px}.bn-textarea.is-over-limit{--bn-input-color:var(--bn-danger);--bn-input-border-color:var(--bn-danger)}