.input-wrapper{padding-top:11px}.input{width:100%;color:var(--color-text-dark);background-color:#fff;border:1px solid #bbbacd;border-radius:6px;font-size:.875rem;display:flex;position:relative}.input__label{z-index:1;opacity:0;color:inherit;background-color:inherit;font-size:inherit;padding:0 12px;transition-property:opacity,transform;transition-duration:.2s;position:absolute;top:0;left:10px;transform:translateY(50%)}.input__label--visible{opacity:1;transform:translateY(-50%)}.input__input{width:100%;color:inherit;background-color:inherit;font-family:inherit;font-size:inherit;border:0;border-radius:6px;padding:15px 25px;display:block}.input__input:focus{outline:none}.input__input::placeholder{color:var(--color-primary)}.input__input:disabled,.input__input:read-only{cursor:not-allowed;opacity:.7}.input-wrapper--error .input{border-color:var(--color-red-500)}.input-wrapper--error .input__label{color:var(--color-red-500)}.input__error{text-align:right;color:var(--color-red-500);margin-top:10px;font-size:.7rem}.input__input:-webkit-autofill{-webkit-text-fill-color:#33475a!important;-webkit-box-shadow:inset 0 0 0 30px #fff!important}.input__input:-webkit-autofill:hover{-webkit-text-fill-color:#33475a!important;-webkit-box-shadow:inset 0 0 0 30px #fff!important}.input__input:-webkit-autofill:focus{-webkit-text-fill-color:#33475a!important;-webkit-box-shadow:inset 0 0 0 30px #fff!important}.input__input:-webkit-autofill:active{-webkit-text-fill-color:#33475a!important;-webkit-box-shadow:inset 0 0 0 30px #fff!important}