.input{border:1.5px solid;border-color:var(--blue_dark);border-radius:8px;box-sizing:border-box;position:relative;width:310px}.input .div{-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;background:transparent;border:none;color:var(--blue_dark);display:-webkit-box;margin:0;overflow:hidden;padding:0;position:relative;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}.input .div:focus{box-shadow:none;outline:none}.input .div:-webkit-autofill,.input .div:-webkit-autofill:active,.input .div:-webkit-autofill:focus,.input .div:-webkit-autofill:hover{box-shadow:inset 0 0 0 1000px transparent!important;-webkit-text-fill-color:var(--blue_dark)!important;background-color:transparent!important}.input.state-default{background-color:#fafbff80}.input.state-active,.input.state-default{align-items:center;display:flex;gap:8px;padding:12px 16px}.input.state-active{background-color:var(--blue_light);border-color:var(--blue)}.input.state-default .div{font-style:normal;line-height:24px}.input.state-active .div,.input.state-default .div{font-family:Inter,sans-serif;font-size:16px;font-weight:500;letter-spacing:0}.input.state-active .div{line-height:normal}.input.is-error{border-color:var(--red)}.helper-text{color:#6b7280;font-family:Inter,sans-serif;font-size:12px;margin-top:6px}.helper-text.is-error{color:var(--red)}