.ca-input{width:100%}.ca-input .limit{color:rgba(var(--color-font-10,#000),.5);font-size:.625rem;line-height:1.4;display:block;text-align:right;margin-bottom:.3125rem}.ca-input .input-block{display:flex;align-items:center}.ca-input .input-block .prefix,.ca-input .input-block .suffix{font-size:.875rem;margin:0 5px}.bp-sm .ca-input .input-block .prefix,.bp-sm .ca-input .input-block .suffix{font-size:1.625rem}.ca-input .input-block .input-box{max-width:740px;width:100%;display:flex;position:relative;align-items:center}.ca-input .input-block .input-box:has(.eye) input{padding-right:2em}.ca-input .input-block .input-box input{max-width:740px;font-size:.9375rem;line-height:1.6;width:100%;padding:7px .9375rem;border:1px solid var(--color-border,#ccc);border-radius:4px;box-sizing:border-box;background:var(--color-white,#fff);-webkit-appearance:none;-moz-appearance:none;appearance:none}.ca-input .input-block .input-box input.with-clear-button{padding-right:30px}.bp-sm .ca-input .input-block .input-box input{max-width:none;width:100%;font-size:2rem}.ca-input .input-block .input-box input::-moz-placeholder{color:rgba(var(--color-font-10,#000),.3)}.ca-input .input-block .input-box input::placeholder{color:rgba(var(--color-font-10,#000),.3)}.ca-input .input-block .input-box input:focus{outline:0}.ca-input .input-block .input-box input:disabled{background:var(--color-border,#ccc)}.ca-input .input-block .input-box input.error{border:2px solid var(--color-error,#ccc);background:rgba(var(--color-error-10,204,204,204),.1)}.ca-input .input-block .input-box input[readonly=readonly]{color:rgba(var(--color-font-10,#000),.3);background:rgba(var(--color-font-10,#000),.05);border-color:transparent}.ca-input .input-block .input-box .clear-button,.ca-input .input-block .input-box .eye{position:absolute;right:1em;cursor:pointer}.ca-input.size100 .input-box{width:100px}.ca-input.ca-input__suggestion-panel{width:100%;max-width:480px;position:relative;box-sizing:border-box}.ca-input.ca-input__suggestion-panel .input-block{margin:0;border:none;background:transparent}.ca-input.ca-input__suggestion-panel .input-box{max-width:none}.ca-input.ca-input__suggestion-panel input{width:100%;padding:10px 12px;border:none;font-size:14px;outline:none;background:transparent;color:var(--color-font,#000);border-radius:0;box-shadow:none}.ca-input.ca-input__suggestion-panel input:focus{outline:0}