.ca-input{width:100%}.ca-input .limit{color:rgba(var(--color-font-10,#000),.5);display:block;font-size:.625rem;line-height:1.4;margin-bottom:.3125rem;text-align:right}.ca-input .input-block{align-items:center;display:flex}.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{align-items:center;display:flex;max-width:740px;position:relative;width:100%}.ca-input .input-block .input-box input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-white,#fff);border:1px solid var(--color-border,#ccc);border-radius:4px;box-sizing:border-box;font-size:.9375rem;line-height:1.6;max-width:740px;padding:7px .9375rem;width:100%}.ca-input .input-block .input-box input.with-clear-button{padding-right:30px}.bp-sm .ca-input .input-block .input-box input{font-size:2rem;max-width:none;width:100%}.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{background:rgba(var(--color-error-10,204,204,204),.1);border:2px solid var(--color-error,#ccc)}.ca-input .input-block .input-box input[readonly=readonly]{background:rgba(var(--color-font-10,#000),.05);border-color:transparent;color:rgba(var(--color-font-10,#000),.3)}.ca-input .input-block .input-box .clear-button,.ca-input .input-block .input-box .eye{cursor:pointer;position:absolute;right:1em}.ca-input.size100 .input-box{width:100px}